node js express框架

1.简述express

快速，不受限制的，极简的Node Web框架。通俗来说就是node http模块的替代品：4

2.在node上创建使用express框架创建的web服务器：

const express=require('express'); //引入express 模块
const app=express();// 创建web服务器 调用这个express函数
app.listen(8080); // 使用这个80接口

创建这个接口的同时，本地会自动打开8080这个接口，80/8080 是http协议常用端口号 https是443/tcp 443/udp

3.express下的路由

app.get('/index',(req,res)=>{
    res.send('<h1>这是主页</h2>');
});
app.get('/redirect',(req,res)=>{    //重定向 302 状态码

  res.redirect('https://www.google.com.hk/')
});
app.get('/file',(req,res)=>{
    res.sendFile(__dirname+'/pre.html');
});
//app.METHOD(path, [callback...], callback)
// app 是 express 对象的一个实例， METHOD 是一个 HTTP 请求方法， path 是服务器上的路径 (得到的url)， callback 是当路由匹配时要执行的函数。

4. 请求方法 get 获取类型为查询字符串 req.query 为查询get 方法中的数据

比如在搜索页面中搜索一个物品这个搜索框中请求的类型为get 怎么在服务器端怎么获取到这个数据

创建一个搜索的html文件

这个form表单提交时候是重新发送请求给服务器方法是 get url 是mysearch

<form method='get' action='/mysearch'>
<input type='text' name='kd'>  <!--一定要所传递的数据打上一个标签 name 
只有设置了 name 属性的表单元素才能在提交表单时传递它们的值，因为服务端获取表单提交的数据是通过表单元素的 name 属性的值而得到的，
没有 name 属性就无法得到表单元素提交给服务端的值
-->
<input type='submit' >
</form>

在服务器中添加一个路由

app.get('/search',(req,res)=>{
console.log(req.query);
res.sendFile(__dirname+'/sousuo.html'); //{ kd: '123' } 会获得一个对象
});
app.get('/mysearch',(req,res)=>{
res.send('这是你搜索的'+ req.query.kd)
})

这是服务器端接收到的数据

5.post 获取方法以及 post的数据

由于post的数据是以流的方式传递所以需要事件来查看

app.get('/login',(req,res)=>{
    res.sendFile(__dirname+'/zhuce.html');
});
app.post('/mylogin',(req,res)=>{
    req.on('data',(chunk)=>{
                                                     //chunk 分段的数据，格式为buffer
                                                //console.log(chunk)
                                             // <Buffer 75 6e 61 6d 65 3d 31 32 33 26 75 70 77 64 3d 34 35 36>
                                            //还要把chunk的数据转为字符串 字符串在转为对象 
      let data=querystring.parse(   chunk.toString() );
      console.log(data);             //需要引入querystring模块
    });
    res.send('登陆成功');
});

buffer数据是不能被查看的所以需要转换为字符串然后把字符串转换为对象需要用到querystring 模块下的parse方法转为对象供我们使用

6. 路由传参获取 req.params

app.get('/package/:pname', (req,res)=>{

// :pname 设置形参

req.params 获取路由传参的数据，格式为对象

});

传递

http://127.0.0.1:8080/package/express

express是实参，真正传递的数据

console.log打印出来实参

app.get('/user/:pname',(req,res)=>{
    console.log(req.params);
    res.send('孔令伟');

});

7.路由器

创建一个路由器

const express=require('express');
const router=express.Router(); //express.Router  创建一个路由器
router.get('/list',(req,res)=>{        //在路由器中写入一个路由
    res.send('小明');
    console.log(router);
});
module.exports=router; //把路由器公开导出 由于本身就是为对象

把路由器引入到web服务器

const express=require('express');
const rou=require('./luyou.js'); //引入路由器
const app=express();
app.listen(8080);
app.use('/product',rou); 
//参数1：添加的前缀
//参数2：挂载的路由器

node js express框架

推荐阅读