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

先看效果图
Spring Cloud+Vue前后端分离开发在线教育系统_第1张图片
Spring Cloud+Vue前后端分离开发在线教育系统_第2张图片
Spring Cloud+Vue前后端分离开发在线教育系统_第3张图片
Spring Cloud+Vue前后端分离开发在线教育系统_第4张图片

Spring Cloud+Vue前后端分离开发在线教育系统_第5张图片
Spring Cloud+Vue前后端分离开发在线教育系统_第6张图片
Spring Cloud+Vue前后端分离开发在线教育系统_第7张图片
Spring Cloud+Vue前后端分离开发在线教育系统_第8张图片
Spring Cloud+Vue前后端分离开发在线教育系统_第9张图片
Spring Cloud+Vue前后端分离开发在线教育系统_第10张图片
Spring Cloud+Vue前后端分离开发在线教育系统_第11张图片
Spring Cloud+Vue前后端分离开发在线教育系统_第12张图片

新增页面:
Spring Cloud+Vue前后端分离开发在线教育系统_第13张图片
编辑页面:
Spring Cloud+Vue前后端分离开发在线教育系统_第14张图片
内容页面:
Spring Cloud+Vue前后端分离开发在线教育系统_第15张图片
Spring Cloud+Vue前后端分离开发在线教育系统_第16张图片

排序:
Spring Cloud+Vue前后端分离开发在线教育系统_第17张图片
点击大章后进入:
Spring Cloud+Vue前后端分离开发在线教育系统_第18张图片

点击小节后:
Spring Cloud+Vue前后端分离开发在线教育系统_第19张图片
Spring Cloud+Vue前后端分离开发在线教育系统_第20张图片
Spring Cloud+Vue前后端分离开发在线教育系统_第21张图片


Spring Cloud+Vue前后端分离开发在线教育系统_第22张图片

Spring Cloud+Vue前后端分离开发在线教育系统_第23张图片
前端页面:
Spring Cloud+Vue前后端分离开发在线教育系统_第24张图片

Spring Cloud+Vue前后端分离开发在线教育系统_第25张图片
Spring Cloud+Vue前后端分离开发在线教育系统_第26张图片

Spring Cloud+Vue前后端分离开发在线教育系统_第27张图片

Spring Cloud+Vue前后端分离开发在线教育系统_第28张图片

Spring Cloud+Vue前后端分离开发在线教育系统_第29张图片

Spring Cloud+Vue前后端分离开发在线教育系统_第30张图片
第一步是配置MAVEN的阿里云镜像,一定要配置,不然下载不了依赖,很多依赖服务器是国外的,阿里获得授权可以为你提供下载服务。我们一般都是maven3,如果你用2,同样的方式在maven2里面配置即可。

Spring Cloud+Vue前后端分离开发在线教育系统_第31张图片

用笔记本打开它也行,我推荐vs,看起来划分清晰很多。
Spring Cloud+Vue前后端分离开发在线教育系统_第32张图片

Spring Cloud+Vue前后端分离开发在线教育系统_第33张图片

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

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

Spring Cloud+Vue前后端分离开发在线教育系统_第35张图片
第二步,安装mysql8.0以上的版本,安装navicat 15,安装node.js(这个做给vue运行环境,安装了就行,不用配置),版本最新也可以的。
Spring Cloud+Vue前后端分离开发在线教育系统_第36张图片

navicat连接上数据库后设立数据库名称:course ,账号root 密码123456,即可。
Spring Cloud+Vue前后端分离开发在线教育系统_第37张图片
Spring Cloud+Vue前后端分离开发在线教育系统_第38张图片
redis你直接下载我的,解压随便放哪里都无所谓,打开exe运行窗口不管他就可以了。

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

Spring Cloud+Vue前后端分离开发在线教育系统_第39张图片
Spring Cloud+Vue前后端分离开发在线教育系统_第40张图片
所有日志的位置我都放这里,你不喜欢可以改了,不过每个maven模块都有日志输出位置,你把输出位置都改了就行。
Spring Cloud+Vue前后端分离开发在线教育系统_第41张图片
所有修改内容无非就是改改路径,修改添加一个数据库和新增数据库用户的账号密码就可以直接用了,运行全部功能都可以用的。按照配置说明搞,就一定能运行并且正常使用。

至于vue的各种依赖下载好了,打开admin的文件,下载需要的东西,
Spring Cloud+Vue前后端分离开发在线教育系统_第42张图片

Spring Cloud+Vue前后端分离开发在线教育系统_第43张图片
Spring Cloud+Vue前后端分离开发在线教育系统_第44张图片
注意,按照那个模糊的照片,右键,点击show npm script就出现两个框框了。
最后,把这个七个东西全部启动,先启动eurekaapplication这个,在启动其他的,

Spring Cloud+Vue前后端分离开发在线教育系统_第45张图片
会出现这个东西:
Spring Cloud+Vue前后端分离开发在线教育系统_第46张图片

Spring Cloud+Vue前后端分离开发在线教育系统_第47张图片
点击就会在浏览器访问所有内容了。

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

你可能感兴趣的:(spring,boot,spring,could实战,springcloud在线教育,springboot在线教育,Vue,java项目,在线教育系统)