Skip to content

基于 springboot + mybatis + mysql + thymeleaf 搭建的商城,仿小米商城

Notifications You must be signed in to change notification settings

chy1984/xm-mall

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

介绍

xm-mall是基于springboot搭建的网上商城,响应式

前端技术: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

 

前台效果图

首页: 在这里插入图片描述 在这里插入图片描述

 

注册、登录页面: 在这里插入图片描述  

个人信息页面: 在这里插入图片描述  

查看个人订单页面: 在这里插入图片描述  

订单详情页面: 在这里插入图片描述  

商品检索结果页面: 在这里插入图片描述  

商品详情页面: 在这里插入图片描述  

购物车页面: 在这里插入图片描述  

结算页面: 在这里插入图片描述  

支付方式选择页面: 在这里插入图片描述  

付款页面: 在这里插入图片描述 在这里插入图片描述 留了一个付款成功的按钮,模拟支付成功

 

后台效果图

登录页面: 在这里插入图片描述  

添加、修改商品信息页面: 在这里插入图片描述  

首页轮播图、热销商品设置: 在这里插入图片描述 在这里插入图片描述  

商品分类管理: 在这里插入图片描述  

商品管理: 在这里插入图片描述  

用户管理: 在这里插入图片描述  

订单管理: 在这里插入图片描述  

管理员信息设置: 在这里插入图片描述

About

基于 springboot + mybatis + mysql + thymeleaf 搭建的商城,仿小米商城

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published