写代码前的准备
- 使用 npm init 管理项目信息,git init 管理项目文件
- 手动搭建项目结构
- └── baixiu ······································ 项目文件夹(网站根目录) ├── ...... ├── static ·································· 静态文件夹 │ ├── assets ······························ 资源文件夹
- │ │ ├── css ····························· 样式文件夹
- │ │ ├── img ····························· 图片文件夹
- │ │ ├── js ······························ 脚本文件夹
- │ │ └── venders ························· 第三方资源 │ └── uploads ····························· 上传文件夹
- │ └── 2017 ···························· 2017 年上传文件目录 ├── ......
- 抽离公共文件(提前准备好了静态页面),(使用 ejs),后面采用 ejs 做服务器渲染
开始撸代码
- 使用 express 开启一个简单本地服务器 //app.js (app.js 只接受请求,将请求交给路由)
- 配置好静态文件入口(访问静态文件基础路径)
- 创建路由对象 //router.js ,在 app.js 中注册路由 (router.js 将请求与控制器匹配,不处理逻辑)
- 创建控制器对象 //controller.js (对路由传来的请求做相应的逻辑处理),需要获取数据然后响应给 ajax 或 客户端,不操作数据库
- 创建一个 //userdb.js,拥有一些操纵数据库的方法,对数据库间接增删改查,将处理后的数据交给控制器对象
- 创建一个与数据库连接的对象,操纵数据库的一个中转站,负责将操纵数据库的方法和数据库匹配
渲染
控制器返回数据,开始渲染。如果是客户端发送请求,服务器直接渲染页面(使用ejs);如果是通过 ajax 发送请求,数据返回给 ajax 通过template渲染(使用template第三方包)