Express及其脚手架的使用

手动配置基本使用

1. 安装express，

// 1.导入express
const express = require('express');
// 2.调用express方法, 创建服务端实例对象
const app = express()

app.get('/', (req, res, next)=>{
    res.writeHead(200, {
        'Content-Type': 'text/plain; charset=utf-8;'
    });
    res.end('你好');
});

// 3.告诉服务端需要监听哪一个端口
app.listen(3000, ()=>{
    console.log('listen ok');
});

2. 处理静态网页。

// 处理静态资源
app.use(express.static(path.join(__dirname, 'public')));

3. 处理动态资源

// 处理动态资源
// 1.告诉express动态资源存储在什么地方
app.set('views', path.join(__dirname, 'views'));
// 2.告诉express动态网页使用的是什么模板引擎
app.set('view engine', 'ejs');
// 3.监听请求, 返回渲染之后的动态网页

4. 处理路由，创建router目录，导入express模块，并引入express.Router()方法创建路由中间件，通过此中间件进行处理各项get，post请求的路由地址，并接受回调函数（req,res,next）=>{},
   此函数中可用res.json()处理响应的数据，最后将router暴露出去

const express = require('express');
const router = express.Router();
// 会将注册的地址和当前的地址拼接在一起来匹配
// /api/user/login
router.get('/login', (req, res, next)=>{
    // 注意点: 响应对象的json方法是express给响应对象扩展的
    //         这个方法会自动将对象转换成字符串之后返回
    //         这个方法还会自动帮助我们设置响应头
    res.json({
        name:'gbq',
        age:22,
        method: 'get'
    });
});
router.post('/register', (req, res, next)=>{
    res.json({
        name:'l54',
        age:15,
        method: 'post'
    });
});
module.exports = router;

在主文件中导入路由，并注册路由，可以加入通用路径。

app.use('/api/user', userRouter);

5. 处理请求参数，get请求可以直接使用req.query获取。post请求需要写解析规则，然后通过req.body拿到

app.get('/get', (req, res, next)=>{
    // express会将get的请求参数转换成对象之后, 放到请求对象的query属性中
    console.log(req.query);
});
app.use(express.json()); // 告诉express能够解析 application/json类型的请求参数
app.use(express.urlencoded({extended: false})); // 告诉express能够解析 表单类型的请求参数 application/x-www-form-urlencoded
// express会将解析之后, 转换成对象的post请求参数放到请求对象的body属性中
app.post('/post', (req, res, next)=>{
    console.log(req.body);
});

6. next注意点：
   1.use既可以处理没有路由地址的请求, 也可以处理有路由地址请求
   2.use既可以处理get请求, 也可以处理post请求
   3.在处理请求的时候是从上至下的判断的, 哪一个先满足就哪一个来处理
   4.如果在处理请求的回调函数中没有调用next方法, 那么处理完之后就不会继续往下判断了
   5.如果在处理请求的回调函数中调用了next方法,那么处理完之后还会继续往下判断

Express脚手架

1. 全局安装npm install express-generator -g
2. 在一个文件夹里面用express命令创建应用。express test;并进入此目录 cd test；
3. npm install命令进行安装依赖
4. 开发。