前端:

这套系统是基于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'

image.png