網上商城 xm-mall

介紹

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

 

前臺效果圖

首頁:
在這裏插入圖片描述
在這裏插入圖片描述

 

註冊、登錄頁面:
在這裏插入圖片描述
 

個人信息頁面:
在這裏插入圖片描述
 

查看個人訂單頁面:
在這裏插入圖片描述
 

訂單詳情頁面:
在這裏插入圖片描述
 

商品檢索結果頁面:
在這裏插入圖片描述
 

商品詳情頁面:
在這裏插入圖片描述
 

購物車頁面:
在這裏插入圖片描述
 

結算頁面:
在這裏插入圖片描述
 

支付方式選擇頁面:
在這裏插入圖片描述
 

付款頁面:
在這裏插入圖片描述
在這裏插入圖片描述
留了一個付款成功的按鈕,模擬支付成功

 

後臺效果圖

登錄頁面:
在這裏插入圖片描述
 

添加、修改商品信息頁面:
在這裏插入圖片描述
 

首頁輪播圖、熱銷商品設置:
在這裏插入圖片描述
在這裏插入圖片描述
 

商品分類管理:
在這裏插入圖片描述
 

商品管理:
在這裏插入圖片描述
 

用戶管理:
在這裏插入圖片描述
 

訂單管理:
在這裏插入圖片描述
 

管理員信息設置:
在這裏插入圖片描述

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章