[技能檢定]題組四 步驟15 製作後台商品分類管理-商品列表

商品管理功能算是後台功能中比較麻煩的項目，在製作上要儘量小心，同時也要掌握速度，因為這個項目比較花時間，但分數卻相對少，所以如果時間來不及，可以考慮先去完成前台的功能比較好。

1. 先在 ./back/th.php 中把商品列表畫面及四個按鈕的基本語法先做好。

   <h2 class="ct">商品管理</h2>
   <div class="ct">
       <button onclick="location.href='?do=add_goods'">新增商品</button>
   </div>
   <table class="all">
       <tr class="tt ct">
           <td>編號</td>
           <td>商品名稱</td>
           <td>庫存量</td>
           <td>狀態</td>
           <td>操作</td>
       </tr>
       <tr class="pp ct">
           <td></td>
           <td></td>
           <td></td>
           <td></td>
           <td>
               <button>修改</button>
               <button>刪除</button>
               <button>上架</button>
               <button>下架</button>
           </td>
       </tr> 
   </table>

   

2. 接著在 ./back/th.php 撰寫控制商品上下架的程式碼，一樣是透過ajax來完成，資料更新的部份也是可以用DOM tree來取代重載頁面

   //宣告一個函式來切換產品上下架狀態，參數為產品id及顯示狀態
   function sw(id,sh){
       //使用ajax來呼叫api/sw.php並將id及顯示狀態傳給它
       $.post("./api/sw.php",{id,sh},()=>{
           //重新載入頁面
           location.reload();
       })
   }

3. 建立 /api/sw.php 檔案，撰寫更新上下架狀態程式

   include_once "db.php";
   $Goods->save($_POST);