使用 express-generator 搭建工程项目

使用 express-generator 搭建工程项目

1、express 简介

• express官网
• express的优势：让Web开发更简洁，这也是框架存在的意义。
• express安装：npm install express -S
• 学习 express-generator 这个脚手架工具

2、使用express-generator初始化项目

npm install express-generator -g
express --view=ejs project   // -e 指的是使用 EJS模板引擎
cd project
npm install
npm start   // nodemon ./bin/www

3、详解express-generator脚手架搭建的项目架构

• package.json文件详解

  • "cookie-parser" 用于解析cookie的中间件,expres已经配置好了
  • "ejs" 模板引擎,expres已经配置好了
  • "morgan" 日志工具,expres已经配置好了
  • "moment" 把时间戳变成具体格式
  • "express-session" 操作服务器session
  • serve-favicon 用于设置网站的favicon

• /bin/www 入口文件详解

  • 端口号设置
  • 服务启动时候的事件监听:onError /onListen

• app.js文件详解

  • app.js开始就是我们的项目代码
  • 中间件:next()表示交个下一个中间件处理
  • 路由配置:
  • 模板引擎配置:
    res.render('模板文件的路径',{})

• 路由详解

  • res.render('index', { title: 'cyr' }); //发送一个文件
  • res.send('respond with a resource'); //不能两次调用res.send()
  • 如何定义一个路由
    • var router = express.Router()
    • router.get('/aa',()=>{})
    • app.use('/user',router)

• ejs模板引擎详解

  • <% js代码 %>
  • <%=js代码 %>直接输出值,不对值进行html解析
  • <%-js代码 %>输出值,进行html解析
  • <%-include('模板文件路径',{})%>
  • %可以转义 : %%

RSETful规范及相关概念

1、RESTful规范

• AJAX：GET / POST

  • GET:
  • POST:

• RESTful API 最佳实践

• 接口文档：举例，CNode API 接口文档

2、接口测试

• 使用Postman 接口测试，安装Postman