作为一名前端开发,我们做网站时,难免会遇到需要保存数据的场景,比如做一个小官网,没有注册,没有登陆,只有一个给我们提建议,如下面的,
网站上只有一处需要填写数据。
网站需要保存的数据非常少,比如只有注册登陆和提建议,联系我们。我们在做数据持久化的时候 需要考虑成本的问题,可以使用一些轻量级方案,不必使用数据库。 我们总不能为了一点醋,包一顿饺子吧。而且一旦用上了数据库来保存这些数据,无论学习成本还是维护成本都是比较大的。
聪明的人不会选择最好的方案,总是选择最适合的方案。这也是降本增效的重要手段。
下面我就介绍一下,在遇到这种简单的业务场景,如何快速地实现数据的持久化。
在本文中我使用的是 开源库 node-json-db
,这是一个可以将数据以json文件的格式保存到本地,在nodejs中使用。
该库的的github 地址 https://github.com/Belphemur/node-json-db
使用以下命令在项目中安装
yarn add node-json-db
你可以通过以下带注释的代码,来了解这个库。
import { JsonDB, Config } from 'node-json-db';
// 第一个参数是数据库文件名。如果没有写扩展名,则默认为“.json”并自动添加。
// 第二个参数用于告诉数据库在每次推送后保存,如果设置false,则必须手动调用save()方法。
// 第三个参数是要求JsonDB以人类可读的格式保存数据库。(默认为false)
// 最后一个参数是分隔符。默认情况下为斜线(/)
var db = new JsonDB(new Config("myDataBase", true, false, '/'));
// 将数据推入数据库
// 使用想要的的数据路径
// 默认情况下,新值将覆盖旧的值
await db.push("/test1","super test");
// 如果数据路径不存在,它将在推送新数据时自动创建层次结构
await db.push("/test2/my/test",5);
// 你可以直接推送一个多层的json对象
await db.push("/test3", {test:"test", json: {test:["test"]}});
// 如果你希望在推送数据时不是覆盖旧值,而是合并它们。你可以设置push方法的第二个参数为false。
// 合并是递归的,可以使用Object和Array。
await db.push("/test3", {
new:"cool",
json: {
important : 5
}
}, false);
/*
最终结果
{
"test":"test",
"json":{
"test":[
"test"
],
"important":5
},
"new":"cool"
}
*/
// 你无法合并原始值,像下面这样,数据将会被覆盖
await db.push("/test2/my/test/",10,false);
// 获取根路径下的所有数据
var data = await db.getData("/");
// 从一个数据路径中获取数据
var data = await db.getData("/test1");
// 如果你无法确认数据路径是否存在,可以使用tr catch来包裹它,如果不存在,将进入catch块中。
try {
var data = await db.getData("/test1/test/dont/work");
} catch(error) {
// The error will tell you where the DataPath stopped. In this case test1
// Since /test1/test does't exist.
console.error(error);
};
// 删除数据
await db.delete("/test1");
// 保存数据,如果你禁用了在推送时保存。
await db.save();
// 为了防止数据库文件被外部修改,你可以使用reload(),方法重载数据库文件,以此获取最新的数据。
await db.reload();
更多的案例注入数组的处理
import { JsonDB, Config } from 'node-json-db';
// The first argument is the database filename. If no extension, '.json' is assumed and automatically added.
// The second argument is used to tell the DB to save after each push
// If you put false, you'll have to call the save() method.
// The third argument is to ask JsonDB to save the database in an human readable format. (default false)
const db = new JsonDB(new Config("myDataBase", true, false, '/'));
// This will create an array 'myarray' with the object '{obj:'test'}' at index 0
await db.push("/arraytest/myarray[0]", {
obj:'test'
}, true);
// You can retrieve a property of an object included in an array
// testString = 'test';
var testString = await db.getData("/arraytest/myarray[0]/obj");
// Doing this will delete the object stored at the index 0 of the array.
// Keep in mind this won't delete the array even if it's empty.
await db.delete("/arraytest/myarray[0]");
// You can also easily append new item to an existing array
// This set the next index with {obj: 'test'}
await db.push("/arraytest/myarray[]", {
obj:'test'
}, true);
// The append feature can be used in conjuction with properties
// This will set the next index as an object {myTest: 'test'}
await db.push("/arraytest/myarray[]/myTest", 'test', true);
基于以上的api,我实现了一个简单的注册,登陆,和创建单的功能。以此来验证在使用中的问题。如下是作者编写的代码。
var express = require('express');
var router = express.Router();
const { JsonDB, Config } = require('node-json-db');
const db = new JsonDB(new Config("cardshop", true, false, '/'));
const successInfo = { code: 200, msg: 'success' }
/* POST 登录 */
router.post('/login', async function (req, res, next) {
const { username, password, vertify } = req.body
try {
var data = await db.getData(`/${username}`);
if (data.password === password) {
res.json(successInfo)
} else {
res.json({ code: 403, msg: '账号或密码不匹配' })
}
} catch (error) {
res.json({ code: 403, msg: '账号或密码不匹配' })
};
});
/* POST 注册 */
router.post('/register', async function (req, res, next) {
console.log(req.body, 'req.body')
const { username } = req.body
const userModel = { ...req.body }
userModel.createTime = new Date()
userModel.orders = []
await db.push(`/${username}`, userModel);
res.json(successInfo)
});
/* POST 创建一个订单 */
router.post('/createOrder', async function (req, res, next) {
const { username } = req.body
const orderModel = { ...req.body }
orderModel.createTime = new Date()
await db.push(`/${username}/orders[]`, orderModel);
res.json(successInfo)
});
module.exports = router;
在使用中最大的问题可能还是确实各种方便的查询方法。只能应对简单的查询,要想实现复杂的查询,需要做二次的数据处理,或者开发。
掌握这种本地json文件保存数据的方案能够使我们的工作变得非常简洁,便利。