1. express-generator
全局安装 npm install-个express-generator
实际启用的是www文件
通过npm statr开启项目
2. 练习案例-记账本
2.1 配置index的路由规则
index.js
var express = require('express');
var router = express.Router();
// 记账本列表
router.get('/account', function(req, res, next) {
res.send('记账本列表');
});
// 添加记录
router.get('/account/create', function(req, res, next) {
res.send('添加记录');
});
module.exports = router;
测试路由:
2.2
使用render和ejs进行浏览器响应渲染
在views下新建list.ejs文件
将对应记账本静态网页结构放在list.ejs内并尝试使用浏览器访问
2.3 同样的方法配置create页面的ejs
结果:
2.4 表单发送请求到create页面
配置路由
控制台输出响应体:
2.5 使用lowdb-(使用json格式的文件进行文件处理)
lowdb - npm
导入lowdb
使用lowdb
在lowdb中写入数据
获取数据:
删除数据:
更新数据:
2.6 保存账单记录
新建data文件夹,并在下编写db.json文件
导入在index路由配置文件中导入lowdb
在http://localhost:3000/account/create 中写入记账内容
成功写入db.json文件
因为后续需要查询,所以使用shortid插件,自动生成对应id
结果:
2.7 获取并渲染账单数据
结果: