Nodejs快速上手

0 阅读1分钟

1. express-generator

全局安装 npm install-个express-generator

image.png

image.png 实际启用的是www文件 image.png

image.png image.png 通过npm statr开启项目

2. 练习案例-记账本

2.1 配置index的路由规则

image.png 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;

测试路由:

image.png

image.png

2.2

使用render和ejs进行浏览器响应渲染

image.png 在views下新建list.ejs文件

image.png

将对应记账本静态网页结构放在list.ejs内并尝试使用浏览器访问

image.png

2.3 同样的方法配置create页面的ejs

image.png

image.png 结果:

image.png

2.4 表单发送请求到create页面

配置路由

image.png

image.png 控制台输出响应体: image.png
2.5 使用lowdb-(使用json格式的文件进行文件处理)
lowdb - npm
导入lowdb image.png 使用lowdb

image.png

image.png 在lowdb中写入数据

image.png

image.png 获取数据:

image.png 删除数据:

image.png

更新数据:

image.png

2.6 保存账单记录

新建data文件夹,并在下编写db.json文件

image.png

导入在index路由配置文件中导入lowdb image.png

http://localhost:3000/account/create 中写入记账内容
成功写入db.json文件

image.png 因为后续需要查询,所以使用shortid插件,自动生成对应id

image.png

image.png

image.png 结果:

image.png

2.7 获取并渲染账单数据

image.png

image.png 结果:

image.png