[技能檢定]題組四 步驟22 後台訂單功能製作-訂單列表

後台訂單管理的頁面風格和其它功能差不多，訂單詳細內容和前台訂單資訊也差不多，所以這個功能可以透過快速複製來完成。

1. 複製 ./back/admin.php 的內容到 ./back/order.php 中，然後修改資料表名及欄位名稱，訂單列表就做完了，注意到這裏我們不需要再重新去撰寫刪除資料的程式碼，因為我們已經在 js/js 及 api/del.php 中有寫好一套使用 ajax 來完成的刪除功能，只要函式中的參數填寫正確，刪除的功能都會正確運作。
   ./back/order.php

   <h2 class="ct">訂單管理</h2>
   <table class="all">
       <tr class="ct">
           <td class="tt">訂單編號</td>
           <td class="tt">金額</td>
           <td class="tt">會員帳號</td>
           <td class="tt">姓名</td>
           <td class="tt">下單日期</td>
           <td class="tt">操作</td>
       </tr>
       <?php
       foreach($rows as $row){
       ?>
       <tr class="ct">
           <td class="pp">
               <a href="?do=order_detail&id=<?=$row['id'];?>">
                   <?=$row['no'];?>
               </a>
           </td>
           <td class="pp"><?=$row['total'];?></td>
           <td class="pp"><?=$row['acc'];?></td>
           <td class="pp"><?=$row['name'];?></td>
           <td class="pp"><?=$row['orderdate'];?></td>
           <td class="pp">
               <button onclick="del('order',<?=$row['id'];?>)">刪除</button>
           </td>
       </tr>
       <?php
       }
       ?>
   </table>

2. 原版型素材附的CSS設定表格內的td最小寬度為100px，在表格欄位超過六欄時可能會超過內容區的寬度，因此可以把css/css.css中的預設欄位寬度修改一下
   /css/css.css

   .all td
   {
     min-width:50px;
     padding:10px;
   }