Node.js note3（http模块&express&node+mongoose连接MongoDB&模板引擎EJS）

太过爱你忘了你带给我的痛 2023-03-06 05:29 8阅读 0赞

# http模块 #

http模块是node重要的核心模块之一。 [Node中http模块详解（服务端篇）][Node_http]  
![在这里插入图片描述][20200805172450727.png]  
node官方中文文档：[http://nodejs.cn/api/][http_nodejs.cn_api]

先来看看最原生node写服务，简单的结构 webserver

// 1.引用http模块
    var http=require("http");  
    
    // 2.创建webserver req:请求---发送 res：相应----接收
    http.createServer((req,res)=>{ 
    
        // 4.响应文档头 ---- 设置当前内容的字符编码和 相应的状态码
        res.writeHead(200,{ "content-type":"text/html;charset=utf-8"})
    
        // 5.返回数据
        res.end("ok")
        
    }).listen(3000)  // 3.监听端口

#### 4.1、路由 ####

通过URL路径来区分不同的请求，从而找到不同的功能模块来进行执行。

通俗点的话，路由就是根据不同的请求，找到不同的代码完成处理。

我说：原生nodejs的路由分发，据我所见过的，挺麻烦的，性能也差。不过后期学到了express，以中间件的方式分发不同的路由，写起来感觉就舒服很多。

#### 4.2、URL模块 ####

对当前的url进行相关操作。

语法：`url.parse(req.url,true);`  
意为得到请求的url数据，第二个参数为true的话，就可以**把当前url中的query页面数据转换成对象**方便使用。

#### 4.3、路由练习 ####

两个页面登陆和注册 ，通过点击提交按钮， **后台根据url来调用不同的功能显示。**  
![在这里插入图片描述][20200808152508347.png] ![在这里插入图片描述][20200808152631970.png]  
登录/注册页面布局：

node后台服务文件：

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzI5NzMyMQ_size_16_color_FFFFFF_t_70]  
来看看请求结果：  
![在这里插入图片描述][20200808153222533.png] ![在这里插入图片描述][20200808153230872.png]

--------------------

# express #

express 第三方的框架 基于nodejs极简web框架 地位非常

先来看看最简单最基本的用法：  
![在这里插入图片描述][20200808140119929.png]  
server.js  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzI5NzMyMQ_size_16_color_FFFFFF_t_70 1]  
demoRou.js  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzI5NzMyMQ_size_16_color_FFFFFF_t_70 2]

