Express框架基础

在文件目录打开固定文件，点击路径输入cmd直接进入该文件的命令行
命令行输入cls 清除命令行上的内容

安装（建立一个文件夹，打开cmd 进入到文件夹内部，输入nmp install express）
配置
接收请求
响应

创建服务
var server=express();
监听
server.listen(8080);
处理用户的请求
server.use(‘地址’,function(req,res){});

此处的req,res还含有原生的方法（eg：req.write();）
express保留了原生的功能，添加了一些方法(send),增强原有的功能

const express=require('express');

var server=express();
server.use('/1.html',function(req,res){ //靠use来处理用户相应的请求
	res.send('abc'); //send可以传输的类型更多 res.send({a:12,b:4})eg：可以接受json数据
	res.end();
});
server.use('/2.html',function(req,res){
	res.send('123');
	res.end();
});
server.listen(8083);

依赖中间件
express有三种方式可以接受用户的请求
.get('/地址'，function(req,res){});
.post(…)
.use(…) //use 模式下get和post 通吃
非破坏式的（req等该具有的方法仍存在）

中间件 express-static

现在cmd控制台上下载 npm install express-static，引入
server.use(static('./www'); 引入指定目录下的文件

const express=require('express');
const expressststic=require('express-static') //中间件

var server=express();
var users={
	'blue':'123456',
	'zhangsan':'654321',
	'lisi':'000000'
};  //自定义一个json数据,也是一个对象

server.get('/login',function(req,res){
	//console.log(req.query);  //提交表单结果显示为：{ user: '小明', pass: '123456' }
	//返回的是一个对象 （访问对象的属性有方括号和点访问两种方法）
	var user=req.query['user']; //单独拿出一个属性
	var pass=req.query['pass'];
	
    if(users[user]==null){
    	res.send({ok:false,msg:'用户不存在'}); //这里返回一个json
    }else{
        if(users[user]!=pass){
        res.send({ok:false,msg:'密码错了'}); //这里返回一个json	
        }
        else{
        	res.send({ok:true,msg:'成功'}); //这里返回一个json
        }
    }
});

server.listen(8080);
server.use(expressststic('./www'))  //访问http://localhost:8086/1.html（读取指定目录下的文件）

html 部分
在这里插入图片描述
（总的来说express就是一个框架，它依赖于中间件，接受请求有三种方式~~~)

数据：GET,POST
中间件：使用，写，链式操作

GET-无需中间件
req.query
POST-需要中间件 “body-parser”

const express=require('express');
const bodyparse=require('body-parser');

var server=express();
server.listen(8083);

//这里运用多个use相当于一个流水线 先加工一步再加工一步
server.use(bodyparse.urlencoded({}))  //中间环节先加工一次 解析数据！！

server.use('/',function(req,res){
// console.log(req.query);  //容纳的是GET数据 
   console.log(req.body);   //容纳的是POST数据  用在body身上！！
});

//------------里面也可以有参数
server.use(bodyparse.urlencoded({ 
	//extended：true; //扩展模式
	//limit：   //限制 最多接受多大的POST数据 默认100k(1024=1k,1024*1024=1兆,1024*1024*1024=1G)
})) //中间环节先加工一次

链式操作：

server.use('/',function(req,res,next){  //多加一个参数 next
	console.log('a');

	next();   //这里调用 next 才向下走
});
server.use('/',function(req,res,next){
	console.log('b');
});

中间件的原理：

const express=require('express');
const querystring=require('querystring');

var server=express();
server.listen(8080);

server.use('/',function(req,res,next){
	var str='';
	req.on('data',function(data){
		str+=data;
	});
    req.on('end',function(){
    	req.body=querystring.parse(str); //将收集解析好的 信息加到body身上！！
    	next();  //全部数据得到之后才向下执行
    })
});

server.use('/',function(req,res,next){
	console.log(req.body);  //传递过程中不变
});

将上面的例子封装成自己写的中间件：

//服务器
const express=require('express');
const body=require('./body.js');  //引用自己的模块 ./

var server=express();
server.listen(8080);

server.use(body);
server.use('/',function(req,res){
	console.log(req.body);  //传递过程中不变
});


//body-parser.js （自己写的中间件）
const querystring=require('querystring');

module.exports=function(req,res,next){ //module.exports 要输出
	var str='';
	req.on('data',function(data){
		str+=data;
	});
    req.on('end',function(){
    	req.body=querystring.parse(str);  //解析收集好的数据
    	next();  //全部数据得到之后才向下执行
    })
};  //请求显示结果为：{ user: 'xiaoming', pass: '123456' }

猜你喜欢