1,项目背景
1.1 当前的问题和困惑
系统稳定性: 在高并发访问时,商城系统容易出现卡顿、崩溃等问题,影响了用户体验和销售额。支付安全性: 支付环节存在潜在的安全隐患,如何确保支付过程的安全性和用户资金的安全,是当前急需解决的问题。数据同步与一致性: 商城中的商品信息、库存数据、订单状态等需要在多个系统间实时同步,确保数据一致性是一个技术挑战。界面设计: 商城的界面设计需要更加符合用户审美和操作习惯,提高用户留存率和转化率。搜索功能: 当前的搜索功能不够智能,用户难以快速找到想要的商品,影响了购物效率。个性化推荐: 缺乏精准的个性化推荐算法,无法根据用户的购物历史和偏好推送合适的商品。
1.2 预期的目标
咖咖商城(kaka-shop)是⼀个基于 SpringBoot 开发的标准 Java Web 项⽬。系统整体⻚⾯设计简
约精美,交互新颖,是⼀款制作精良的服务于咖啡爱好者的商城系统。该系统不仅易于初学者理解和学习,⽽且在学校项⽬答辩和毕业设计等场景中表现出⾊
2,技术分析
前端技术
名称 | 描述 |
---|---|
HTML、CSS | ⽤于设计⽹⻚的内容和样式 |
JavaScript、JQuery | 作为开发 Web⻚⾯的脚本语⾔,为⽹⻚添加各式各样的动态功能,为⽤户提供更流畅美观的浏览效果 |
Bootstrap | 基于 HTML、CSS、JavaScript开发的简洁、直观、强悍的前端开发框架,使得 Web开发更加快捷 |
前端模板 | 系统⻚⾯模板,模板⽂件已放在分享项⽬⽬录下 |
后端技术
技术 | 说明 |
---|---|
SpringBoot | SpringBoot是由 Pivotal团队提供的全新框架,其设计⽬的是⽤来简化新Spring应⽤的初始搭建以及开发过程。该框架使⽤了特定的⽅式来进⾏配置,从⽽使开发⼈员不再需要定义样板化的配置。通过这种⽅式,SpringBoot致⼒于在蓬勃发展的快速应⽤开发领域成为领导者。 |
SpringMVC | Spring MVC属于 SpringFrameWork的后续产品,已经融合在 Spring Web Flow⾥⾯。Spring框架提供了构建 Web应⽤程序的全功能 MVC模块。 |
MyBatis | MyBatis是⼀个 Java持久化框架,它可以帮助开发者更轻松地管理数据库访问和SQL映射。它提供了⼀种简单且灵活的⽅式来进⾏数据库操作,同时还⽀持动态SQL、缓存和批量操作等功能。 |
Thymeleaf | Thymeleaf是⼀个流⾏的模板引擎,该模板引擎采⽤ Java语⾔开发的,⽤于渲染 XML/XHTML/HTML5内容的模板引擎。类似 JSP、Velocity、FreeMaker等,它也可以轻易的与 Spring MVC等 Web框架进⾏集成作为 Web应⽤的模板引擎。 |
Druid | Druid是⼀个⾼效的数据查询系统,主要解决的是对于⼤量的基于时序的数据进⾏聚合查询。数据可以实时摄⼊,进⼊到 Druid后⽴即可查,同时数据是⼏乎是不可变。通常是基于时序的事实事件,事实发⽣后进⼊ Druid,外部系统就可以对该事实进⾏查询。 |
v-charts | 📣 有源码 获取源码 |
3,需求分析
3.1 特色功能
- 验证码注册:用户在注册咖啡商城系统时,需要填写邮箱账号,系统会自动向用户邮箱中发送验证码邮件,以便用户注册成功。
- 忘记密码:用户通过验证后,可使用系统邮件实现忘记密码功能。
- 阿里云文件存储:系统内的数据文件均存在阿里云对象存储中,并不会增加服务器的存储压力。
3.2 ⻆⾊介绍
系统共设计了三个⻆⾊:游客、⽤户、管理员。
- 游客:尚未进⾏注册和登录。具备登录注册、浏览主⻚、浏览商品及评论、搜索商品等权限。
- ⽤户:除了游客的功能权限外,还具备登录、个⼈资料的修改、登录密码修改、收获地址、商品收
藏、购物⻋、商品订单、评价等权限。 - 管理员:除了⽤户的功能权限外,还具备商城后台管理:⽤户管理、商品分类、商品管理、订单管
理、评价管理等。
3.3 功能介绍
3.3.1 游客功能介绍
功能模块 | 功能描述 |
---|---|
登录注册 | 注册成为系统⽤户 |
系统主⻚ | 浏览系统主⻚、商品详情、商品搜索、分类查看、查看优惠折扣 |
3.3.2 用户功能介绍
功能模块 | 功能描述 |
---|---|
登录注册 | 填写⽤户信息进⾏账号注册、使⽤邮箱密码进⾏登录、忘记密码(使⽤邮件提醒) |
个⼈资料 | 修改个⼈资料、修改登录密码 |
地址管理 | 维护个⼈的收获地址,可设置多个地址,并设置其中⼀个为默认收获地址 |
商品收藏 | 浏览商品、加⼊收藏夹,可将收藏夹的商品直接加⼊购物⻋ |
购物⻋ | 将商品加⼊购物⻋、⾃动计算购物⻋的价格(计算优惠) |
购买商品 | 创建商品订单,选择收货地址,去⽀付 |
订单管理 | 查看待发货订单、已发货订单、取消订单、确认收货 |
商品评价 | 确认收货后可对商品进⾏评价,评星数、评语等,评星数将影响系统的商品推荐,评星评语公开可⻅ |
3.3.3 管理员功能介绍
功能模块 | 功能描述 |
---|---|
登录注册 | 使⽤邮箱密码进⾏登录、忘记密码(使⽤邮件提醒) |
个⼈资料管理 | 修改个⼈资料(姓名、年龄、⼿机号、头像等)、修改登录密码 |
⽤户管理 | 管理系统的注册⽤户、修改⽤户资料、修改⽤户资料 |
商品分类管理 | 维护商品分类(若当前分类下已存在商品,那么禁⽌删除) |
商品管理 | 发布商品(名称、颜⾊、原材料、产地、描述、封⾯、原价、现价、库存、状态等信息)、修改商品信息、上架下架、删除等 |
商品订单管理 | 查看待发货、已发货、已完成、已取消的订单,商品发货(填写快递号、⼚商),删除订单等 |
商品评价管理 | 查看全部评价、回复评价、删除评价等 |
4,系统设计
功能权限结构图

5,商城页面展示
5.1 商城首页

5.2 登录/注册


5.3 商品详情

5.3.1 更多信息

5.3.1 商品评价

5.4 商品列表

5.4.1 小图标功能展示
咖啡按类别搜索

|----------------------------------------------------------------------------|----------------------------------------------------------------------------|----------------------------------------------------------------------------|
| |
|
|
商品评分
商品评分来源于系统内的商品评价,平均统计用户评星后会展示在此页面
5.5 商品搜索

5.6 个人中心

5.6.1 个人资料

5.6.2 我的地址

5.6.3 修改密码

5.6.4 购物车

5.6.5 我的订单

用户可点击下方按钮,观看不同订单内容

5.6.6 我的收藏

5.7 忘记密码

6,后台管理页面展示
6.1 用户管理

6.1.1 修改资料
|----------------------------------------------------------------------------|----------------------------------------------------------------------------|
| |
|
6.2 商品分类管理

6.3 商品管理

6.3.1 编辑商品

6.3.2 发布商品

6.4 订单管理
6.5 评价管理
