以化妝品管理系統做為一多對圖片使用的資料庫設計範例

此專案展示了一個簡單的 PHP 應用程式,用於管理化妝品產品,包括顯示分頁列表和編輯產品詳細資訊及其相關圖片。專案使用 Bootstrap 5.3 進行樣式設計。

使用說明

主要功能

  • 產品列表

    • index.php 文件顯示所有產品的分頁列表,每頁顯示 10 筆記錄。
    • 列表包括產品的序號、產品 ID、產品名稱、上架時間、下架時間和編輯按鈕。
    • 序號標頭可以針對資料庫的 id 欄位 toggle 升冪與降冪排序幕
    • 上架時間標頭可以針對資料庫的 start_date 欄位 toggle 升冪與降冪排序
    • 下架時間標頭可以針對資料庫的 end_date 欄位 toggle 升冪與降冪排序
    • 下拉式選單可以針對全部、已下架、上架中與永遠上架的產品做篩選
  • 編輯產品

    • edit.php 文件允許用戶編輯選定產品的詳細信息。
    • 用戶可以更新產品名稱、上架時間和下架時間,並查看與該產品相關的圖片。
    • 編輯頁面包括一個返回按鈕,讓用戶返回到之前的列表頁面。
    • edit.php 是將使用 JOIN 的方式讀入圖片;edit0.php 是將 SQL 分兩句寫。所以不用 JOIN 還是可以寫得出同樣效果。
    • 頁面中的增加圖片請自己加上,這個範例只示範資料庫的設計及 SQL 如何使用而已

頁面導航

  • index.php:顯示產品列表並提供分頁導航。
  • edit.php:編輯選定的產品並顯示相關圖片。

示例資料

  • 由 fakeData.sql 中匯入的 mySQL 中使用
  • 連線設定檔 PDO_connect.php 請依實際情況修改設定

其他