【有源码】在线视频教育平台系统+SpringBoot+VUE+前后端分离
学弟,学妹好,我是爱学习的学姐,今天带来一款优秀的项目:在线视频教育平台。 本文介绍了系统功能与部署安装步骤,如果您有任何问题,也请联系学姐,偶现在是经验丰富的程序员!
一. 系统演示
管理后台-截图


前端-截图

视频演示
https://githubs.xyz/show/320.mp4
二. 系统概述
【 管理后台功能概述 】
- 个人中心管理
- 教师管理
- 课程信息管理
- 课程类型管理
- 订单管理
- 我的收藏管理
- 订单管理
【 前端功能概述 】
- 课程信息展示与购买
- 课程视频播放
- 购物车
- 我的订单
- 个人中心
- 个人中心-充值
- 客服
技术栈
后端 : JDK8 , SpringBoot , SpringMVC , Mybatis , MySQL8
前端:VUE , html , css , js
SQL文件与全部源码我已整理清楚,移步获取:
gitee( 典 ) C 〇 M/hadluo/spirngboot_shipingjiaoyu.git
三. 文档截图

四. 数据库表导入
用工具navicat连接好数据库。
双击打开数据库连接(你的名字可能不叫本地,是你自己连接时候取名的), 然后 新建查询,下面会弹出执行sql的窗口。

用记事本打开数据库sql文件,全部复制,粘贴到 sql执行窗口内部:

按下Ctrl+A 全选sql内容, 然后右键,"运行已选择的" , 此时,下面控制台就会打印sql执行。
等执行完成后,数据库和表就创建好了,右键左边的表,然后刷新 , 表就会出来。

五. 项目代码导入IDEA并启动
首先我们需要导入后端项目到IDEA,导入成功后, 等待编译完成,修改yml配置文件, 把数据库连接信息修改成你的。

找到我们的main启动类: com.SpringbootSchemaApplication ,在右边代码部分,右键run .. , 出现 8080 则代表启动成功。

