基于springboot+vue的秒杀商城(前后端分离)

博主主页猫头鹰源码

博主简介:Java领域优质创作者、CSDN博客专家、公司架构师、全网粉丝5万+、专注Java技术领域和毕业设计项目实战

主要内容:毕业设计(Javaweb项目|小程序等)、简历模板、学习资料、面试题库、技术咨询

文末联系获取

项目介绍: 

本系统适合选题:秒杀、商城、秒杀商城、前后端分离等。系统采用springboot+vue整合开发,前端框架主要使用了element-ui框架、数据层采用mybatis,功能齐全,界面美观。

系统包含技术:

后端:springboot,mybatis
前端:element-ui、js、css等
开发工具:idea/vscode
数据库:mysql 5.7
JDK版本:jdk1.8

部分截图说明:

下面是首页

商品页面

商品详情

活动页面

活动详情

个人中心

登录页面

用户管理

商品管理

活动管理

轮播图管理

部分代码:

/**      * 后端列表      */     @RequestMapping("/page")     public R page(@RequestParam Map<String, Object> params,NewsEntity news, 		HttpServletRequest request){         EntityWrapper<NewsEntity> ew = new EntityWrapper<NewsEntity>(); 		PageUtils page = newsService.queryPage(params, MPUtil.sort(MPUtil.between(MPUtil.likeOrEq(ew, news), params), params));          return R.ok().put("data", page);     }          /**      * 前端列表      */ 	@IgnoreAuth     @RequestMapping("/list")     public R list(@RequestParam Map<String, Object> params,NewsEntity news,  		HttpServletRequest request){         EntityWrapper<NewsEntity> ew = new EntityWrapper<NewsEntity>(); 		PageUtils page = newsService.queryPage(params, MPUtil.sort(MPUtil.between(MPUtil.likeOrEq(ew, news), params), params));         return R.ok().put("data", page);     }  	/**      * 列表      */     @RequestMapping("/lists")     public R list( NewsEntity news){        	EntityWrapper<NewsEntity> ew = new EntityWrapper<NewsEntity>();       	ew.allEq(MPUtil.allEQMapPre( news, "news"));          return R.ok().put("data", newsService.selectListView(ew));     }  	 /**      * 查询      */     @RequestMapping("/query")     public R query(NewsEntity news){         EntityWrapper< NewsEntity> ew = new EntityWrapper< NewsEntity>();  		ew.allEq(MPUtil.allEQMapPre( news, "news"));  		NewsView newsView =  newsService.selectView(ew); 		return R.ok("查询购物活动成功").put("data", newsView);     } 	     /**      * 后端详情      */     @RequestMapping("/info/{id}")     public R info(@PathVariable("id") Long id){         NewsEntity news = newsService.selectById(id);         return R.ok().put("data", news);     }      /**      * 前端详情      */ 	@IgnoreAuth     @RequestMapping("/detail/{id}")     public R detail(@PathVariable("id") Long id){         NewsEntity news = newsService.selectById(id);         return R.ok().put("data", news);     }

以上就是部分功能展示,从整体上来看,本系统功能是十分完整的,界面设计简洁大方,交互友好,数据库设计也很合理,规模适中,代码工整,清晰,适合学习使用。

好了,今天就到这儿吧,小伙伴们点赞、收藏、评论,一键三连走起呀,下期见~~

基于SpringBoot+Vue前后端分离的仿小米商城完整源码+数据库+项目说明(秒杀功能、前后端).zip 【1】项目代码完整且功能都验证ok,确保稳定可靠运行后才上传。欢迎下载使用!在使用过程中,如有问题或建议,请及时私信沟通,帮助解答。 【2】项目主要针对各个计算机相关专业,包括计科、信息安全、数据科学与大数据技术、人工智能、通信、物联网等领域的在校学生、专业教师或企业员工使用。 【3】项目具有较高的学习借鉴价值,不仅适用于小白学习入门进阶。也可作为毕设项目、课程设计、大作业、初期项目立项演示等。 【4】如果基础还行,或热爱钻研,可基于此项目进行二次开发,DIY其他不同功能,欢迎交流学习。 【备注】 项目下载解压后,项目名字和项目路径不要用中文,否则可能会出现解析不了的错误,建议解压重命名为英文名字后再运行!有问题私信沟通,祝顺利! 后端使用SpringBoot框架实现的一个仿小米商城。 项目简介 本项目前后端分离,前端基于`Vue`+`Vue-router`+`Vuex`+`Element-ui`+`Axios`,参考小米商城实现。后端基于`SpringBoot` +`Redis`+ `RabbitMQ` + `MySQL`实现。 实现了**用户注册与登录**,**商城首页展示**,**商品分类展示**,**商品详情页**,**购物车**,**订单结算**,**我的收藏**等功能。 并在原作者的基础上添加了**商品秒杀**部分。 **后端接口全部采用Resultful风格,因此前端接口以及部分内容也有修改。** 项目已部署 仿小米商城: http://47.95.254.97:8080/ 技术栈 - **前端:**`Vue`+`Vue-router`+`Vuex`+`Element-ui`+`Axios` - **后端:**`SpringBoot` +`Redis`+ `RabbitMQ` - **数据库:**`Mysql` 功能实现 - [x] 用户注册与登录 - [x] 商品首页展示 - [x] 商品分类列表展示 - [x] 商品详情页 - [x] 购物车 - [x] 订单结算 - [x] 我的收藏 - [ ] 我的地址 - [x] 秒杀商品 - [ ] 商品支付 运行项目 **前端运行** ``` 1. csdn下载项目 解压重命名为英文 2. Project setup cd vue-store npm install 3. Compiles and hot-reloads for development npm run serve 4. Compiles and minifies for production npm run build ``` **后端运行** ``` 1. 修改application.yml文件中的mysql、redis、rabbitmq的地址 2. 运行SpringBoot项目 ```
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值