基于IDEA+HTML+SpringBoot前后端分离电子商城-CSDN博客

134 阅读3分钟

基于springboot的电子商城

项目介绍💁🏻

•B2C 商家对客户

•C2B2C 客户对商家对客户

1.1.1 B2C

平台运营方即商品的卖家 小米商城

•商品

•用户

1.1.2 C2B2C

平台运营方不卖商品(也可以卖)

卖家是平台的用户

买家也是平台用户

•用户(店铺)

•用户(买家)

•服务

•商品

1.1.3 Java

Java语言的应用领域很广,但主要应用于web领域的项目开发,web项目类型分为两类:

•企业级开发 (供企业内部使用的系统:企业内部的管理系统CRM\ERP、学校的教务管理系统)

•互联网开发(提供给所有互联网用户使用的系统——用户量)—— 电商

功能模块

1.1 项目背景**

锋迷商城——电商平台

•B2C 商家对客户

•C2B2C 客户对商家对客户

1.1.1 B2C

平台运营方即商品的卖家 小米商城

•商品

•用户

1.1.2 C2B2C

平台运营方不卖商品(也可以卖)

卖家是平台的用户

买家也是平台用户

•用户(店铺)

•用户(买家)

•服务

•商品

1.1.3 Java

Java语言的应用领域很广,但主要应用于web领域的项目开发,web项目类型分为两类:

•企业级开发 (供企业内部使用的系统:企业内部的管理系统CRM\ERP、学校的教务管理系统)

•互联网开发(提供给所有互联网用户使用的系统——用户量)—— 电商

页面效果

系统的部分功能模块页面如下所示。

项目功能用户管理用户注册
用户登录(cookie与session)
★  退出登录
日志管理(log4j)
首页功能实现电商首页轮播图
首页分类显示
首页商品推荐
首页商品搜索
商品详情商品详情查询与显示
商品评价
商品评价分页实现
商品评价脱敏实现
购物车添加购物车
购物车商品列表显示
选中商品实时价格计算
编辑购物车商品数量
★  删除购物车商品
提交购物车至订单结算
★  收货地址管理收货地址列表
新增收货地址
修改收货地址
删除收货地址
设置默认收货地址
提交订单确认订单
创建/保存订单
订单支付(微信支付)
★  订单支付(支付宝支付)
超时取消订单(定时任务)
用户中心★  查询用户信息
修改用户信息(上传头像)
订单管理查询订单
商家发货
确认收货
★ 删除订单
评价管理查询待评价订单列表
★ 添加商品评价
商品评价列表(商品详情)
中心首页数据显示订单状态
订单动向(物流)

项目的页面和代码都在同一个项目,项目开发完成之后直接部署在一台服务器

单体项目遇到的问题:用户对页面静态资源以及对Java代码的访问压力都会落在Tomcat服务器上。

1.3.2 技术清单

•项目架构:前后端分离

•前端技术:vue、axios、妹子UI、layui、bootstrap

•后端技术:SpringBoot+MyBatis、RESTful、swagger

•服务器搭建:Linux、Nginx

输入对应的地址“http://localhost:8080/doc.html”

ba7d67a1b597498ecf48d4596edc9637.png

可以查看对应的API的接口信息 

b23d3690b04fab0c878143ac82a27d63.png

1be2ca4c5f47cb236146fae2fa1d7b9e.png

55c0de016e93ec4c9402f27626a02445.png

前端工程启动需要配置NGINX

baseURL配置:

c15e617b39289aef2960644f45e87c7f.png

9ed8e5a01f82cbe9aa81e744d80adb2d.png

系统注册 

4e0455fce79ebf5f3f28dbedcd5f9152.png

系统登录

724f7ef10ddd5c8fa8f2244c84b4827f.png

个人中心 

f84a4295d7c3727217195cf0463d902a.png

购物车详情

007e4fa939dd8eccc89d361852bce380.png

运行教程                                                        

编号322-前后端分离电子商城

\

系统源码

进入公众号,在右上角有放大镜,就是搜索公众号内全部文章的题目,公众号各类的素材和相关的题目都可以通过这个方法来进行搜索。

输入要自己想要看的题材和对应的素材就可以了,因为的将各个类目的题材,都浓缩在题目里面, 所以只要是标题里面有的,或者涵盖了你的题目素材基本上都可以搜索的到。

a8622cb97f6bb6ed857e64489c01ba4d.png

关注微信公众号 “letcoding”---》源缘编程

\