首先新建一个文件夹,文件夹下建 app.js (入口)、router(路由)、template(模板)、static(静态资源)
然后 npm init 建立 package.json
1. 下载koa、koa-router、koa-ejs
koa: 基础框架
koa-router: 路由
koa-ejs: 生成页面模板
koa-better-body: 中间件 解析数据
koa-convert: 中间件
koa-static: 中间件
npm install koa koa-router koa-ejs koa-better-body -D
2. 文件目录解析
app.js是文件的总入口
router: 中间层的路由
static: 项目静态资源
template: ejs 模板存放
3. 启动中间层
node app.js
然后在地址栏后面输入路由 路由可以渲染到 ctx.render 对应的 ejs 模板页面
相当于 get 的请求方法,渲染到了对应的页面(ctx.render)或者 拿到直接返回的数据(ctx.body)
4. post 接口模拟
(1)下载jq,项目里面
npm install jquery
(2)想在 node 里使用jq,需要使用 koa-static 中间件
npm i koa-static
koa-static 去识别 jq
(3)下载 koa-bodyparser 来解析post 数据
npm i koa-bodyparser
(4)前端数据到达中间层之后,中间层通过 axios 把数据传递给后端,调用后端接口
npm i axios
所谓渲染就是 html 页面拼接的一个过程~中间层属于服务端渲染
代码地址:https://github.com/123luckybing/node_middle