基于IDEA+HTML+SpringBoot前后端分离电子商城

基于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”---》源缘编程


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值