蔬果購物網是一個高效且便利的線上購物方案,專為零售與團購打造選購到售後一條龍服務,
旨在提供環保、地方小農支持及電子化經營等解決方案。
專題老師 : 余遠澤 教授 專題學生 : 林佑澤、楊恕、姚芃睿
開發動機
環保意識
人們對於環境問題、資源利用以及可持續發展的認知與關注程度日益提升。
E化經營便於管理
不僅優化使用者的購物體驗,更為管理者提供高效的商品管理、庫存同步及數據分析工具。
支持地方小農
地方小農提供的新鮮蔬果,不僅能縮短食物從農場到餐桌的距離,還能大幅降低碳排放。
系統特色
商品包材量化統計
藉由讓廠商針對單一商品選取包材,來預防過度包裝的情形發生,以此達成環保的效果。
高速響應式介面
搭配響應式設計,支援桌機、平板與手機,提供一致又流暢的使用體驗。
整合服務
整合商品展示、結帳、金流、物流與管理系統打造一條龍線上購物體驗。
系統架構
高速響應式介面 適配多裝置
採用 React.js開發,搭配響應式設計,支援桌機、平板與手機,提供一致、流暢的使用體驗。
前後端模組化 提升開發效率
採用微服務架構,前端與後端模組分離,個功能獨立開發,降低耦合度並加速系統迭代。
穩定高效支援 數據即時準確
PHP與PostgreSQL結合,實現穩定後端運行,優化數據處理流程,應對高流量並保持數據準確性。
核心功能
瀏覽商品
商品分類
搜尋商品
快速加入商品
靈活調整數量
串接金流與物流
新增團購活動
給予商品特價
瀏覽團購明細
特色模組
記錄帳號資訊
針對訂單傳送訊息
管理帳號權限
記錄商品資訊
庫存管理
優惠管理
首頁廣告
跑馬燈管理
針對使用者傳送訊息
系統成果
問題解決
註冊過程中強制要求使用者提供有效手機號碼,並發送一次性驗證碼(OTP)進行驗證,確保使用者身份真實性。
系統對每個手機號碼設置限制,避免同一號碼在短時間內多次請求驗證碼,防止濫用簡訊服務。
使用驗證碼有效期(如 5 分鐘),超時需要重新請求,防止惡意攔截後嘗試多次攻擊。
使用 INFINITY SCROLL(無限滾動):
滾動頁面才載入更多商品。這將減少單次載入時的圖片數量,減少網路傳輸負擔。
將程式碼分割:
模組化組建使得功能拆分,減少首次載入時間,分開載入進而分擔效能。
響應式網頁設計(RWD):
使用STYLED COMPONENT做組件調整,針對不同設備進行佈局調整,確保頁面資訊完整,並對不同操作介面做優化。
帳號綁定購物車:
同一帳號於不同裝置上同步購物車物品,加強跨設備購物體驗。
使用工具
網頁前端
資料庫
框架
網頁後端
版本控制
開發工具
未來展望
碳足跡計算
配合商品使用包材計算每筆訂單時產生的碳排放。
商品智能推薦
引入機器學習,根據不同使用者行為精準推薦商品。
第三方登入
允許使用者使用第三方身份提供者(例如Google、Facebook等)的帳戶登入。