express是nodejs的一个轻量级框架。

express的功能很简单， 功能依赖中间件。

安装：在你的项目文件价里打开cmd窗口，在里面使用npm工具（就是在cmd里输入 npm install express）下载express。
 
用法：
1.创建服务：
var server=express();
2.监听
server.listen();
3.处理请求
server.use('地址',function(req,res){

});
 

express简单示例：

const express= require('express');

var server=express();

// server.use('/',function(req,res){

// use里的第一个参数代表用户请求根目录

// });

server.use('/',function(){

  res.send('abc');

  res.end();

})

server.listen();
结果：

req与res是经过express封装过的，在保留原生功能的基础下又增强了一些方法。如：res.send()，这个方法可以直接在网页上显示json（原来用于显示的write()方法无法显示json）。

 
监听请求的三种方法：
.get('/',function(req,res){});//接受get方法

.post('/',function(req,res){});//接受post方法

.use('/',function(req,res){}); //get，post都能接受
 
示例：
html：
<!DOCTYPE html>

<html lang="en" dir="ltr">

  <head>

    <meta charset="utf-8">

    <title></title>

  </head>

  <body>

    <form class="" action="http://localhost:8080" method="get">

      <input type="text" name="" value="" placeholder="输入用户名">

      <input type="submit" name="" value="提交">

    </form>

  </body>

</html>
 
node:
const express= require('express');

var server=express();

server.post('/',function(req,res){

  console.log('有post');

});

server.get('/',function(req,res){

  console.log('有get');

})

server.use('/',function(req,res){ // use里的第一个参数代表用户请求根目录

console.log('有use')；

  // res.send('abc');

  // res.end();

})

server.listen();
 
中间件：express-static
用法：
server.use(express.static('www'));//设置静态文件目录
上面那行代码的意思是讲静态文件目录设置为根目录。
示例：
  
node：
const express= require('express');

const expressStatic=require('express-static');

var server=express();

server.listen(8080);

server.use(expressStatic('./www'));
在地址栏中输入：http://localhost:8080/index.html
 

转跳成功~

——————————————————————————
用express搭建简易用户登录系统
//res.query--->将传入的数据处理成键值对
 
html：
<!DOCTYPE html>

<html lang="en" dir="ltr">

  <head>

    <meta charset="utf-8">

    <title></title>

    <script src="ajax.js" charset="utf-8"></script>

    <script type="text/javascript">

      window.onload=function(){

        var oUser=document.getElementById('user');

        var oPass=document.getElementById('pass');

        var oBtn=document.getElementById('btn1');

        oBtn.onclick=function(){

          ajax({

            url:'/login',

            data:{user:oUser.value,pass:oPass.value},

            success:function(str){

              var json=eval('('+str+')');

              if(json.ok){

                alert('登录成功');

              }else{

                alert('失败:'+json.msg);

              }

            },

            error:function(){

              alert('通信失败');

            }

          });

        };

      };

    </script>

  </head>

  <body>

    <div>

      <input type="text" id="user"><br />

      <input type="password" id="pass"><br />

      <input type="button" value="登录" id="btn1" />

    </div>

  </body>

</html>
ajax：
function json2url(json){

    var arr=[];

    for(var name in json){

        arr.push(name+'='+json[name]);

    }

    return arr.join('&');

}

function ajax(json){

    json=json || {};

    if(!json.url)return;

    json.data=json.data || {};

    json.type=json.type || 'get';

    var timer=null;

    if(window.XMLHttpRequest){

        var oAjax=new XMLHttpRequest();

    }else{

        var oAjax=new ActiveXObject('Microsoft.XMLHTTP');

    }

    switch(json.type){

        case 'get':

            oAjax.open('GET',json.url+'?'+json2url(json.data),true);

            oAjax.send();

            break;

        case 'post':

            oAjax.open('POST',json.url,true);

            oAjax.setRequestHeader('Content-Type','application/x-www-form-urlencoded');

            oAjax.send(json2url(json.data));

            break;

    }

    oAjax.onreadystatechange=function(){

        if(oAjax.readyState==4){

            clearTimeout(timer);

            if(oAjax.status>=200 && oAjax.status<300 || oAjax.status==304){

                json.success && json.success(oAjax.responseText);

            }else{

                json.error && json.error(oAjax.status);

            }

        }

    };

}
node：
const express= require('express');

const expressStatic=require('express-static');

var server=express();

server.listen(8080);

var users={

  'blue':'123456',

  'zhangsan':'123789',

  'lisi':'111'

}

server.get('/login',function(req,res){

  var user=req.query['user'];

  var pass=req.query['pass'];

  if(users[user]==null){ //键值对

    res.send({ok:false,msg:'此用户不存在'});

  }else{

    if(users[user]!=pass){

      res.send({ok:false,msg:'密码错了'});

    }else{

      res.send({ok:true,msg:'成功'});

    }

  }

})

server.use(expressStatic('./www'));
 

