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

分享到

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

java 来源：互联网作者：酷站发布时间：2022-04-16 19:57:57 人浏览

摘要

通过读取数据库video表获取当前视频的视频名、视频地址，展示至前端页面videorecord.html，通过点击播放按钮获取数据id进而得到所选视频地址，跳转播放视频显示页videoshow.html，播放所选

通过读取数据库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<Video> videoRecord = new PageInfo<>(paramoduleService.findvideorecord());

model.addAttribute("videorecord", videoRecord);

return "angle/videorecord";

}

// 查出视频地址

@RequestMapping("/angle/findvideo")

public String findvideo(String id, String filenamev, Model model){

System.out.println(id);

String videopath = paramoduleService.findvideo(id);

System.out.println(videopath);

model.addAttribute("videourl",videopath);

model.addAttribute("videoname",filenamev);

return "angle/videoshow";

}

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<Video> findvideorecord();

}

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<Video> findvideorecord(){

return paramoduleDao.findvideorecord();

}

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<Video> findvideorecord();

}

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

<?xml version="1.0" encoding="UTF-8" ?>

<!DOCTYPE mapper

PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN"

"http://mybatis.org/dtd/mybatis-3-mapper.dtd">

select filepath from video where id=#{id}

</select>

select id,filename,filepath from video

</select>

</mapper>

6. video数据库表结构

前端程序示例

前端需引入thymeleaf、bootstrap等

1. videorecord.html

</div>

</td>

视频文件名

</td>

操作

</td>

</tr>

</td>

</td>

</td>

</tr>

</table>

</div>

</div>

</div>

2. videoshow.html

<h3 class="page-title">播放视频示例</h3>

<a ><span>当前播放视频：</span><span style="color: #0f0f0f" th:text="${videoname}"></span></a>

</div>

<td>

XXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

</td>

您的浏览器不支持 HTML5 video 标签。

</video>

</td>

<td>

XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

</td>

</tr>

</table>

</div>

<div>

</div>

</div>

您可能感兴趣的文章 :

原文链接 : https://blog.csdn.net/cjw12581/article/details/124182359

Tag : SpringBoot(80)

SpringBoot自定义错误处理逻辑介绍

1. 自定义错误页面将自定义错误页面放在 templates 的 error 文件夹下，SpringBoot 精确匹配错误信息，使用 4xx.html 或者 5xx.html 页面可以打印错误
Java实现手写一个线程池的代码

线程池技术想必大家都不陌生把，相信在平时的工作中没有少用，而且这也是面试频率非常高的一个知识点，那么大家知道它的实现原理和
Java实现断点续传功能的代码

题目实现：网络资源的断点续传功能。二、解题思路获取要下载的资源网址显示网络资源的大小上次读取到的字节位置以及未读取的字节
你可知HashMap为什么是线程不安全的

HashMap 的线程不安全 HashMap 的线程不安全主要体现在下面两个方面在 jdk 1.7 中，当并发执行扩容操作时会造成环形链和数据丢失的情况在
ArrayList的动态扩容机制的介绍

对于 ArrayList 的动态扩容机制想必大家都听说过，之前的文章中也谈到过，不过由于时间久远，早已忘却。所以利用这篇文章做做笔记，加
JVM基础之字节码的增强技术介绍

字节码增强技术在上文中，着重介绍了字节码的结构，这为我们了解字节码增强技术的实现打下了基础。字节码增强技术就是一类对现有字
Java中的字节码增强技术

1.字节码增强技术字节码增强技术就是一类对现有字节码进行修改或者动态生成全新字节码文件的技术。参考地址 2.常见技术技术分类类
Redis BloomFilter布隆过滤器原理与实现

Bloom Filter 概念布隆过滤器（英语：Bloom Filter）是1970年由一个叫布隆的小伙子提出的。它实际上是一个很长的二进制向量和一系列随机映射
Java C++算法题解leetcode801使序列递增的最小交换次

题目要求思路：状态机DP 实现一：状态机 Java 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 class Solution { public int minSwap(int[] nums1, int[] nums2) { int n
Mybatis结果集映射与生命周期介绍

一、ResultMap结果集映射 1、设计思想对简单的语句做到零配置，对于复杂一点的语句，只需要描述语句之间的关系就行了 2、resultMap的应用场