Skip to content

Latest commit

 

History

History
58 lines (46 loc) · 2.2 KB

综合案例.md

File metadata and controls

58 lines (46 loc) · 2.2 KB

Node 综合 web 案例

1. 目录结构

.
|—— app.js			      项目的入口文件
|—— controllers
|—— modules				  存储使用 mongoose 设计的数据模型
|—— node_modules          第三方包
|—— package.json          包描述文件
|—— package-lock.json     第三方包版本锁定文件(npm5以后才有)
|—— public                公共的静态资源
|—— README.md             项目说明文档
|—— routes				  如果业务比较多,代码量大,最好把路由按照业务的分类存放在这个目录中
|—— routeer.js			  简单一点把所有的路由都放到这个文件
|—— views                 存储视图目录

2. 模板页

art-template子模板

art-template 模板继承

3.路由设计

路径 方法 get参数 post参数 是否需要登陆 备注
/ GET 渲染首页
/register GET 渲染注册页
/register POST email、nickname、password 处理注册请求
/login GET 渲染登陆页
/login POST email、password 处理登陆请求
/logout GET 处理退出请求

4. 模型设计

5. 功能实现

6. 书写步骤

  • 创建目录结构
  • 整合静态页-模板页
    • include
    • block
    • extend
  • 设计用户登录、退出、注册 的路由
  • 用户注册
    • 先处理好客户端页面的内容(表单控件的 name 、收集表单数据 、发起请求 )
    • 服务端
      • 获取客户端表单请求数据
      • 操作数据库
        • 如果有错,发送500告诉客户端服务器错了
        • 其他的根据你的业务发送不同的响应数据
  • 用户登录
  • 用户退出