Express官方网站 API接口文档：[https://www.expressjs.com.cn/4x/api.html][https_www.expressjs.com.cn_4x_api.html]

### 5.1、什么是Express ###

express 是一个简洁而灵活的 node.js Web 应用框架， 提供了一系列强大的特性和丰富的 HTTP 工具。

**功能**：扩展了web所需要的基本功能，丰富了HTTP工具，可以快速搭建一个网站。

### 5.2、Express—安装 ###

`npm install --save express`

### 5.3、Express—创建api接口 ###

可以在该项目服务器文件目录下创建一个server.js文件 。

var express=require("express");
    var app=express();
    app.get("/user/login",function(req,res){ 
        res.send({ msg:"ok"})
    })
    app.get("/ser/home",function(req,res){ 
        res.send({ msg:"ok"})
    })
    var server=app.listen(3000)

解释：

*  app.get() 接受get请求；
 *  app.post() 接受post请求；
 *  app.all() 方法让路由函数接收所有指定URL的HTTP方法。

路径中使用`*`通配符可以匹配所有，如：`app.get("/a*",function(req,res){}`匹配以a开头的所有url 。

### 5.4、Express—中间件 ###

中间件：是每次接收到请求都会被先调用的**函数**，算是一个场所，给一些特定功能添加提供的。中间件中可以执行任何代码，比如更改请求和响应对象，结束请求响应周期等。中间件可以一次性放入多个回调函数，但有执行顺序，放在前面的先执行。中间件算是客户端对服务器请求的拦截器。

**语法**：`app.use([path,] callback [,callback ...])`

> 将指定的一个或多个中间件函数安装在指定的路径上：当所请求路径的基数匹配时，将执行中间件函数。  
> 官网： [https://www.expressjs.com.cn/4x/api.html\#app.use][https_www.expressjs.com.cn_4x_api.html_app.use]

// path默认值为“ /”，因此将为对应用程序的每个请求,执行不带路径安装的中间件。
    app.use(function(req,res,next){ 
    	next() // 向后执行，跳转到下一个中间件
    })
    
    也可以把回调函数写在外面，或者模块化引入，然后通过app.usr(callback-name) 来应用中间件。

总之我理解的是，中间件就是一个任意的函数，然后可以通过app.use来应用这部分函数。

比如说我们自己做一个简单例子 ，**自己做一个中间件**：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzI5NzMyMQ_size_16_color_FFFFFF_t_70 3]  
然后导入我们暴露的中间件模块：`var myselfMW=require('./myself-middleware')`  
![在这里插入图片描述][20200808164013955.png]  
然后用`app.use(中间件)`在中间件中调用我们写的模块函数：由于在中间件的最后一位，所以最后执行。  
![在这里插入图片描述][20200808164405669.png]  
**扩展**：  
路由中间件比如 body-parser ，在给post传输数据时使用。  
安装方式：如果用yarn安装的话，`yarn add body-parser`

### 5.5、Express—路由 ###

路由是根据url，决定了哪部分去响应客户端请求。

在HTTP请求中，可以通过路由提取出请求的URL以及GET/POST参数。

### 5.6、Express—路由创建 ###

创建router文件夹，然后创建路由文件命名为userRouter.js 。

// 存放路由的文件
    var express=require("express");
    var router=express.Router()
    // 设置路由
    router.get("/login",function(req,res){ 
        res.send({ msg:"我是login"})
    })
    router.get("/zhuce",function(req,res){ 
        res.send({ msg:"我是zhuce"})
    })
    // 暴露路由
    module.exports=router

### 5.7、Express—路由使用 ###

server.js文件中，引用路由 。

var express=require("express");
    var app=express();
    // 引用路由文件
    var userRouter=require("./userRouter");
    // 中间件中使用路由
    app.use("/user",userRouter)
    // 请求是localhost:3000/user/路由文件中的地址
    app.listen(3000)

我说：跟直接用express写请求，怎么说呢，感觉变化就是，把请求单独封装起来了，然后在主服务文件中引用路由。这个server.js主服务文件就像是一个控制器，可以控制引用哪个路由。

### 5.8、静态资源文件 —webserver ###

使用中间件配合`app.use(express.static(path.join(__dirname, “文件夹名”)));`

### 5.9、express\\中间件\\mongoose\\连接MongoDB 联合小栗子 ###

数据库服务文件：index.js

// 封装数据库连接的内容
    var mongoose=require("mongoose")
    
    mongoose.connect("mongodb://localhost:27017/某数据库名",{  useNewUrlParser: true ,useUnifiedTopology: true})
    var db=mongoose.connection
    db.on("err",console.error.bind(console,"数据库连接失败"))
    db.on("open",(ok)=>{ 
        console.log("数据库连接成功")
    })
    var schemauser=new mongoose.Schema({ 
        name:String,
        age:Number,
        sex:Boolean
    })
    var col=mongoose.model("集合名",schemauser)//这个库的名字尽量都加s，因为不加，系统会默认给加上
    module.exports=col

中间件：user.js

var express=require("express");
    
    var router=express.Router()
    
    var col=require("../db/index")
    
    router.get("/find",(req,res)=>{ 
        col.find().then((ok)=>{ 
            console.log(ok)
            res.send({ msg:"查询的数据",data:ok})
        }) 
    })
    router.get("/insert",(req,res)=>{ 
        // 执行新增操作
       var datacol= new col({ 
            name:"嘻嘻",
            age:19,
            sex:false
        })
        // 开始插入
        datacol.save().then((ok)=>{ 
            console.log(ok)
        })
        res.send("我是新增的路由")
    })
    module.exports=router

node后台服务文件：server.js

var express=require("express");
    
    var app=express()
    
    app.use("/",(req,res,next)=>{ 
        res.header('Access-Control-Allow-Origin', '*');
    
    	res.header('Access-Control-Allow-Headers', 'Content-Type,Content-Length, Authorization, Accept, X-Requested-With , yourHeaderFeild');
    
        res.header('Access-Control-Allow-Methods', 'PUT, POST, GET, DELETE,OPTIONS');
        
        next()//必须要加
    })
    
    // 引入路由文件
    var ruser=require("./router/user")
    // 使用中间件调用路由
    app.use("/user",ruser)
    
    app.listen(3000)

--------------------

# 模板引擎 EJS #

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzI5NzMyMQ_size_16_color_FFFFFF_t_70 4]

