基于Koa(nodejs框架)對json文件進(jìn)行增刪改查的示例代碼
想使用nodejs(koa)搭建一個完整的前后端,完成數(shù)據(jù)的增刪改查,又不想使用數(shù)據(jù)庫,那使用json文件吧。
本文介紹了基于koa的json文件的增、刪、改、查。
代碼準(zhǔn)備
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請求傳來的數(shù)據(jù),id是用來查找之前有的數(shù)據(jù)并進(jìn)行修改,新增數(shù)據(jù)的在前臺應(yīng)該將id設(shè)置為空 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();//將二進(jìn)制的數(shù)據(jù)轉(zhuǎn)換為字符串 jsonData = JSON.parse(jsonData);//將字符串轉(zhuǎn)換為json對象 // 有id值=>修改 無id值=>新增 if (id) { jsonData.splice(jsonData.findIndex(item => item.id === id), 1, params) } else { // 有重復(fù) => 返回-1 無重復(fù) => 將params加到j(luò)son數(shù)組末尾 let hasRepeat = jsonData.filter((item) => item.id === params.id); hasRepeat ? resolve({code: -1, msg: '新增失敗,有重復(fù)項目id'}) : jsonData.push(params); } //因為nodejs的寫入文件只認(rèn)識字符串或者二進(jìn)制數(shù),所以把json對象轉(zhuǎn)換成字符串重新寫入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();//將二進(jìn)制的數(shù)據(jù)轉(zhuǎn)換為字符串 jsonData = JSON.parse(jsonData);//將字符串轉(zhuǎn)換為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為空 => 查詢?nèi)?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();//將二進(jìn)制的數(shù)據(jù)轉(zhuǎn)換為字符串 jsonData = JSON.parse(jsonData);//將字符串轉(zhuǎn)換為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() })
當(dāng)然,上面提供的還沒有支持分頁,想要實現(xiàn)分頁,需求改變json格式,如下:
{ "data": [{"id": 1, "name": "唐僧"}, {"id": 2, "name": "孫悟空"}, {"id": 3, "name": "豬八戒"}, {"id": 4, "name": "沙和尚"}], "currentPage": 1, "pageSize": 4, "pageNum": 1, "total": 4 }
新增page一些查詢參數(shù),并在使用傳入的參數(shù)取對應(yīng)數(shù)據(jù)。
以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章
npm安裝sharp出現(xiàn)的問題詳解(安裝失敗的問題及解決)
這篇文章主要給大家介紹了關(guān)于npm安裝sharp出現(xiàn)的問題(安裝失敗的問題及解決)的相關(guān)資料,sharp包是基于node.js的高性能圖片處理器,文中通過代碼介紹的非常詳細(xì),需要的朋友可以參考下2023-11-11node封裝一個控制臺進(jìn)度條插件???????詳情
這篇文章主要介紹了node封裝一個控制臺進(jìn)度條插件???????詳情,文章圍繞主題展開詳細(xì)的內(nèi)容介紹,具有一定的參考價值,需要的小伙伴可以參考一下2022-08-08Nodejs環(huán)境實現(xiàn)socket通信過程解析
這篇文章主要介紹了Nodejs環(huán)境實現(xiàn)socket通信過程解析,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2020-07-07Windows環(huán)境下npm install 報錯: operation not permitted, rename的解決
這篇文章主要介紹了Windows環(huán)境下npm install 報錯: operation not permitted, rename的解決方法,文中對解決的方法介紹的很詳細(xì),有需要的朋友們可以參考借鑒。2016-09-09nodejs+axios爬取html出現(xiàn)中文亂碼并解決示例
這篇文章主要為大家介紹了nodejs+axios爬取html出現(xiàn)中文亂碼示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2022-06-06