网上商城 xm-mall

介绍

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

项目地址:https://github.com/chy1984/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

 

前台效果图

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

 

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

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

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

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

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

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

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

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

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

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

 

后台效果图

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

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

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

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

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

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

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

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


本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!

相关文章

立即
投稿

微信公众账号

微信扫一扫加关注

返回
顶部