Node.js 学习笔记（二）的更多相关文章

  1. ［转］node.js学习笔记(二)

    二.express 1.安装 express4 npm --registry=http://registry.npmjs.org install -g express-generator (全局) 2 ...

  2. Node.js学习笔记(二) --- CommonJs和Nodejs 中自定义模块

    一. 什么是 CommonJs? JavaScript 是一个强大面向对象语言,它有很多快速高效的解释器. 然而, JavaScript标准定义的 API 是为了构建基于浏览器的应用程序.并没有制定一 ...

  3. 一点感悟：《Node.js学习笔记》star数突破1000+

    写作背景 笔者前年开始撰写的<Node.js学习笔记> github star 数突破了1000,算是个里程碑吧. 从第一次提交(2016.11.03)到现在,1年半过去了.突然有些感慨, ...

  4. 系列文章--Node.js学习笔记系列

    Node.js学习笔记系列总索引 Nodejs学习笔记(一)--- 简介及安装Node.js开发环境 Nodejs学习笔记(二)--- 事件模块 Nodejs学习笔记(三)--- 模块 Nodejs学 ...

  5. Node.js学习笔记（3）：NPM简明教程

    Node.js学习笔记(3):NPM简明教程 NPM常用操作 更新NPM版本 npm install npm -g -g,表示全局安装.我们可以指定更新版本,只需要在后面填上@版本号即可,也可以输入@ ...

  6. Node.js学习笔记（2）：基本模块

    Node.js学习笔记(2):基本模块 模块 引入模块 为了编写可维护的代码,我们把很多函数分组,分别放到不同的文件里,这样,每个文件包含的代码就相对较少,很多编程语言都采用这种组织代码的方式.在No ...

  7. Node.js学习笔记（1）：Node.js快速开始

    Node.js学习笔记(1):Node.js快速开始 Node.js的安装 下载 官方网址:https://nodejs.org/en/ 说明: 在Windows上安装时务必选择全部组件,包括勾选Ad ...

  8. Node.js学习笔记（4）：Yarn简明教程

    Node.js学习笔记(4):Yarn简明教程. 引入Yarn NPM是常用的包管理工具,现在我们引入是新一代的包管理工具Yarn.其具有快速.安全.可靠的特点. 安装方式 使用npm工具安装yarn ...

  9. node.js学习笔记（二）——回调函数

    Node.js 异步编程的直接体现就是回调. 那什么是回调呢?回调指的是将一个函数作为参数传递给另一个函数,并且通常在第一个函数完成后被调用.需要指明的是,回调函数不是由该函数的实现方直接调用,而是在 ...

  10. Node.js学习笔记（二）：模块

    模块是 Node.js 应用程序的基本组成部分,文件和模块是一一对应的.一个 Node.js 文件就是一个模块,这个文件可能是 JavaScript 代码.JSON 或者编译过的 C/C++ 扩展. ...

随机推荐

  1. html页面加载顺序

    页面总是从上往下执行 CSS为什么要放在头部 1.CSS可以和html一起同时进行解析和渲染 2.如果你把CSS放到body后面,不但没有跟html一起进行加载渲染,还要花费额外时间去加载CSS,这样 ...

  2. 实验四：Linux系统C语言开发环境学习

    项目 内容 这个作业属于哪个课程 班级课程主页链接 这个作业的要求在哪里 作业要求 学号-姓名 17043133-木腾飞 作业学习要求 1.学习Linux系统中如何查看帮助文档:2.在Linux系统中 ...

  3. 0512String类

    String类 2. String类 2.1 字符串类型概述 又爱又恨!!! 爱: 字符串基本上就是数据的保存,传输,处理非常重要的一种手段. 恨: 解析过程非常烦人,需要掌握熟记很多方法,同时需要有 ...

  4. Docker scratch 无法正常运行golang二进制程序的问题

    使用Docker构建容器能够极大的降低运维成本,提高部署效率,同时非常方便对服务的平行扩展.然而在构建容器镜像过程中的,存在着一个难以避免的问题,就是如果使用常见的发行版本作为程序运行的基础环境,那么 ...

  5. [工具推荐]002.SoftOrbits Sketch Drawer使用教程

    SoftOrbits Sketch Drawer是一款简单易用的照片素描化软件,内置多种预设方案以及丰富的自定义细节. 只需要一次轻轻的鼠标点击,就可以帮助你迅速的将家人的照片转换为黑白或者彩色的素描 ...

  6. 树莓派3B安装ubuntu mate系统后无法联网

    问题描述:在安装系统的初始化操作时,可以联网,如下图所示: 但是在系统安装结束后,wifi标志处无信号,无法搜索wifi信号. 解决方法:实测有效 直接打开终端(ctrl+alt+t),执行指令:su ...

  7. 10 . Python之面向对象

    面向对象编程--Object Oriented Programming,简称OOP,是一种程序设计思想.OOP把对象作为程序的基本单元,一个对象包含了数据和操作数据的函数. 面向对象初识别 面向过程v ...

  8. Chisel3 - Chisel vs. Scala

    https://mp.weixin.qq.com/s/mTmXXBzSizgiigFYVQXKpw     介绍Chisel与Scala的不同与关联.   ​​   一. 层次高低   Chisel是 ...

  9. jchdl - RTL实例 - Counter4

    https://mp.weixin.qq.com/s/xtvMj5f-Uvx3vesVnH0P_A   计数器.   参考链接 https://github.com/wjcdx/jchdl/blob/ ...

  10. （Java实现）洛谷 P1093 奖学金

    题目描述 某小学最近得到了一笔赞助,打算拿出其中一部分为学习成绩优秀的前5名学生发奖学金.期末,每个学生都有3门课的成绩:语文.数学.英语.先按总分从高到低排序,如果两个同学总分相同,再按语文成绩从高 ...