Express简介

Express 是一个简洁、灵活的 nodejs 的 web 应用开发框架。

安装 express

npm i express --save

下面是一个使用express快速搭建服务器的示例:

// 使用 express 快速搭建一个服务器
const express = require('express');
const app = express();

app.get('/',(req,res)=>{
    res.send('Hello,world');
}).listen(3000,()=>{
    console.log('the server is running on port 3000...');
})

中间件

本来正常的过程是前端发送请求到后端,后端对这个请求进行处理,然后给前端返回响应。那么中间件的作用就是在接收到前端的请求后,作出一系列的工作。

中间件的语法:

function 中间的名字(req,res,next){
//req:代表的是http请求
//res:代表的是http 响应
//next:代表调用下一个中间件
}

中间件会对http请求进行处理,处理完成之后,交给下一个中间件

下面是一个中间件的简单示例:

const express = require('express');//引用express
const app = express();

function one(req,res,next){
    console.log('正在执行 one 中间件');
    next();
    console.log('one 中间件执行完成');
}

function two(req,res,next){
    console.log('正在执行 two 中间件');
    next();
    console.log('two 中间件执行完成');
}

function three(req,res,next){
    console.log('正在执行 three 中间件');
    next();
    console.log('three 中间件执行完成');
}

// 注册中间件
app.use(one);
app.use(two);
app.use(three);

app.get('/',(req,res)=>{
    res.send('<h1>Hello,world!!!</h1>')
}).listen(3000,()=>{
    console.log('the server is running on port 3000...');
});

路由

路由,就是对请求进行合适的导航。

在 express 中,通过 app.use 方法就可以配置路由。使用 app.use 配置的路由,不需要关心请求类型,无论是get,还是post,还是put…都可以,只要路径配上就可以了。

app.get、app.post …就是 app.use 的别名。

后面我们在配置路由的时候,更多的还是使用app.get、app.post 这种方式,这样代码更加清晰一些。

快速入门示例如下:
 

const express = require('express');
const app = express();
const bodyParser = require('body-parser');

// 注册
// 解析 application/x-www-from-urlencodeed 数据
app.use(bodyParser.urlencoded({extended:false}));
// 解析 application/json 数据
app.use(bodyParser.json());

app.get('/',(req,res)=>{
    res.send('这是首页');
})

app.get('/login',(req,res)=>{
    res.send('这是登陆页面');
})

app.get('/register',(req,res)=>{
    res.send('这是注册页面');
})

app.listen(3000,()=>{
    console.log('the server is running on port 3000...');
});

上一篇:catia公式


下一篇:vue+express项目https配置