介紹
xm-mall是基於springboot搭建的網上商城,響應式
項目地址:https://github.com/chy18883701161/xm-mall
前端技術:html、css、js、jq、bootstrap
後臺技術:springboot、thymeleaf、mybatis、mysql、lombok
按登錄角色分爲用戶、管理員,用戶模塊可細分爲商品操作、訂單操作,功能如下
- 根據關鍵字檢索商品,查看商品詳細信息
- 添加商品至購物車,對購物車中的商品進行結算、支付
- 查看訂單狀態,訂單狀態包括已付款、已出庫、已發貨、已收貨
- 確認收貨,完成交易
管理員模塊可細分爲商品操作、訂單操作、商城設置、用戶操作4個部分,功能如下
- 添加、修改商品
- 查看、修改訂單,可將訂單狀態修改爲已出庫、已發貨。
- 設置商城首頁的輪播圖、推薦商品
- 封禁、解封用戶賬號
使用
- 新建數據庫 db_xm_mall,運行sql腳本
- 修改application.properties中的數據庫配置
- 修改common包下Constants類中的upload文件夾路徑
- 項目使用了lombok,IDEA需安裝lombok插件
運行,訪問 127.0.0.1:9502 ,後臺地址 127.0.0.1:9502/admin
使用手機號作爲登錄賬號,用戶、管理員的賬號都是:18883701161
密碼都是:abcd1234
前臺效果圖
首頁:
註冊、登錄頁面:
個人信息頁面:
查看個人訂單頁面:
訂單詳情頁面:
商品檢索結果頁面:
商品詳情頁面:
購物車頁面:
結算頁面:
支付方式選擇頁面:
付款頁面:
留了一個付款成功的按鈕,模擬支付成功
後臺效果圖
登錄頁面:
添加、修改商品信息頁面:
首頁輪播圖、熱銷商品設置:
商品分類管理:
商品管理:
用戶管理:
訂單管理:
管理員信息設置: