1,绪论
1.1 项目介绍
迷你天猫商城是一个基于SpringBoot框架的综合性B2C电商平台,需求设计主要参考天猫商城的购物流程:用户从注册开始,到完成登录,浏览商品,加入购物车,进行下单,确认收货,评价等一系列操作。
作为模拟天猫商城系统的核心组成部分之一,采用SpringBoot框架的天猫数据管理后台包含商品管理,订单管理,类别管理,用户管理和交易额统计等模块,实现了对整个商城的一站式管理和维护。
注:后端页面兼容IE10及以上现代浏览器,Chrome,Edge,Firebox等浏览器表现效果最佳。
1.2 项目背景
目的:伴随着互联网技术的不断发展和完善,在人们的生活和工作的各个方面,互联网都有着非常重大的影响。伴随着国内电子商务行业的迅猛发展,消费者现在能够轻松的实现足不出户的,仅仅通过网络购物平台就可以非常便捷的购买到自己需要的商品。
意义:基于SpringBoot的仿天猫商城的主要目的是创造线上购物方式。方便消费者在不方便到店购物的时候,也能够通过获得店铺的网站地址,进入到仿天猫商城进行在线购物,完成对商品的浏览、将商品添加到“购物车”以及下单和结算等整个的购物流程。
2,技术栈
后端技术
技术 | 说明 | 官网 |
---|---|---|
Spring | J2EE应用程序框架 | https://spring.io/projects/spring |
SpringMVC | 全功能 MVC 模块 | https://www.tutorialspoint.com/spring/spring_web_mvc_framework.htm |
MyBatis | ORM框架 | http://www.mybatis.org/mybatis-3/zh/index.html |
MyBatisGenerator | 数据层代码生成器 | http://www.mybatis.org/generator/index.html |
Druid | 数据库连接池 | https://github.com/alibaba/druid |
JWT | JWT登录支持 | https://github.com/jwtk/jjwt |
Lombok | Java语言增强库 | https://github.com/rzwitserloot/lombok |
前端技术
技术 | 说明 | 官网 |
---|---|---|
JSP | 动态网页技术标准 | https://www.jsp.com/ |
Bootstrap | CSS/HTML框架 | https://www.bootcss.com/ |
Swiper | 特效插件 | https://www.swiper.com.cn/ |
Element | 前端UI框架 | https://element.eleme.io |
Axios | 前端HTTP框架 | https://github.com/axios/axios |
Chart.js | 图表工具 | 📣 有源码 获取源码 |
AdminLTE | 管理模板 | https://adminlte.io/ |
3,需求分析
用户功能需求
- 基本购物功能:轮播图、商品搜索、导航栏、分类导航栏、商品分类浏览、商品详情页等
- 个人中心:登陆、注册、个人信息修改、头像更换
- 购物车:商品添加至购物车,购物车商品的增删改查
- 我的订单:对于用户订单的查询和一系列操作实现
- 购物体验:商品推荐、详情浏览、商品购买、商品评价
管理员功能需求
- 首页数据统计
- 商品管理
- 分类管理
- 评论管理
- 用户管理
- 订单管理
- 个人中心
4,系统设计
功能模块图
数据库结构图
5,系统页面展示(商城端)
5.1 首页
5.2 登陆 / 注册