六. 系统访问
浏览器打开访问后台:
http://localhost:8080/springbooth7te4/admin/dist/index.html
管理员 abo 密码 abo
前端地址:
http://localhost:8080/springbooth7te4/front/index.html
【有源码】在线视频教育平台系统+SpringBoot+VUE+前后端分离的更多相关文章
- SpringBoot+Vue前后端分离,使用SpringSecurity完美处理权限问题
原文链接:https://segmentfault.com/a/1190000012879279 当前后端分离时,权限问题的处理也和我们传统的处理方式有一点差异.笔者前几天刚好在负责一个项目的权限管理 ...
- Springboot+vue前后端分离项目,poi导出excel提供用户下载的解决方案
因为我们做的是前后端分离项目 无法采用response.write直接将文件流写出 我们采用阿里云oss 进行保存 再返回的结果对象里面保存我们的文件地址 废话不多说,上代码 Springboot 第 ...
- SpringBoot+Vue前后端分离项目,在过滤器取值为Null
SpringBoot+Vue前后端分离项目,在过滤器取值为Null 是因为SessionID的问题,因为axios每次的请求都是一次新的sessionId,所以只需要在main.js下配置如下 axi ...
- Jeecg-Boot 2.0 版本发布,基于Springboot+Vue 前后端分离快速开发平台
目录 Jeecg-Boot项目简介 源码下载 升级日志 Issues解决 v1.1升级到v2.0不兼容地方 系统截图 Jeecg-Boot项目简介 Jeecg-boot 是一款基于代码生成器的智能开发 ...
- SpringBoot,Vue前后端分离开发首秀
需求:读取数据库的数据展现到前端页面 技术栈:后端有主要有SpringBoot,lombok,SpringData JPA,Swagger,跨域,前端有Vue和axios 不了解这些技术的可以去入门一 ...
- SpringBoot+Vue前后端分离项目,maven package自动打包整合
起因:看过Dubbo管控台的都知道,人家是个前后端分离的项目,可是一条打包命令能让两个项目整合在一起,我早想这样玩玩了. 1. 建立个maven父项目 next 这个作为父工程,next Finish ...
- SpringBoot +Vue 前后端分离实例
今天下了Vue,想试一试前后端分离的实现,没想到坑还不少,这里就记录一下我遇到的坑和我的代码: 一.Vue的下载安装:从网上找就好了,没什么问题,除了下载以后,要把镜像库改成淘宝的,要不然太慢了. 二 ...
- springboot+vue前后端分离,nginx代理配置 tomcat 部署war包详细配置
1.做一个小系统,使用了springboot+vue 基础框架参考这哥们的,直接拿过来用,链接https://github.com/smallsnail-wh/interest 前期的开发环境搭建就不 ...
- SpringBoot+Vue前后端分离,使用SpringSecurity完美处理权限问题(一)
当前后端分离时,权限问题的处理也和我们传统的处理方式有一点差异. 笔者前几天刚好在负责一个项目的权限管理模块,现在权限管理模块已经做完了,我想通过5-6篇文章,来介绍一下项目中遇到的问题以及我的解决方 ...
- Nginx+Springboot+Vue 前后端分离 解决跨域问题
1:前端vue 写完 打包 npm run build prod 2: 后端api 写完打包 springboot mvn package -Dmaven.test.skip=true 3: ngin ...
随机推荐
- 企业级的API网关,兼容多种服务注册与发现中心
RestCloud API网关可由API网关完成各种协议的路由透传功能,再配合API服务编排平台和消息中间件模块即可完全替换原来笨重且为单体架构的ESB企业服务总线系统.并且支持多租户能力,可实现不同 ...
- babylon.js 学习笔记(6)
接上回继续,今天继续捣腾动画,上一节咱们让汽车的轮子动了起来,回顾一下核心代码: //轮子转动 const wheelAnimation = (scene, wheels) => { //定义一 ...
- 有了WriteRightly 这个AI神器,大学里的混子导师可以失业了
有了这个AI论文神器,大学里的"混子导师"都可以失业了 七月毕业季.同学们不是在毕业旅行就是已经准备新工作了. 而我研三的表弟,学计算机的,却仍然在图书馆改毕业论文.一周前我舅,也 ...
- 只狼解包、数据研究、MOD制作、开发者菜单以及AI机制的简单介绍
https://www.bilibili.com/video/BV1rf4y1h7QZ/?spm_id_from=333.788&vd_source=106601ca71b1d910c1ac4 ...
- js reduce函数基本知识和应用
javascript中,使用forEach map遍历数组比较多 reduce函数平时用的比较少 const str = '12' const obj = {} Array.from(str).r ...
- 3000 台 JuiceFS Windows 客户端性能评估
近期,我们在云端渲染场景中,对 100 至 3000 节点的 JuiceFS Windows 客户端进行了性能测试.测试内容为渲染前置任务,即在渲染任务之前执行所有存储相关操作. 与实际使用场景相比, ...
- 在.NetCore中 DDD中基于mediatr实现领域事件并结合EFCore进行二次封装
[源代码地址https://github.com/junkai-li/NetCoreKevin]基于NET6搭建跨平台WebApi架构支持单点登录.多缓存.自动任务.分布式.多租户.日志.授权和鉴权 ...
- 树的重心 && 换根dp 学习笔记
定义 无根树中满足删除该节点后最大连通块节点数最小的节点,其特性使得生成的子树规模最为均衡 简单来说就是找到一个节点,将这个节点设为根节点,使得每个节点到根节点距离的总和最小 树的重心不可能超过两个 ...
- .net 8项目通过Autofac获取程序集服务并注册
首先新建一个AutofacModuleRegister类并继承Autofac.Module. public class AutofacModuleRegister : Autofac.Module { ...
- LeetCode----Python 基础知识
0 python 基础知识 0.1 深拷贝.浅拷贝 在 Python 中,复制一个对象有两种方式:浅拷贝和深拷贝. 浅拷贝(Shallow Copy) 浅拷贝是指创建一个新的对象,但只复制原始对象中的 ...