该项目是仿照某些网站的留言列表做的一些小功能，项目没有划分 M V C，使用的前台技术是 Bootstrap，后台使用的是 Node.js，模板引擎使用的是 EJS，数据库是 MySQL。

依赖

• Bootstrap
• jQuery
  • 使用 jQuery 的 ajax 做异步无刷新列表加载
• EJS
• Node.js
  • express
    • body-parser express 的中间件(middleware)，可以用来解析 post 请求体数据
  • mysql
  • moment
• js-cookie

安装依赖

1

$ npm install bootstrap jquery express art-template --save

在 Express 中使用 ejs 模板引擎

安装：

1

$ npm install --save ejs

配置 Express 使用 ejs 模板

• app.set('views', config.viewPath);
  • 配置模板文件存放的路径
• app.set('view engine', 'ejs');
  • 配置调用 res.render 的时候使用的模板引擎
  • 找到 view 目录下的 .ejs 后缀的文件

1
2

app.set('views', '视图模板文件存放路径')
app.set('view engine', '安装的模板引擎的名称，例如：ejs')

Cookie

保存用户和网站之间的一个状态。

• Cookie（复数形态Cookies），中文名称为“小型文本文件”或“小甜饼”
• 指某些网站为了辨别用户身份而储存在用户本地终端（Client Side）上的数据（通常经过加密）。
• 是网景公司的前雇员卢·蒙特利在1993年3月的发明
• 历史记录是浏览器的一个特性，cookie 使用了保持状态的一种手段
• 浏览器缓存分为好几种
  • 一般所指缓存有静态资源缓存：
    • css、img、JavaScript
    • 不是经常变换的资源可以设置环境
    • 也不是浏览器能做到的
    • 304 服务器做的
  • 动态资源缓存
    • 浏览器可以做到
    • 例如不常变化的接口资源
    • 例如商品分类

数据库：存储数据的仓库。

• 数据结构化
• 实现数据共享
  • 可以减少冗余数据
• 数据独立性高
• 数据统一管理与控制

将相册项目（中）继续升级，最终使用 Express 版本。

封装 render 渲染函数

• 获取模板字符串中需要的数据
• 获取模板字符串
  • fs.readFile('文件名');
• 将模板字符串中用到的数据和模板字符串通过模板引擎整合到一起
  • _.template(模板字符串)({数据对象});
• 发送响应
  • res.end(_.template(模板字符串)({数据对象}));

render(‘文件路径’, ‘数据对象’);
render(‘index’, ‘数据对象’);

文件路径

操作文件的路径使用注意事项：

• 如果是以 / 开头的路径，则就是去执行当前脚本所属的磁盘根路径去找
• 如果是以 C:/dev/nvm/settings.txt ，则直接去找该绝对路径
• 如果是以 ./ 或者 ../开头的，则是相对于执行 node 命令的时候所处的路径

1
2
3
4
5
6
7

const fs = require('fs');
fs.readFile('/README.md', 'utf8', (err, data) => {
  if (err) {
    throw err;
  }
  console.log(data);
});

完成相册新建、上传图片等简单的功能小项目。

项目初始化

1. 把前端用到的静态资源放到 public 目录下
2. 把所有的页面都放到 views 目录下
3. 在项目根路径下创建一个 app.js 作为后台的启动入口
4. 使用 npm 安装和管理项目的依赖项
5. 将所有的相册放到项目根路径下的 uploads目录小

划分哪些资源公共开放

超文本传输协议（HTTP，HyperText Transfer Protocol)是互联网上应用最为广泛的一种网络协议

接收请求
处理请求
发送响应
net 为什么不能处理浏览器的响应呢？

http 模块和 net 模块之间的区别