当前位置:首页 > 源码 > 正文

Vue的橘子视频解析系统源码

基于Vue的Spring Boot的橘子视频解析系统

前端

这套系统是基于Vue3框架开发。视频播放器使用的是video.js,前端UI框架是bootstrap5。因为我主要是后端开发,对于前端可能不太熟悉,具体的代码规范可能不太了解,希望大佬们手下留情。写该系统单纯只是为了练手。

该源码只供学习,如果用作其他用途,自行承担责任。

对于自适应方面,写得比较垃圾,使用了bootstrap的表格布局,还有一些媒体查询,实现的自适应。

相关配置:

相关配置在main.js中可以修改

展示图:

Vue的橘子视频解析系统源码  第1张

Vue的橘子视频解析系统源码  第2张

Vue的橘子视频解析系统源码  第3张

后端

后端基于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'

 附件下载
 售价:0 土豆币
 附件1
Vue的橘子视频解析系统源码
56.6M
PHP
蓝奏云

0
您需要 登录账户 后才能发表评论

发表评论