Spring Cloud+Vue前后端分离开发在线教育系统

先看效果图
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

新增页面:
在这里插入图片描述
编辑页面:
在这里插入图片描述
内容页面:
在这里插入图片描述
在这里插入图片描述

排序:
在这里插入图片描述
点击大章后进入:
在这里插入图片描述

点击小节后:
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

在这里插入图片描述
在这里插入图片描述

在这里插入图片描述
前端页面:
在这里插入图片描述

在这里插入图片描述
在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述
第一步是配置MAVEN的阿里云镜像,一定要配置,不然下载不了依赖,很多依赖服务器是国外的,阿里获得授权可以为你提供下载服务。我们一般都是maven3,如果你用2,同样的方式在maven2里面配置即可。

在这里插入图片描述

用笔记本打开它也行,我推荐vs,看起来划分清晰很多。
在这里插入图片描述

在这里插入图片描述

首先是依赖下载的地址,如果你以前没配置过一般都是自动配置在C盘,时间久了很大的,我建议你配置在别的盘,不影响你开发。配置好后打开,idea会自动重新下载所有依赖的,耐心等待idea加载就好,用国内镜像很快。我配置的地址:
F:/VULCAN/.m2/repository
在这里插入图片描述
注意实在mirros里面配置镜像。而且你可以配置多个。一个下载不了用另一个,主要从阿里下载。

alimaven
aliyun maven
http://maven.aliyun.com/nexus/content/groups/public/
central

在这里插入图片描述
第二步,安装mysql8.0以上的版本,安装navicat 15,安装node.js(这个做给vue运行环境,安装了就行,不用配置),版本最新也可以的。
在这里插入图片描述

navicat连接上数据库后设立数据库名称:course ,账号root 密码123456,即可。
在这里插入图片描述
在这里插入图片描述
redis你直接下载我的,解压随便放哪里都无所谓,打开exe运行窗口不管他就可以了。

里面的照片路径我同一放F盘,你可以自己去修改,包括log日志输出位置我都是放F的JAVA包,如果你不能用这个路径有冲突,改路径就可以了。

在这里插入图片描述
在这里插入图片描述
所有日志的位置我都放这里,你不喜欢可以改了,不过每个maven模块都有日志输出位置,你把输出位置都改了就行。
在这里插入图片描述
所有修改内容无非就是改改路径,修改添加一个数据库和新增数据库用户的账号密码就可以直接用了,运行全部功能都可以用的。按照配置说明搞,就一定能运行并且正常使用。

至于vue的各种依赖下载好了,打开admin的文件,下载需要的东西,
在这里插入图片描述

在这里插入图片描述
在这里插入图片描述
注意,按照那个模糊的照片,右键,点击show npm script就出现两个框框了。
最后,把这个七个东西全部启动,先启动eurekaapplication这个,在启动其他的,

在这里插入图片描述
会出现这个东西:
在这里插入图片描述

在这里插入图片描述
点击就会在浏览器访问所有内容了。

链接:https://pan.baidu.com/s/18xuhHX1i8OxKAhPzcwJiOA
提取码:6stz

  • 4
    点赞
  • 35
    收藏
    觉得还不错? 一键收藏
  • 13
    评论
本文介绍了一个基于Spring Boot、Spring CloudVue前后端分离项目实战。这个项目是一个简单的在线商城,包含了用户注册、登录、商品展示、购物车、订单管理等功能。通过这个项目,读者可以深入理解前后端分离的架构模式和互联网应用的开发方式。 首先,文章介绍了前后端分离的基本概念和优势。前后端分离是将应用的前端和后端代码分开来开发,使得前端和后端具有独立的开发周期和技术栈,进而提高了开发效率和代码质量。同时,前后端分离还可以提供更好的用户体验和灵活性,对于互联网应用来说尤为重要。 接下来,文章介绍了项目的架构和技术栈。项目采用了Spring Boot和Spring Cloud框架来实现后端代码,采用MyBatis作为ORM框架和Redis作为缓存中间件。同时,项目还采用了Vue.js作为前端框架和Element UI组件库来实现前端页面。通过这些开源框架和组件,可以快速搭建一个前后端分离的互联网应用。 然后,文章介绍了项目的核心功能和代码实现。在用户注册和登录方面,项目采用了Spring Security框架和JWT令牌来实现用户认证和授权,保证了用户信息的安全性。在商品展示和购物车方面,项目采用了Vue.js来实现前端页面和事件处理。在订单管理方面,项目采用了MyBatis Plus来实现订单数据的持久化和分页查询。 最后,文章介绍了项目的测试和优化。通过对项目的压力测试和性能测试,文章发现项目还存在一些性能瓶颈和安全隐患,可以通过优化数据库查询、缓存配置和代码实现来提高应用的性能和安全性。 总之,这篇文章介绍了一个基于Spring Boot、Spring CloudVue前后端分离项目实战,通过实现一个在线商城的功能,展示了前后端分离开发模式和互联网应用的开发技术栈。本文可以作为前后端分离开发的入门教程,也可以作为互联网应用开发的参考文档。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 13
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值