[微精通:網頁設計Vue + Node.js + MySQL] 5.2.MySQL套件 (下)

接下來,我們將API與資料庫整合在一起,好讓API可以永久的保存資料在資料庫中。此為下半部。

 

image/svg+xml7. 執⾏殭屍管理網⾴ w5_2_7\sql - reset_zombie.sql 1. ⾸先我們來執⾏ reset_zombie.sql 中的 SQL 重置資料為下列 5 個殭屍。 2. 其中的 TRUNCATE TABLE 指令 是直接清空資料表的意思。 3. 啟動伺服器。 4. 輸入 ’http://127.0.0.1/ home.html' 下載 home.html ⾴。這時就會透過呼 ’getZombies’API 的⽅式從資 料庫中取得所有殭屍資料。 5. ⾄新增畫⾯中輸入 ⼤隻佬 殭屍資訊,按下加入,這時會呼叫 addZombie API 新增殭屍資料。 加入後會在重新呼叫 getZombies 載入所有資料,這時在⾴⾯的最下 ⽅就會出現 ⼤隻佬 這位殭屍。 6. ' 瘋狂傑克 ' 的名字修改為 ' 狂傑克 22' ,按下更新,這時會呼叫 updateZombie API 修改殭屍資 料。修改後會在重新呼叫 getZombies 載入所有資料,這時 瘋狂傑克 ' 變更為 ' 瘋狂傑克 22' 7. id 編號 2 懶懶瑪琍 刪除 ' ,這時會呼叫 'deleteZombie'API 刪除資 料庫中 id 2 的殭屍資料。刪除 後會在重新呼叫 getZombies 載入所有資料,編號 id 2 懶懶瑪琍 不⾒了。 8. 重點來了,當我們把整個網⾴伺 服器按下 ’Ctrl+C’ 進⾏關閉,然後 在使⽤ 'node server.js’ 重啟。 9. 這時你會發現資料還是我們 進⾏上述新增、修改、刪除後 的資料。改名的 瘋狂傑克 22’ 、新增的 ⼤隻佬 ' 都會存 在,這都是因為 MySQL 資料庫 永久保存資料的特性。

留言