[微精通:網頁設計Vue + Node.js + MySQL] 5.2.MySQL套件 (下) 張貼者: 羅康鴻 日期: 10月 20, 2021 取得連結 Facebook X Pinterest 以電子郵件傳送 其他應用程式 接下來,我們將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 資料庫 永久保存資料的特性。 留言
留言
張貼留言