想使用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一些查詢引數,並在使用傳入的引數取對應資料。