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

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

1. 先在 ./view/backend/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 onclick="location.href='?do=edit_goods&id='">修改</button>
               <button onclick="del('Goods',<?=$row['id'];?>)">刪除</button>
               <button onclick="sw(,1)">上架</button>
               <button onclick="sw(,0)">下架</button>
           </td>
       </tr> 
   </table>

   

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

   //上下架函式，sh為資料的狀態1或0
   function sw(id,sh){
       $.post("./api/sw.php",{id,sh},()=>{
           location.reload();
       })
   }

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

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