基于springBoot + vue 实现的前后端分离商城项目

1，首页效果图

49cc763fecf34ef298cf33b0b45fca6c.png

 3c427c4e83ab42c29cd9ada2a5d03eef.png

 2：商品详情页

fabd77d4873f49a99370e8bd45bb2c28.png

 3:购物车详情

180096fb51a84b979afc9eeb6a014081.png

 4：订单

a87a382e2c0f440b9f5636bf9d7e9900.png

 5：待付款

608c88ae5b2c42c3af1913ad5caa1720.png

 6：收藏夹效果图如下

f4084ab1cd454b51b6370f8a9e66af6a.png

 7：个人中心可以模拟充值支付效果

c90e1273825c4747b64691adc7762b5b.png

8：收获地址效果图如下

b6cdf0c7b7414f809bc1646699f1aa50.png

 9：点赞收藏效果图

3fac21c4cfb64993ac3667fd4a9a5416.png

 二：后台主要效果图如下

1：主页面

a5f6e0d59cc34958b4465ee54fa9f7c7.png

 2：用户管理

9cb864e8b185460f83e840ba556f469d.png

 3：角色管理

3af9fbaba4ac4ef0bdae23de40aa6669.png

 4：菜单管理

08766b1ae56246a8b4bc29766c649076.png

 5：公告管理

f2362d9bc29e4b13a433c0c83cec0ac1.png

 6：日志管理效果图如下

20af5fd8c1d142cca03177dc3a44ebfb.png

 7：轮播图效果图如下

4634ca3d6ac24c99b965e23ace21fd17.png

 8：商品分类管理效果图如下

904e48df3f994369af9663777e95c4c4.png

 9：商品管理效果图如下

a24ba69864c641c7a7d1462674ca1cdf.png

 10：订单管理效果图如下

f1d89176b6f24cc8906c38fd00799039.png

 11：收获地址效果图如下

72338a3a8b4544f8affab4b2e90848a6.png

posted @   wode林夕  阅读(66)  评论(1)  编辑  收藏  举报  
相关博文：
· SpringBoot + Vue 前后端分离项目部署到服务器上
· 基于springBoot + Mybatis +LayUi实现基础的增删改查功能
· 基于SpringBoot+Vue框架实现前后端分离【企业级】项目，欢迎大家体验......
· springboot+vue前后端分离项目-项目搭建13-树形表
· 前端Vue项目修改
阅读排行：
· 开源Multi-agent AI智能体框架aevatar.ai，欢迎大家贡献代码
· Manus重磅发布：全球首款通用AI代理技术深度解析与实战指南
· 被坑几百块钱后，我竟然真的恢复了删除的微信聊天记录！
· 没有Manus邀请码？试试免邀请码的MGX或者开源的OpenManus吧
· 园子的第一款AI主题卫衣上架——"HELLO! HOW CAN I ASSIST YOU TODAY
点击右上角即可分享
微信分享提示