1.先寫好前端和背景的資料并确定好共同的接口
2.前端和背景通過ajax請求來确定共同的接口，則背景則是以/+接口結尾名稱來判斷具體進行那一步操作，下面是最終的頁面效果
上圖中坐邊表格有兩條資料，咱們再來看看資料庫中有幾條資料，下面我是通過vscode的插件來圖形化資料庫的
然後我們再在表格中添加資料，看看資料庫資料有什麼變化
同時當我往表格中添加一條資料,此時資料庫就變成3條資料
2，下面我們進行删除操作，我先将上圖華為手機那一行删除，隻需點選同一行的删除按鈕就ok了
此時隻剩下兩條資料，下面我們在來看資料庫，資料庫也隻有兩條
3.下面我們進行查詢操作，左邊表格是已有商品，我們根據商品名字來進行查詢，
先查詢小米手機
當我查詢小米手機時，要是有此商品，它會自動為我添加