小江的前端之路记账本
安装express 应用程序生成器
npx express-generator
npm i 安装依赖
更改启动命令为nodemon
package.json: "start": "nodemon ./bin/www" 能够自动重启
添加路由规则
routes\index.js
javascript
var express = require('express')
var router = express.Router()
// 记账本列表
router.get('/accout', function (req, res, next) {
res.send('账本列表')
})
// 添加记录
router.get('/accout/create', function (req, res, next) {
res.send('添加')
})
module.exports = router
要将 Express 中的视图模板引擎从 Jade 更改为 EJS，你需要按照以下步骤进行操作：
要将 Express 中的视图模板引擎从 Jade 更改为 EJS
第1步：安装 EJS
npm install ejs --save
第2步：在 Express 应用程序中设置 EJS 在你的 Express 应用程序中找到设置视图引擎的地方，通常是在 app.js 或者 index.js 文件中。将现有的 app.set('view engine', 'jade') 行替换为以下代码：
javascript
app.set('view engine', 'ejs');
第3步：更改视图文件的扩展名 将现有的 .jade 文件扩展名更改为 .ejs。例如，如果你有一个 index.jade 文件，将其更改为 index.ejs。 这样，你的 Express 应用程序现在应该使用 EJS 作为视图模板引擎了。记得更新你的视图文件以适应 EJS 的语法。 希望这能帮助到你！如有任何其他问题，请随时提问。
将html模板展示
routes\index.js
javascript
var express = require('express')
var router = express.Router()
// 记账本列表
router.get('/accout', function (req, res, next) {
-- res.render('list')--
})
// 添加记录
router.get('/accout/create', function (req, res, next) {
res.send('添加')
})
module.exports = router
在views文件中添加list.ejs 将html复制到list文件中
导入css文件 去掉./中的点
res.render ('list') 展示 views 文件中的list.ejs模板
res.send('展示文本') 展示文本
req.body 服务器数据
保存账单记录
lowbd lowbdhttps://www.npmjs.com/package/lowdb/v/1.0.0 新建data/db.json 在routes\index.js 中添加 并更改data路径
javascript
const low = require('lowdb')
const FileSync = require('lowdb/adapters/FileSync')
const adapter = new FileSync(__dirname + '/../data/db.json')
const db = low(adapter)
javascript
// 新增记录
router.post('/accout', (req, res) => {
//获取请求
console.log(req.body)
res.send('添加记录')
// 写入文件
db.get('accounts')
.push(req.body)
.write()
})
module.exports = router
删除
javascript
// 删除
router.get('/account/:id', (req, res) => {
// 获取param的id
let id = req.params.id
db.get('accounts').remove({ id: id }).write()
res.send('删除成功')
})
连接数据库
以 mongodb 中 bin 目录作为工作目录，启动命令行 运行命令 mongod