#利用express脚手架工具搭建后台的步骤

利用express脚手架搭建后台的步骤

一、全局安装express脚手架工具

安装脚手架

$cnpm express-generator -e/-j -g

​ -e : 使用ejs渲染模板

​ -j ：使用jade渲染模板（pug和jade实际是同一个模板，语法完全一致）

二、生成项目

//进入项目目录后
$express projectName 

peojectName为项目名称，执行后将自动生成初始项目文件

$项目目录

• /bin内置了一个名为‘www’的配置文件

• /node_modules为项目依赖

• /public内存放公共的文件，所有存放在public文件夹内的文件不需要设置路由即可访问

• /routes内存放路由设置文件

• /views内存放渲染模板

• app.js是项目的设置文件，含有模块和路由配置的引用

$导出路由

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

/* GET home page. */
router.get('/', function(req, res, next) {
  res.render('index', { title: 'Express' });
});

module.exports = router;

router是express.Router方法产生的对象，它的get方法有两个参数：

第一个参数为Path 路由路径

第二个参数是一个回调函数，内部有三个参数：

Request 对象表示 HTTP 请求，包含了请求查询字符串，参数，内容，HTTP 头部等属性

Response 对象表示 HTTP 响应，即在接收到请求时向客户端发送的 HTTP 响应数据

​ res.send() 向前端传递响应信息

​ res.render(‘view文件夹中的文件名’) 使用渲染模板渲染一个页面给前端

next 则是前往下一个中间件，执行相同路径的下一个方法

$引入路由

在app.js文件中插入

const xxxRouter = require('./routes/xxx')

使用require引入路由配置文件

app.use('/xxx',xxxRouter)

使用中间件app调用路由，第一个参数为path路由路径

（如果在app.js文件中和router文件中同时设置了path，那么这个路由就是二级路由）

三、启用静态服务器

start是package.json中的js脚本，会自动执行www文件，启动服务器

"scripts": {
   "start": "node ./bin/www"
}

终端运行start脚本即可启动静态服务器，run可以直接省略

$ npm run start