摘要

隨著互聯網技術與電子商務的飛速發展，農產品及特色產品的線上銷售已成為擴大市場、提升品牌影響力的重要途徑。東北地區鹿產品（如鹿茸、鹿肉、鹿血酒等）以其獨特的營養與藥用價值備受青睞，但傳統銷售模式存在地域限制強、推廣渠道窄等問題。本畢業設計旨在設計并實現一個基于Node.js與Express框架的東北鹿產品B2C售賣網站，為消費者提供便捷、可靠的線上選購平臺，同時助力東北鹿產品拓寬銷售渠道，提升產業價值。

一、 項目背景與意義

1.1 項目背景

東北地區是我國鹿產品的主要產區，產品種類豐富，品質優良。當前銷售仍以線下實體店、展會或熟人介紹為主，市場覆蓋面有限，年輕消費群體觸達率低。在“互聯網+農業”政策引導與消費升級趨勢下，建設一個專業的電子商務網站，將優質鹿產品進行規范化、品牌化線上展示與銷售，具有迫切的市場需求。

1.2 項目意義

• 社會與經濟意義：打破地域限制，將東北優質鹿產品推向全國市場，促進地方特色經濟發展，助力鄉村振興。
• 技術實踐意義：采用前沿的Node.js全棧技術進行開發，綜合運用數據庫、前端交互、服務器部署等知識，完成一個功能完整的商業級Web應用，具有較高的工程實踐與學習價值。
• 用戶體驗意義：為消費者提供24小時不間斷的產品瀏覽、詳情了解、安全下單與售后咨詢的一站式服務，改善購買體驗。

二、 系統相關技術棧

本系統采用前后端分離的架構思想，主要技術選型如下：

• 后端：
• 運行時環境：Node.js。利用其事件驅動、非阻塞I/O模型，適合高并發的網絡應用。

• Web框架：Express.js。輕量靈活，提供強大的路由和中間件支持，能快速構建Web應用及API接口。

• 數據庫：MySQL。關系型數據庫，用于存儲用戶信息、產品數據、訂單記錄等結構化數據，保證數據的一致性與完整性。

• ORM框架：Sequelize。用于高效、安全地進行數據庫操作，支持數據建模和遷移。

• 身份認證：JWT（JSON Web Token）。實現無狀態的用戶登錄狀態保持與API接口權限驗證。

• 前端：
• 模板引擎：EJS 或 Pug。服務端渲染動態頁面，便于將后端數據注入HTML。

• 樣式與布局：CSS3，配合Bootstrap等前端框架實現響應式設計，確保在PC、平板、手機等多設備上均有良好顯示效果。

• 交互腳本：原生JavaScript或輕量級框架（如Vue.js）用于增強前端交互體驗。

• 開發與部署：
• 版本控制：Git。

• 包管理：npm 或 yarn。

• 進程管理：PM2。保障Node.js應用在服務器上的穩定運行。

• 部署環境：Linux服務器（如CentOS/Ubuntu） + Nginx（反向代理與靜態資源服務）。

三、 系統功能模塊設計

3.1 前臺用戶模塊

1. 用戶注冊與登錄：支持郵箱/手機號注冊，實現密碼加密存儲與JWT令牌登錄。
2. 產品展示系統：

• 首頁：輪播圖、熱門推薦、新品上架、分類導航。

• 產品列表頁：按品類（鹿茸、鹿肉、鹿副產品、深加工產品等）、價格、銷量等多維度篩選與排序。

• 產品詳情頁：高清圖片輪播、詳細參數、功效說明、用戶評價展示。

1. 購物車與訂單系統：

• 加入購物車、批量修改商品數量、實時計算總價。

• 生成訂單、選擇收貨地址與支付方式（集成模擬支付接口）。

• 訂單狀態跟蹤（待付款、待發貨、已發貨、已完成）。

1. 個人中心：管理個人信息、收貨地址、查看訂單歷史、收藏商品等。
2. 搜索與客服：全局關鍵詞搜索產品；集成在線客服（如第三方插件）或留言板功能。

3.2 后臺管理模塊（需管理員權限）

1. 儀表盤：展示關鍵業務數據，如銷售額、訂單數、用戶增長趨勢圖。
2. 產品管理：對產品進行增刪改查（CRUD），包括上傳產品圖片、設置庫存與價格。
3. 訂單管理：查看所有訂單詳情，處理發貨、退款等操作。
4. 用戶管理：查看注冊用戶列表，禁用異常賬戶。
5. 內容管理：管理首頁輪播圖、公告資訊等。

四、 數據庫設計

核心數據表設計如下：

• 用戶表(Users)：用戶ID、用戶名、密碼（哈希加密）、郵箱、手機號、頭像、注冊時間等。
• 產品表(Products)：產品ID、名稱、分類ID、價格、庫存、主圖、詳情圖、描述、銷量、上架時間等。
• 產品分類表(Categories)：分類ID、分類名稱、父分類ID（支持多級分類）。
• 購物車表(Carts)：記錄ID、用戶ID、產品ID、購買數量。
• 訂單表(Orders)：訂單ID、訂單號、用戶ID、總金額、狀態、收貨地址信息、創建時間。
• 訂單明細表(OrderItems)：明細ID、訂單ID、產品ID、單價、數量。
• 收貨地址表(Addresses)：地址ID、用戶ID、收件人、電話、省市區詳情地址、是否默認。

五、 網站與頁面設計要點

1. 視覺風格：采用自然、健康、高端的視覺基調。主色調可選用棕色、綠色、金色等，搭配高品質的產品實拍圖，凸顯鹿產品的原生態與珍貴屬性。
2. UI/UX設計：

• 導航清晰：主導航欄明確展示產品分類，面包屑導航幫助用戶定位。

• 布局簡潔：避免信息過載，重點突出產品核心賣點（如產地、功效）。

• 響應式設計：使用Bootstrap柵格系統，確保從桌面到移動端的流暢瀏覽體驗。

• 交互友好：加入加入購物車動畫、加載提示、表單驗證等細節，提升用戶體驗。

1. 安全與性能：

• 安全性：對用戶輸入進行嚴格驗證與過濾，防止XSS與SQL注入；敏感操作（如支付、修改密碼）需進行二次驗證。

• 性能優化：使用Redis緩存熱點數據（如首頁產品列表）；對產品圖片進行壓縮與CDN加速；通過Node.js異步特性優化I/O密集型操作。

六、 開發與部署流程

1. 環境搭建：安裝Node.js、MySQL，初始化項目npm init，安裝Express及其他依賴。
2. 項目結構規劃：采用MVC模式組織代碼，分離路由（routes）、控制器（controllers）、模型（models）和視圖（views）。
3. 功能迭代開發：按模塊順序開發，如先搭建基礎Express服務器和路由，再實現用戶認證、產品CRUD、購物車邏輯等。
4. 測試：使用Postman等工具對API接口進行測試；進行前端功能與兼容性測試。
5. 部署上線：購買云服務器與域名，配置Nginx，使用PM2啟動Node.js應用，配置HTTPS證書。

##

本畢業設計提出的“東北鹿產品售賣網站”以Node.js和Express為核心技術，設計了一個包含完整前后臺功能的電子商務平臺。該系統不僅為東北鹿產品提供了一個現代化的線上銷售窗口，也體現了運用全棧技術解決實際問題的完整流程。通過本項目的設計與實現，能夠深入掌握從需求分析、技術選型、數據庫設計、前后端開發到服務器部署的全套Web開發技能，具備良好的實用價值與學術意義。