springboot thymeleaf 实现读取视频列表并播放视频功能-亚博电竞手机版

目录

• 效果
• 实现过程
• 后端程序示例
• 前端程序示例

通过读取数据库video表获取当前视频的视频名、视频地址，展示至前端页面videorecord.html，通过点击播放按钮获取数据id进而得到所选视频地址，跳转播放视频显示页videoshow.html，播放所选视频。当然本案例只是为了展示主要的一些功能，其他比如跳转、页面布局美化等可以自行进行更改。

效果

springboot播放视频

实现过程

后端程序示例

1. controller层示例

返回数据库数据时，使用了pagehelp当中的pageinfo，为了后期扩展分页功能，正常写法返回值类型应为实体类video.

package com.dvms.controller; /* *文件名: videocontroller *创建者: cjw *创建时间:2022/4/14 16:40 *描述: todo */ import com.dvms.entity.video; import com.dvms.service.paramoduleservice; import com.github.pagehelper.pageinfo; import org.springframework.beans.factory.annotation.autowired; import org.springframework.stereotype.controller; import org.springframework.ui.model; import org.springframework.web.bind.annotation.requestmapping; @controller public class videocontroller { @autowired private paramoduleservice paramoduleservice; //查出记录 @requestmapping("/angle/findvideorecord") public string findvideorecords(model model){ system.out.println(paramoduleservice.findvideorecord()); pageinfo

2. service层

package com.dvms.service; import com.dvms.entity.record; import com.dvms.entity.video; import java.util.list; import java.util.map; /* *文件名: paramoduleservice *创建者: cjw *创建时间:2022/1/15 10:54 *描述: todo */ public interface paramoduleservice { string findvideo(string id); list

3. serviceimpl层

package com.dvms.service.impl; import com.dvms.dao.paramoduledao; import com.dvms.entity.record; import com.dvms.entity.video; import com.dvms.service.paramoduleservice; import org.springframework.beans.factory.annotation.autowired; import org.springframework.stereotype.service; import java.util.list; import java.util.map; /* *文件名: paramoduleserviceimpl *创建者: cjw *创建时间:2022/1/15 10:55 *描述: todo */ @service public class paramoduleserviceimpl implements paramoduleservice { @autowired private paramoduledao paramoduledao; //查出视频文件地址 @override public string findvideo(string id){ return paramoduledao.findvideo(id); } //查出视频记录 @override public list

4. dao(mapper)层

package com.dvms.dao; import com.dvms.entity.record; import com.dvms.entity.video; import org.springframework.stereotype.repository; import java.util.list; import java.util.map; /* *文件名: paramoduledao *创建者: cjw *创建时间:2022/1/15 10:52 *描述: todo */ @repository public interface paramoduledao { string findvideo(string id); list

4. entity(pojo)层

package com.dvms.entity; /* *文件名: video *创建者: cjw *创建时间:2022/4/14 16:17 *描述: todo */ import lombok.allargsconstructor; import lombok.data; import lombok.noargsconstructor; import lombok.tostring; import lombok.experimental.accessors; @data @tostring @allargsconstructor @noargsconstructor @accessors(chain = true) //链式调用 public class video { private string id; private string filename; private string filepath; }

5. daomapper.xml

6. video数据库表结构

前端程序示例

前端需引入thymeleaf、bootstrap等

1. videhttp://www.cppcns.comorecord.html

2. videoshow.html

到此这篇关于springboot thymeleaf 实现读取视频列表并播放视频的文章就介绍到这了,更多相关springboot thymeleaf 视频内容请搜索我们以前的文章或继续浏览下面的相关文章希望大家以后多多支持我们！