###### 模板引擎 EJS–配置和使用 ######

下载 ：npm install --save ejs

app.set（）设置了模版文件夹的路径

配置：
    app.set("view engine","ejs") //让express 对模板进行识别 认识ejs
    
    app.set("views",__dirname+"/ejs")//设置模板的相对路径(放置到ejs的文件夹中)

创建模板文件：在指定文件夹中创建 创建以`.ejs`结尾的文件来进行编写模板。

###### 模板引擎 EJS—模板编写 ######

ejs文件内的内容和html相同 ，可以写一个基本html页面框架放置当中。

1、插入数据：ejs的数据源是在 `render("文件名",{数据})`中进行传递的

app.get("/",function(req,res){ 
        res.render("文件名",{ 
            obj:{ 
                name:"xixi"
            }
        })
    })

2、使用数据 `<%= 数据 %>`

[Node_http]: https://blog.csdn.net/woshinannan741/article/details/51357464?utm_medium=distribute.pc_relevant_t0.none-task-blog-BlogCommendFromMachineLearnPai2-1.edu_weight&depth_1-utm_source=distribute.pc_relevant_t0.none-task-blog-BlogCommendFromMachineLearnPai2-1.edu_weight
[20200805172450727.png]: /images/20230208/fc6fa4a7d2c6455d9b1b684ff17e7e1d.png
[http_nodejs.cn_api]: http://nodejs.cn/api/
[20200808152508347.png]: https://img-blog.csdnimg.cn/20200808152508347.png
[20200808152631970.png]: /images/20230208/a0056ab427c249f2b5ffa0c47cf0b501.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzI5NzMyMQ_size_16_color_FFFFFF_t_70]: /images/20230208/a7dd0ea133e8459e8a469c0912422d6e.png
[20200808153222533.png]: https://img-blog.csdnimg.cn/20200808153222533.png
[20200808153230872.png]: /images/20230208/b7a9eed2e6d5418bba332298f086281f.png
[20200808140119929.png]: /images/20230208/3d491985a66548ba90ed4505764f7e4d.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzI5NzMyMQ_size_16_color_FFFFFF_t_70 1]: /images/20230208/1b87e74c83f64c7e8b418f1eb187f28b.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzI5NzMyMQ_size_16_color_FFFFFF_t_70 2]: /images/20230208/43aa83843f684218b48723245838d199.png
[https_www.expressjs.com.cn_4x_api.html]: https://www.expressjs.com.cn/4x/api.html
[https_www.expressjs.com.cn_4x_api.html_app.use]: https://www.expressjs.com.cn/4x/api.html#app.use
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzI5NzMyMQ_size_16_color_FFFFFF_t_70 3]: /images/20230208/f3aff5e79e114fd1bd51615b731c6d7d.png
[20200808164013955.png]: /images/20230208/18c973226d8b4ace8a5e8ecc361406c8.png
[20200808164405669.png]: /images/20230208/184a0f1f1bec4020a57bd52fb989f3c9.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzI5NzMyMQ_size_16_color_FFFFFF_t_70 4]: /images/20230208/51c7b99c227e4751a9cf3121dec84a3f.png