Node.js之后端寫海賊王增刪改查項(xiàng)目

時(shí)間：2023-07-20 00:57:01 | 來源：網(wǎng)站運(yùn)營

時(shí)間：2023-07-20 00:57:01 來源：網(wǎng)站運(yùn)營

Node.js之后端寫海賊王增刪改查項(xiàng)目：

1.項(xiàng)目的基礎(chǔ)文件

這些html基礎(chǔ)的文件本天才就不給大家寫了,直接給大家復(fù)制過來了。

這是本人親自手打的代碼，當(dāng)然做項(xiàng)目<td>里面的值是不能寫死的，如果寫死的話，就只會(huì)返回給客戶端固定的頁面，其他的增改屬性都做不了了。把那些值通過數(shù)據(jù)庫導(dǎo)出來；然后在從數(shù)據(jù)庫db.json文件中調(diào)出，db.json文件是自己寫的，里面有一些初始化的數(shù)據(jù)。a標(biāo)簽里的都不能是固定的值，要跟隨你點(diǎn)擊的是Id為幾的那條內(nèi)容。

基本頁面寫好之后，我們要對(duì)文件夾進(jìn)行初始化。 就是 在node里面打 npm init ，然后想要渲染出CSS樣式，我們也要npm install bootstrap；之后還要安裝模塊引擎 ，npm install atr-template。這樣我們最基礎(chǔ)的部分已經(jīng)完成了；

接下來第一步，創(chuàng)建自己的服務(wù)器，代碼如下

這是一個(gè)最基礎(chǔ)的創(chuàng)建服務(wù)器，太細(xì)的就不給大家講了，因?yàn)橐獙懙拇a稍微多點(diǎn)，這里就分成了3大塊，正常我們會(huì)在這個(gè)界面給server綁定一個(gè)事件，但我們給他封裝一下，在文件夾中創(chuàng)建一個(gè)router的js文件，再再這個(gè)界面給他一個(gè)start調(diào)用。

接下來我們在router文件里進(jìn)行文件方法和文件路徑的判斷。代碼如下。

首先我們先把該引入的都引入進(jìn)來。當(dāng)判斷什么方法什么路徑之后我們就要對(duì)這些數(shù)據(jù)進(jìn)行處理，所以這里我們再創(chuàng)建一個(gè)新模塊先給他引入盡力，我們還要解析url，。這里首先開是start函數(shù)，然后開始給參數(shù)server綁定事件。在這里開始我們首先要想怎么獲得請(qǐng)求方法，很簡單，req.method就得到了當(dāng)前的請(qǐng)求方法，這里我們只有兩種，分別為get和post。

當(dāng)請(qǐng)求方法為get的時(shí)候 我們再進(jìn)行判斷其請(qǐng)求的地址，然后用我們的第三個(gè)模塊給它設(shè)定一個(gè)方法，在這里調(diào)用。當(dāng)然調(diào)用的時(shí)候我們要把，res和需要的 解析好的 id給函數(shù)穿過去。

接下來就是第三個(gè)模塊，就是處理數(shù)據(jù)的一些方法。之前在router里調(diào)用的。

首先先引用進(jìn)來我們需要的，然后修改一下template的默認(rèn)查找路徑，他的默認(rèn)路徑是你的根目錄 ，也就是C盤下找，我們給它修改成當(dāng)前路徑'./'

首先我們要展示當(dāng)海賊王的頁面。代碼如下

先讀取db。json的數(shù)據(jù)，然后給它反序列化轉(zhuǎn)成數(shù)組，接下來通過某塊引擎，在index.html頁面中渲染出來。模塊引擎好強(qiáng)大。

接下來我們要處理一下其他路徑的地址，比如css樣式之類的，這個(gè)就不多說了。

然后我們要做的是查看

查看其實(shí)也很簡單 ，創(chuàng)建一個(gè)html文件，把值對(duì)應(yīng)的傳到里面就好，首先讀取文件，然后反序列化轉(zhuǎn)成數(shù)組，把這個(gè)數(shù)組進(jìn)行循環(huán)遍歷，當(dāng)當(dāng)前下標(biāo)的id值為我們的參數(shù)的id的時(shí)候。我們就把當(dāng)前的值獲取出來就可以啦。

接下來是刪除

刪除跟前面差不多，先讀取文件，然后反序列化轉(zhuǎn)成數(shù)組，循環(huán)遍歷獲取當(dāng)前id相等的數(shù)據(jù)，把其通過數(shù)組的方法刪除。然后把剩下的數(shù)組序列化轉(zhuǎn)成對(duì)象再寫回給db。json數(shù)據(jù)庫中。

修改頁面的方法

首先我們要展示出修改頁面。同樣的步驟，把值循環(huán)遍歷出來通過模板引擎把值給寫好的添加頁面當(dāng)中，

然后是提交 注意這里提交是post方法 不要和get搞混，同樣的步驟，讀取，轉(zhuǎn)換，循環(huán)遍歷，判斷，把修改的值賦值給我們原來的值；再寫入數(shù)據(jù)庫就完事了。

最后是添加

添加這個(gè)步驟和修改沒什么太大的區(qū)別。

本人也是個(gè)新手，寫這些就是為了給自己提高點(diǎn)熟練度，方便牢記其中的用法，通過不斷的練習(xí)，多寫了幾遍，發(fā)現(xiàn)通過后端寫出這寫都是很有規(guī)律的。都是讀文件寫文件，慢慢我學(xué)會(huì)了熟能生巧的道理，多練習(xí)才是王道。