摘要:本文介紹了基于的文件的增刪改查。代碼準(zhǔ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ù)。
文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址:http://systransis.cn/yun/101502.html
摘要:項目地址寫在開頭本文主要分享我如何使用對實現(xiàn)增刪改查操作,感謝社區(qū)所有精品文章的幫助,以及的開源項目對我的啟發(fā)。我們這個項目是建立一個班級學(xué)生管理系統(tǒng),能夠?qū)W(xué)生的姓名及學(xué)號進(jìn)行增刪改查的操作。 項目地址:https://github.com/jrainlau/mongoose_cru... 寫在開頭 本文主要分享我如何使用express+mongoose對mongodb實現(xiàn)增刪改查...
摘要:本周寫實驗,需要提供簡單的后臺接口對數(shù)據(jù)庫進(jìn)行增刪改查,以前寫后臺只用過和因為比較容易,用寫的也比較快,所以這次想用實現(xiàn)簡單的增刪改查接口。 本周寫實驗,需要提供簡單的后臺接口對數(shù)據(jù)庫進(jìn)行增刪改查,以前寫后臺只用過php和java,因為比較容易,用js寫的也比較快,所以這次想用js實現(xiàn)簡單的增刪改查接口。 初始化 需要工具:nodejs 依賴:express,mysql,body-p...
摘要:一前言因公司需要選用做全文檢索,持久化存儲選用的是,但是希望里面的數(shù)據(jù)發(fā)生改變可以實時同步到上,一開始主要使用的版本,可以搞定這個問題?;蛘咝薷闹械哪骋粭l數(shù)據(jù),也會實時同步到中。如何把的主文檔和附件信息都同步到中利用的來實現(xiàn)。 一、前言 因公司需要選用elasticsearch做全文檢索,持久化存儲選用的是mongodb,但是希望mongodb里面的數(shù)據(jù)發(fā)生改變可以實時同步到elast...
閱讀 3333·2021-09-08 09:45
閱讀 1264·2019-08-30 15:53
閱讀 1542·2019-08-30 14:12
閱讀 990·2019-08-29 17:01
閱讀 2583·2019-08-29 15:35
閱讀 407·2019-08-29 13:09
閱讀 1984·2019-08-29 12:32
閱讀 3096·2019-08-26 18:37