node.js渲染页面

最新推荐文章于 2025-06-11 22:50:23 发布

wuwangchuxin_123456

最新推荐文章于 2025-06-11 22:50:23 发布

阅读量648

点赞数 1

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/wuwangchuxin_123456/article/details/90414504

本文介绍了创建express项目的流程，包括安装express - generator、创建项目并分析目录结构，如package.json、app.js等文件的作用。还提及启动项目的方式，阐述了express中路由即接口，介绍了api接口暴露的两种方式，以及express中间件的概念和参数。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

创建express项目的流程

安装 express-generator（安装一次就可以了以后的项目直接使用）
$ cnpm i express-generator -g
创建express 项目
$ express -e 项目名称 -e是安装 ejs 模板
分析目录
- package.json 整个项目的依赖配置文件
- app.js 是整个项目的入口文件
- views/xx.ejs 是整个项目的模板（模板内容是什么，将来页面呈现就是什么）
- routes 是整个项目的路由配置文件
- public 静态资源文件（img css js )
- node_modules 整个项目的依赖包
- bin / www 整个项目的服务器配置文件
启动项目 package.json 中 npm 脚本
$ npm run start
express中一个路由即一个接口

api接口暴露的方式有两种：

第一种：使用模板进行暴露，但是要将数据做字符串转换，然后使用ejs的非转义输出

  router.get('/',function( req,res,next ) {
    res.render('mine', {
      mine: JSON.stringify({
        ret: true,
        username: 'yyb',
        password: 123
      })
    })
  })

第二种：使用json()

  router.get('/',function( req,res,next ) {
    res.json({
      ret: true,
       username: 'yyb',
       password: 123
     })
  })

express 中间件（Middleware）
中间件是一个函数,函数中参数有三个：

request 请求
response 响应
next 请求和响应中间的循环流程