前端:
这套系统是基于Vue3框架开发。视频播放器使用的是video.js,前端UI框架是bootstrap5。因为我主要是后端开发,对于前端可能不太熟悉,具体的代码规范可能不太了解,希望大佬们手下留情。写该系统单纯只是为了练手。
该源码只供学习,如果用作其他用途,自行承担责任。
对于自适应方面,写得比较垃圾,使用了bootstrap的表格布局,还有一些媒体查询,实现的自适应。
相关配置:
相关配置在main.js中可以修改
后端:
后端基于jdk8和spring Boot框架开发,因为测试所以简单的做了一个接口类。
主要功能:
设置多个解析接口,轮询方式解析,当发现接口不可用则跳到下一个接口
防跨站配置
因为只是简单的一个小例子,该接口还有很多地方待完善
相关配置可以在application.yml中配置
sysconfig:
# 解析接口配置(可以配置多个,根据返回json中的code判断是否解析成功)
list:
- 'http://localhost:8081/?url='
- 'http://localhost:8082/?url='
# 跨站设置(因为配置了CorsFilter,所以需要将使用接口的网站添加至webList,否则无法请求)
webList:
- 'http://jx.02ka.top'
- 'http://localhost:8080'