想运用nodejs(koa)搭建一个完全的前后端,完成数据的增编削查,又不想运用数据库,那运用json文件吧。
本文引见了基于koa的json文件的增、删、改、查。
代码预备
const Koa = require('koa')
const bodyParser = require('koa-bodyparser')
const Router = require('koa-router')
const fs = require('fs')
const path = require('path')
const app = new Koa()
const router = new Router()
app.use(bodyParser())
// 路由
const deploy = new Router()
// 增编削查接口,可增加在下面
// 装载一切子路由
router.use('/deploy', deploy.routes(), deploy.allowedMethods())
app.use(router.routes()).use(router.allowedMethods())
app.listen(3000);
json示例
[
{"id": 1, "name": "唐僧"},
{"id": 2, "name": "孙悟空"},
{"id": 3, "name": "猪八戒"},
{"id": 4, "name": "沙和尚"}
]
1.新增和修正
新增和修正能够离开,然则为了省代码就合并在一起了。
deploy.post('/add-modify', async (ctx) => {
// 这里运用的bodyParser来剖析post要求传来的数据,id是用来查找之前有的数据并举行修正,新增数据的在前台应当将id设置为空
let id = ctx.request.body.id
let params = ctx.request.body.params
let writeJson = () => {
return new Promise((resolve,reject)=>{
// fs模块读取json文件 对fs、path模块不熟悉的能够去查下官方文档
fs.readFile(path.join(__dirname, '/data/project.json'),function(err,data){
if(err){
// 报错返回
resolve({code: -1, msg: '新增失利' + err})
return console.error(err);
}
let jsonData = data.toString();//将二进制的数据转换为字符串
jsonData = JSON.parse(jsonData);//将字符串转换为json对象
// 有id值=>修正 无id值=>新增
if (id) {
jsonData.splice(jsonData.findIndex(item => item.id === id), 1, params)
} else {
// 有反复 => 返回-1 无反复 => 将params加到json数组末端
let hasRepeat = jsonData.filter((item) => item.id === params.id);
hasRepeat ? resolve({code: -1, msg: '新增失利,有反复项目id'}) : jsonData.push(params);
}
//由于nodejs的写入文件只熟悉字符串或许二进制数,所以把json对象转换成字符串从新写入json文件中
let str = JSON.stringify(jsonData);
fs.writeFile(path.join(__dirname, '/data/project.json'),str,function(err){
if(err){
resolve({code: -1, msg: '新增失利' + err})
}
resolve({code: 0, msg: '新增胜利'})
})
})
})
}
// 返回给前端
ctx.body = await writeJson()
})
2.删除
删除,这里运用的get要领
deploy.get('/delete', async (ctx) => {
let id = ctx.request.query.id
let deleteJson = () => {
return new Promise((resolve,reject)=>{
fs.readFile(path.join(__dirname, '/data/project.json'),function(err,data){
if(err){
resolve({code: -1, msg: '删除失利' + err})
return console.error(err);
}
let jsonData = data.toString();//将二进制的数据转换为字符串
jsonData = JSON.parse(jsonData);//将字符串转换为json对象
// 过滤出所存item的id和前端传来id不等的 item ,下面供应了两种要领filter和splice
jsonData = jsonData.filter((item) => item.id !== id);
// jsonData.splice(jsonData.findIndex(item => item.id === id), 1)
let str = JSON.stringify(jsonData);
fs.writeFile(path.join(__dirname, '/data/project.json'),str,function(err){
if(err){
resolve({code: -1, msg: '删除失利' + err})
}
resolve({code: 0, msg: '删除胜利'})
})
})
})
}
ctx.body = await deleteJson()
})
3.查询
deploy.get('/find', async (ctx) => {
// 两种查询体式格局 1.id为空 => 查询悉数 2.id有值 => 查询单个
let id = ctx.request.query.id
let findJson = () => {
return new Promise((resolve,reject)=>{
fs.readFile(path.join(__dirname, '/data/project.json'),function(err,data){
if(err){
resolve({code: -1, msg: '查询失利' + err})
return console.error(err);
}
let jsonData = data.toString();//将二进制的数据转换为字符串
jsonData = JSON.parse(jsonData);//将字符串转换为json对象
// 有id值=>单个 无id值=>悉数
if (id) {
jsonData = jsonData.filter((item) => item.id === id);
resolve({code: 0, data: jsonData})
} else {
resolve({code: 0, data: jsonData})
}
})
})
}
ctx.body = await findJson()
})
固然,上面供应的还没有支撑分页,想要完成分页,需求转变json花样,以下:
{
"data": [{"id": 1, "name": "唐僧"},
{"id": 2, "name": "孙悟空"},
{"id": 3, "name": "猪八戒"},
{"id": 4, "name": "沙和尚"}],
"currentPage": 1,
"pageSize": 4,
"pageNum": 1,
"total": 4
}
新增page一些查询参数,并在运用传入的参数取对应数据。