写代码前的准备
- 使用 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第三方包)css