作品集 / 榮欣社福 官網
榮欣社福 官網
機構官網＋模組驅動後台
白話說明社福機構官網：消息、服務介紹、捐款資訊與多種申請表單。
專案概要
以 PHP 開發的社福機構官網：機構介紹、服務介紹、最新消息、資源連結、愛心募集、參與榮欣、下載專區與捐贈徵信，並提供聯絡表單與線上捐款。
後台為模組驅動設計：欄位定義存在資料庫，內容由後台維護，新增一種資料不用再寫一套新增修改程式。
我負責
- 功能面
- 後台上架功能
- jQuery 前端互動
- 線上捐款金流串接
技術
功能清單
機構介紹與服務頁認識榮欣、榮欣服務，內容由後台維護。
最新消息消息列表與內頁，後台上架。
資源連結分類側欄與內頁，附件與圖片集中管理。
愛心募集、參與榮欣與捐贈徵信募集項目、參與方式與徵信資訊皆由後台維護。
下載專區檔案上架後在前台提供下載。
聯絡表單送出後存檔並寄通知信。
線上捐款支援信用卡、WebATM、ATM、超商代碼，依付款方式分流至不同金流。
後台模組驅動欄位定義存在資料庫，含 TinyMCE 編輯與圖片檔案管理。
自寫 jQuery 互動列表縮圖等比例容器、手機選單、YouTube 影片依視窗比例調整。
線上捐款流程
示意畫面
| 標題 | 分類 | 發布日 | 狀態 |
|---|---|---|---|
| 範例標題 01 | 範例分類 甲 | 2026-01-01 | 已上架 |
| 範例標題 02 | 範例分類 乙 | 2026-01-01 | 已上架 |
| 範例標題 03 | 範例分類 甲 | 2026-01-01 | 草稿 |
| 範例標題 04 | 範例分類 丙 | 2026-01-01 | 已上架 |
| 範例標題 05 | 範例分類 乙 | 2026-01-01 | 已下架 |
整合說明
信用卡金流凱基。
網路金流綠界：WebATM、ATM、超商代碼。
影片YouTube 嵌入。
通知信聯絡表單與捐款的郵件通知。