SpringBoot+thymeleaf怎么实现读取视频列表并播放视频功能

这篇文章主要介绍了SpringBoot+thymeleaf怎么实现读取视频列表并播放视频功能的相关知识，内容详细易懂，操作简单快捷，具有一定借鉴价值，相信大家阅读完这篇SpringBoot+thymeleaf怎么实现读取视频列表并播放视频功能文章都会有所收获，下面我们一起来看看吧。

效果

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;@Controllerpublic 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 */@Servicepublic 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 */@Repositorypublic 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

                select filepath from video where id=#{id}                    select id,filename,filepath from video    

6. video数据库表结构

前端程序示例

前端需引入thymeleaf、bootstrap等

1. videorecord.html

               
                                                
                                
                                        
视频管理
                                        
                                                
                                                                                                                
                                                                
                                                                        
视频记录
                                                                                                                                        
                                                                
                                                                        
                                                                                
                                                                                                                                                                                
                                                                                                视频文件名                                                                                        
                                                                                        
                                                                                                操作                                                                                        
                                                                                
                                                                                
                                                                                                                                                                                
                                                                                                                                                                                        
                                                                                        
                                                                                                播放                                                                                                 下载                                                                                         
                                                                                
                                                                        
                                                                        
                                                                                                                                                        
                                                                
                                                        
                                                                                                        
                                        
                                
                        
                                        

2. videoshow.html

            
                                                
                                
                                        
播放视频示例
                                                        
                                                                        
                                                                        
                                        当前播放视频：                                                                        
                                                                        
                                                                
                                        
                                                                                                                
                                                                
                                                                
                                                                        
                                                                                
                                                                                        
                                                                                                XXXXXXXXXXXXXXXXXXXXXXXXXXXXXX                                            
                                                                                        
                                                                                                                                                                                                                                                                                        
                                                                                        
                                                                                                XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX                                            
                                                                                
                                                                        
                                                                        
                                                                        
                                    
                                    
                                
                                                        
                                                
                                        
                                
                        
                                        

关于"SpringBoot+thymeleaf怎么实现读取视频列表并播放视频功能"这篇文章的内容就介绍到这里，感谢各位的阅读！相信大家对"SpringBoot+thymeleaf怎么实现读取视频列表并播放视频功能"知识都有一定的了解，大家如果还想学习更多知识，欢迎关注行业资讯频道。