express的作用

express
1. 为什么要学习express?
* express是Node.js的核心框架
* express可以帮助我们快速构建web服务器 / api服务器
* express提供了一个快速生成工具 express-generator
* 快速生成工具： 帮助我们快速创建一个项目的工具
2. 安装express-generator
* 全局安装 $ npm i express-generator -g
* $ cnpm i express-generator -g
* $ yarn add express-generator global
* 如果你的npm版本 在 5.2+以上，那么你可以不使用全局安装，使用npx就可以了 格式：$ npx express 模板配置 项目名称 举例 $ npx express -e express_demo 解释： -e 指的是我们使用一个叫做ejs的模板 index.ejs 可以兼容html标签，可以书写js语法

1. 项目目录结构
* bin
	* www 启动了一个静态服务器（ web服务器 ）
   * node_modules 真个项目的依赖包
	* public 静态资源文件
	* routes 路由文件夹
* view
* xxx.ejs 项目的模板
* app.js 整个项目的入口文件
* package.json 真个项目的依赖配置文件
1. app.js文件代码解读
	* app对象的功能
		* 是为了使用一些具有特定功能的函数（ 这些函数我们给起了一个名字 ， 叫做中间件 ）
		* 我们通过app.use 来使用这些中间件
	* 中间件分类
		* 应用级中间价 cors
		* 路由中间件 app.get( '/', function ( req,res,next ) {})
		* 错误处理中间件 function ( err , req,res,next ) {}
2. 在express中创建一个页面出来

总结： 以上express项目为后端渲染的项目

6.express创建api服务器（ 接口 ）
api服务器需要使用测试用具来测试，不能用浏览器展示 总结： api服务器就是给前端打造接口

注意： 后端工程师给前端工程师发送的接口数据类型时一个json类型的字符串 前端工程师需要用 JSON.parse() 转换

var createError = require('http-errors');
var express = require('express');
var path = require('path');
var cookieParser = require('cookie-parser');
var logger = require('morgan');
var indexRouter = require('./routes/index');
var usersRouter = require('./routes/users');
var catgorysRouter = require('./routes/catgorys');
var cors = require('cors')
var app = express();

// view engine setup
app.set('views', path.join(__dirname, 'views'));
app.set('view engine', 'ejs');


//跨域
app.use(cors({
"origin": "*",
"methods": "GET,HEAD,PUT,PATCH,POST,DELETE",
"preflightContinue": false,
"optionsSuccessStatus": 200
}))


app.use(logger('dev'));
app.use(express.json());
app.use(express.urlencoded({ extended: false }));
app.use(cookieParser());
app.use(express.static(path.join(__dirname, 'public')));

//接口
app.use('/', indexRouter);
app.use('/users', usersRouter);
app.use('/catgorys', catgorysRouter);


// catch 404 and forward to error handler
app.use(function(req, res, next) {
next(createError(404));
});


// error handler
app.use(function(err, req, res, next) {
// set locals, only providing error in development
res.locals.message = err.message;
res.locals.error = req.app.get('env') === 'development' ? err : {};


// render the error page
res.status(err.status || 500);
res.render('error');
});


module.exports = app;



var express = require('express');
var router = express.Router();

//暴露接口
router.get('/', (req, res, next) => {
const { username, password } = req.query;
res.render('catgorys', {
catgorys: JSON.stringify([{
id: 1001,
content: '商品一',
username,
password
}, {
id: 1002,
content: '商品二'
}])
})
})

//暴露接口
router.post('/', (req, res, next) => {
const { username, password } = req.body;
res.render('catgorys', {
catgorys: JSON.stringify([{
id: 1003,
content: '商品三',
status: 1
}])
})
})
module.exports = router;