作品集 / 鴻益食品 官網
鴻益食品 官網
B2B 代工官網＋模組驅動後台
白話說明食品代工廠官網：介紹代工流程與合作項目，客人可線上洽詢。
專案概要
鴻益食品的代工官網：單頁呈現代工流程、合作項目、客製化包裝與關於我們，另有最新消息、檢驗報告與合作開發表單。
與購物系統共用同一個模組驅動後台，內容由後台維護。
我負責
- 功能面
- 後台上架功能
- jQuery 前端互動
技術
功能清單
代工流程以七個步驟呈現代工流程。
合作項目與客製化包裝單頁介紹合作項目與客製化包裝。
最新消息與檢驗報告列表與內頁，與購物系統的消息以顯示位置分流。
合作開發表單驗證碼檢查、存檔並寄通知信。
首頁橫幅管理首頁橫幅由後台管理。
聯絡我們聯絡資訊由後台維護。
錨點捲動與章節高亮點選導覽捲動到章節，並高亮目前所在章節；外掛設定為自寫。
回到頂端與手機選單回到頂端按鈕淡入淡出，手機版漢堡選單展開收合。
後台模組驅動欄位定義存在資料庫，含 TinyMCE 編輯與圖片、檔案管理。
合作開發表單流程
示意畫面
| 標題 | 類型 | 發布日 | 狀態 |
|---|---|---|---|
| 範例標題 01 | 最新消息 | 2026-01-01 | 已上架 |
| 範例標題 02 | 檢驗報告 | 2026-01-01 | 已上架 |
| 範例標題 03 | 最新消息 | 2026-01-01 | 草稿 |
| 範例標題 04 | 檢驗報告 | 2026-01-01 | 已上架 |
| 範例標題 05 | 最新消息 | 2026-01-01 | 已下架 |
整合說明
通知信合作開發表單送出後寄出郵件通知。