隨著電子商務的蓬勃發展，線上購物已成為主流消費方式。本設計以“星光之夜”香水品牌為背景，采用經典的Java SSM（Spring + Spring MVC + MyBatis）框架，實現了一個功能完備、用戶體驗優良的B2C香水電商網站。項目從需求分析、系統設計、編碼實現到部署上線，涵蓋了計算機專業畢業設計的核心環節。

一、 系統架構與技術選型

系統采用B/S架構，分為表現層、業務邏輯層和數據訪問層。

1. 技術棧：

• 后端：Java語言，SSM框架整合（Spring進行IoC和AOP管理，Spring MVC處理Web請求，MyBatis操作數據庫），Maven進行項目構建與依賴管理。

• 前端：HTML5、CSS3、JavaScript、JSP、jQuery、Bootstrap框架，確保頁面美觀、響應式及良好的交互體驗。

• 數據庫：MySQL 5.7+，用于存儲用戶、商品、訂單、新聞等核心數據。

• 服務器：Tomcat 8.5+作為Web應用服務器。

• 開發工具：IntelliJ IDEA/Eclipse、Navicat for MySQL、Git等。

二、 核心功能模塊設計

網站主要分為前臺用戶系統和后臺管理系統。

1. 前臺用戶系統：
* 用戶模塊：注冊、登錄（含密碼加密）、個人信息管理、收貨地址管理。

• 商品模塊：香水商品分類展示（如男香、女香、中性香）、熱銷/新品推薦、商品詳情查看（圖文介紹、香調說明）、商品搜索與高級篩選。

• 購物流程模塊：購物車增刪改查、在線下單、模擬支付接口、訂單狀態查詢與歷史訂單查看。

• 內容模塊：品牌故事、香水知識文章瀏覽、用戶評論與評分。

2. 后臺管理系統：
* 管理員模塊：權限登錄、修改密碼。

• 商品管理：香水品類管理、商品信息（名稱、價格、庫存、圖片）的增刪改查。

• 訂單管理：查看所有訂單詳情、處理訂單（發貨、標記完成）、訂單統計。

• 用戶管理：查看注冊用戶信息、禁用/啟用賬戶。

• 內容管理：發布與管理網站新聞、文章。

• 數據統計：基本的銷售數據圖表展示（如使用ECharts）。

三、 數據庫設計

根據系統需求，設計了核心數據表，主要包含：

用戶表(user)：用戶ID、用戶名、密碼（MD5/SHA加密）、郵箱、電話、注冊時間等。
商品類別表(category)：類別ID、類別名稱、父類別ID（支持多級分類）。
商品表(product)：商品ID、名稱、描述、價格、庫存、圖片路徑、所屬類別、上架時間等。
訂單表(orders)：訂單ID、用戶ID、總金額、收貨信息、訂單狀態、創建時間。
訂單詳情表(order_item)：詳情ID、訂單ID、商品ID、購買數量、成交單價。
購物車表(cart)：購物車項ID、用戶ID、商品ID、數量。
* 新聞/文章表(news)：文章ID、標題、內容、發布時間、作者。
表之間通過外鍵關聯，確保數據的一致性與完整性。

四、 關鍵代碼實現與源碼結構

源碼結構通常遵循Maven約定：
`
src/main/java
├── com.starlight.perfume.controller // 控制器層（Controller）
├── com.starlight.perfume.service // 業務邏輯層接口（Service）
├── com.starlight.perfume.service.impl // 業務邏輯層實現
├── com.starlight.perfume.dao // 數據訪問層接口（Mapper）
├── com.starlight.perfume.entity // 實體類（POJO）
└── com.starlight.perfume.config // 配置類（如Spring, MyBatis配置）
src/main/resources
├── mapper // MyBatis映射文件（.xml）
├── spring-*.xml // Spring配置文件
└── jdbc.properties // 數據庫連接配置
webapp
├── WEB-INF
│ └── web.xml // Web部署描述符
├── static // 靜態資源（css, js, images）
└── views // JSP視圖頁面
`

關鍵實現：
Spring MVC配置：通過@Controller注解處理前端請求，@RequestMapping映射URL，實現前后端數據交互（使用@RequestParam或對象綁定接收參數）。
MyBatis應用：在Mapper接口中定義數據庫操作方法，通過XML映射文件或注解編寫SQL，實現靈活的數據操作。
事務管理：在Service層使用@Transactional注解，確保訂單創建、庫存修改等操作的事務性。
文件上傳：使用Apache Commons FileUpload或Spring MVC提供的功能實現香水圖片上傳，并保存至服務器指定目錄或云存儲。

五、 部署與運行

1. 環境準備：安裝JDK 1.8+、MySQL、Tomcat、Maven。
2. 數據庫初始化：在MySQL中創建數據庫（如starlight<em>perfume），并執行項目中的SQL腳本（/sql/db</em>init.sql）建表并初始化基礎數據。
3. 配置修改：根據實際環境，修改src/main/resources/jdbc.properties中的數據庫連接參數（URL、用戶名、密碼）。
4. 項目打包：在項目根目錄下執行Maven命令 mvn clean package，生成WAR包（target/*.war）。
5. 部署運行：將WAR包復制到Tomcat的webapps目錄下，啟動Tomcat服務器，Tomcat會自動解壓并部署應用。
6. 訪問應用：在瀏覽器中輸入 http://localhost:8080/[項目上下文路徑]/ 訪問網站前臺，/admin 路徑訪問后臺管理界面。

六、 網頁設計與開發

網頁設計遵循“星光之夜”品牌調性，以深藍色、紫色、銀色為主色調，營造夢幻、高雅的視覺氛圍。

• 首頁：突出品牌Logo與導航欄，設計輪播圖展示主打產品，清晰分類入口，商品推薦區。
• 詳情頁：采用多圖展示、標簽式詳情介紹（香調、前中后調、適用場合），突出“加入購物車”和“立即購買”按鈕。
• 響應式設計：利用Bootstrap柵格系統，確保在PC、平板、手機等不同設備上均有良好的瀏覽體驗。
• 交互優化：使用jQuery和Ajax實現無刷新添加購物車、異步驗證用戶名是否重復、局部更新商品數量等，提升用戶體驗。

###

“星光之夜”香水網站項目完整實踐了基于Java EE的Web應用開發流程。通過SSM框架的整合應用，實現了高內聚、低耦合的分層架構。項目不僅滿足了基本的電商功能需求，還在數據庫設計、前后端交互、UI/UX方面進行了充分考慮，是一個具有實踐價值和展示度的計算機專業畢業設計范例。開發者可以在此基礎上，進一步擴展如秒殺活動、會員積分、社交分享、推薦算法等高級功能，以增強系統的商業價值和技術深度。