基于Java+SpringBoot+Vue前后端分离电商项目【小米商城】

luckyPian

已于 2023-11-07 20:46:37 修改

阅读量1.7k

点赞数 12

分类专栏：毕业设计文章标签： java spring boot vue.js

于 2023-08-01 21:22:51 首次发布

pian

本文链接：https://blog.csdn.net/qq_45063232/article/details/132050406

版权

毕业设计专栏收录该内容

1 篇文章 2 订阅

订阅专栏

晚间lucky为友友们送福利啦~🎁

Tips：有需要毕业设计指导的童鞋一定要认真看哦，文末有彩蛋。

一.项目介绍

该电商项目是一个简单、入门级的电商项目，是基于Java+SpringBoot+Vue前后端分离项目。前端采用两套独立的系统分别完成项目管理和用户使用界面。采用主流Vue全家桶技术，结合axios完成前端页面的搭建和渲染。后端采用SpringBoot完成各个模块的开发，各模块之间相互独立，互不影响，极大的降低了模块之间的耦合。

二.主要技术

前端技术

Vue + Vuex + Axios + Vue-router（Vue全家桶技术）
layui

后端技术

SpringBoot2.3.9
MyBatis-plus
Redis4.0+(看个人要求，可用可不用)

2.1Browser/Server模式

系统采用Browser/Server简称B/S，浏览器/服务器模式开发。该模式主要优势在于客户端不需要安转其他软件，只要有浏览器即可轻松访问。B/S架构模式大致可分为三个阶段：客户端浏览器、Web服务器，数据库服务器。客户端浏览器主要给用户展示数据、Web服务器主要用于接受用户的请求资源和返回用户所需要的数据、数据库服务器主要存储用户和网站中所产生的数据。
在这里插入图片描述

优点：
1、跨平台性。针对不同操作系统，只需要开发一套服务端系统即可。
2、开发量小。只需开发一套服务端，不需要客户端（浏览器）。
3、当服务端升级更新时，客户端不受任何影响。

2.2 SpringBoot框架

SpringBoot框架是基于Spring4.0框架，在Spring框架的基础上对其进行优化，摒弃了Spring框架繁琐的配置管理，采用单一配置方式对其进行配置管理。SpringBootSpringMVC【View（视图）、Model（模型）、Controller（控制器）】实现了浏览器与服务器之间的数据传输。

在这里插入图片描述

2.3 MyBatis

MyBatis原名iBatis，最先是由Apache基金会研发的用于解决原生技术对数据库进行繁琐操作的一款持久层框架。2010年被google公司维护，改为MyBatis。该技术消除了传统JDBC操作数据库带来的代码冗余。Mybatis框架采用XML文件和注解的方式，将SQL语句与逻辑事务进行分离，使用灵活，便捷且易操作，SpringBoot框架对MyBatis框架做了进一步集成，使MyBatis框架在SpringBoot框架中用于更加方便。基于MyBatis上述种种特点，本系统采用MyBatis框架作为系统的持久层，完成对数据库的操作。

2.4 Vue

Vue官网

Vue是一款渐进式JavaScript框架。Vue重在关注页面的渲染，将页面，数据，样式等分离出来，使开发者更加方便、快速的开发需求的页面，同时，Vue还提供了许多第三方样式库供开发者使用，极大的降低了前段页面开发的时间，提高了开发效率。开发者只需根据自己的业务，在第三方库中寻找适合自己业务需要的样式，通过请求后端接口将数据渲染到页面即可。因此，本系统采用Vue框架作为该系统构建前段页面和页面渲染的前段技术。

2.5 数据库

瑞典的MySQLAB公司于1995年5月发行MySQL第一个内部发行版，后来被Oracle公司收购，现由Oracle公司进行开发和维护。该数据库可运行在几乎所能用到的所有操作系统，提供了多种API供不同操作系统调用。支持行锁，支持数据库事务，支持多线程，还提供了许多连接方式：TCP/IP、ODBC、JDBC，支持多种存储引擎：InnoDB、MyISAM。支持事务管理，支持行级锁和表级锁。与其他数据库相比有着明显的优越性。因此本系统采用MySQL8.0作为该系统的数据存储系统。

三.功能介绍

前台功能
用户登录：系统基本功能，用户登录系统才可对商品进行操作。
用户注册：新用户可注册账号登录系统。
商品管理：用户根据商品名称、商品分类查询商品详情。
商品收藏：用户可对喜欢的商品进行收藏，在收藏列表中进行查看。
加购物车：用户可对待买商品加入购物车，在购物车列表统一下单购买。
订单管理：用户对已买进行查询。