使用工程化工具来构建一个完整的 express 项目

595 阅读1分钟

使用工程化工具来构建一个完整的 express

1.npx express -e

  • 需要在git bash里执行此命令,执行完成后会生成以下内容
    • 1.bin文件夹:为项目创建了一个服务器
    • 2.public文件夹:静态资源文件夹
    • 3.routes文件夹:路由
    • 4.views文件夹:路由对应的模板,这个模板将来会发送给前端,发给前端前会被解析为html文件
    • 5.app.js:项目入口文件
    • 6.packge.json:表示项目启动脚本记录 、 项目所需要的依赖包【 插件 】

2.npm i

  • 根据packge.json文件来安装依赖包,执行完成后会生成以下内容
    • 1.node_modules文件夹:nodejs第三方插件依赖包
    • 2.package-lock.json:用来记录当前状态下实际安装的各个npm package的具体来源和版本号。

3.修改packge.json,实现实时监听

  • 将start后面的 node./bin/www 修改为 nodemon./bin/www

4.修改www文件,服务器运行成功是提示服务器所在地址

5.npm run start:开启服务器

  • 执行命令后会显示以下内容,此时即代表服务器开启成功,并实时监听

6.routes文件夹里创建路由(接口)

  • 这里以注册路由register.js为例

7.在新建的路由文件中操作以下步骤

  • 1.引入express模块
  • 2.创建路由模块
  • 3.创建路由中间件(创建接口)
  • 4.导出router模块
const express = require('express');
const router = express.Router();
router.route('/register')//路由路径
   .post((reg,res,next)=>{
       res.render('register',{
           data:JSON.stringify({
               name:"hellow express"
           })
       })
   });
module.exports = router;

8.在app.js里操作以下步骤

  • 1.引用刚刚导出的路由模块
  • 2.通过app.use调用中间件
var registerRouter = require('./routes/register');
app.use('/api', registerRouter);

9.view文件夹里创建ejs文件

  • 此ejs文件中写入<%- data %>

10.在insomnia里发送请求