idben / multiple_image_01

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

此專案展示了一個簡單的 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 請依實際情況修改設定

其他

• 線上範例頁面
• 請按下星星或 fork 讓老師知道有來看過