欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

SpringBoot + thymeleaf 實現(xiàn)讀取視頻列表并播放視頻功能

 更新時間：2022年04月16日 16:58:28   作者：豬耳朵*  
這篇文章主要介紹了SpringBoot + thymeleaf 實現(xiàn)讀取視頻列表并播放視頻功能,本文通過實例代碼給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下

通過讀取數(shù)據(jù)庫video表獲取當前視頻的視頻名、視頻地址，展示至前端頁面videorecord.html，通過點擊播放按鈕獲取數(shù)據(jù)id進而得到所選視頻地址，跳轉(zhuǎn)播放視頻顯示頁videoshow.html，播放所選視頻。當然本案例只是為了展示主要的一些功能，其他比如跳轉(zhuǎn)、頁面布局美化等可以自行進行更改。

效果

Springboot播放視頻

實現(xiàn)過程

后端程序示例

1. Controller層示例

返回數(shù)據(jù)庫數(shù)據(jù)時，使用了pagehelp當中的PageInfo，為了后期擴展分頁功能，正常寫法返回值類型應為實體類Video.

package com.dvms.controller;
/*
 *文件名: VideoController
 *創(chuàng)建者: CJW
 *創(chuàng)建時間: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
 *創(chuàng)建者: CJW
 *創(chuàng)建時間: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
 *創(chuàng)建者: CJW
 *創(chuàng)建時間: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
 *創(chuàng)建者: CJW
 *創(chuàng)建時間: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
 *創(chuàng)建者: CJW
 *創(chuàng)建時間: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) //鏈式調(diào)用

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">
<mapper namespace="com.dvms.dao.ParamoduleDao">

    <!--查詢存在視頻-->
    <select id="findvideo" resultType="String">
        select filepath from video where id=#{id}
    </select>

    <!--查詢存在視頻記錄-->
    <select id="findvideorecord" resultType="Video">
        select id,filename,filepath from video
    </select>

</mapper>

6. video數(shù)據(jù)庫表結(jié)構(gòu)

前端程序示例

前端需引入thymeleaf、bootstrap等

1. videorecord.html

		<div class="main col-md-9 ml-sm-auto col-lg-10 pt-3 px-4">
			<!-- MAIN CONTENT -->
			<div class="main-content">
				<div class="container-fluid">
					<h3 class="page-title">視頻管理</h3>
					<div class="row">
						<div class="col-md-15">
							<!-- BASIC TABLE -->
							<div class="panel">
								<div class="panel-heading">
									<div><h3 class="panel-title" style="color: #0f0f0f">視頻記錄</h3></div>
									<!--<hr style="color: #6ecadc">-->
								</div>
								<div class="panel-body">
									<table class="table table-bordered table-sm table-hover">
										<tr class="table_header" style="background-color: #009bc8;color: #0f0f0f">
											<td hidden>
												ID
											</td>
											<td class="text-center">
												視頻文件名
											</td>
											<td class="text-center">
												操作
											</td>
										</tr>
										<tr th:class="${rowstate.odd}?'row1':'row2'" th:each="video,rowstate:${videorecord.list}">
											<td hidden>
												<span th:text="${video.id}"></span>
											</td>

											<td class="text-center">
												<span th:text="${video.filename}"></span>
											</td>
											<td class="text-center">
												<a type="button" class="btn btn-info btn-xs" th:href="@{/angle/findvideo(id=${video.id},filenamev=${video.filename})}" rel="external nofollow" >播放</a>&nbsp;
												<a type="button" class="btn btn-info btn-xs" th:href="@{/angle/findvideo(id=${video.id})}" rel="external nofollow" >下載</a>&nbsp;

											</td>
										</tr>
									</table>
									<div class="modal-footer no-margin-top">
										
									</div>
								</div>
							</div>
							<!-- END CONDENSED TABLE -->
						</div>
					</div>
				</div>
			</div>
			<!-- END MAIN CONTENT -->
		</div>

2. videoshow.html

		<div class="main col-md-9 ml-sm-auto col-lg-10 pt-3 px-4">
			<!-- MAIN CONTENT -->
			<div class="main-content">
				<div class="container-fluid">
					<h3 class="page-title">播放視頻示例</h3>
							<div class="panel">
									<div class="panel-body">
									<div class="dropdown" >
                                        <a ><span>當前播放視頻：</span><span style="color: #0f0f0f" th:text="${videoname}"></span></a>

									</div>

									</div>
								</div>

					<div class="col-md-15">
							<!-- BASIC TABLE -->
							<div class="panel">
								<div class="panel-heading">
								<div class="panel-body">
									<table class="table  table-sm table-hover">
										<tr  style="background-color: #FEFFFD;color: #FEFFFD">

											<td>
												XXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
                                            </td>
											<td style="text-align: center">
												<!--<img th:src="${imageurl}">-->
												<video align="center"width="800" height="550" controls>
													<source th:src="${videourl}" type="video/mp4">
													您的瀏覽器不支持 HTML5 video 標簽。
												</video>
											</td>
											<td>
												XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
                                            </td>
										</tr>
									</table>
									<div class="modal-footer no-margin-top">
									</div>
                                    <div>
                                    </div>
                                </div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<!-- END MAIN CONTENT -->
		</div>

到此這篇關(guān)于SpringBoot + thymeleaf 實現(xiàn)讀取視頻列表并播放視頻的文章就介紹到這了,更多相關(guān)SpringBoot thymeleaf 視頻內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

相關(guān)文章

  • Java設計模式七大原則之迪米特法則詳解

    Java設計模式七大原則之迪米特法則詳解

    迪米特法則要求一個對象應該對其他對象有最少的了解，所以迪米特法則又叫做最少知識原則。本文將為大家詳細介紹Java設計模式七大原則之一的迪米特法則，需要的可以參考一下
    2022-02-02
  • MyBatis工廠類封裝與簡化實現(xiàn)

    MyBatis工廠類封裝與簡化實現(xiàn)

    工廠類的目的是將對象的創(chuàng)建邏輯封裝在一個類中,以便客戶端代碼無需了解具體的實現(xiàn)細節(jié),本文主要介紹了MyBatis工廠類封裝與簡化實現(xiàn),具有一定的參考價值,感興趣的可以了解一下
    2024-01-01
  • 使用Jackson-json解析一個嵌套的json字符串

    使用Jackson-json解析一個嵌套的json字符串

    這篇文章主要介紹了使用Jackson-json解析一個嵌套的json字符串，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
    2021-09-09
  • 從java反編譯及字節(jié)碼角度探索分析String拼接字符串效率

    從java反編譯及字節(jié)碼角度探索分析String拼接字符串效率

    這篇文章主要介紹了從java反編譯及字節(jié)碼角度探索分析String拼接字符串效率，有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪
    2023-12-12
  • Java 爬蟲工具Jsoup詳解

    Java 爬蟲工具Jsoup詳解

    這篇文章主要介紹了 Java 爬蟲工具Jsoup詳解的相關(guān)資料,需要的朋友可以參考下
    2017-05-05
  • java8?時間日期的使用與格式化示例代碼詳解

    java8?時間日期的使用與格式化示例代碼詳解

    這篇文章主要介紹了java8?時間日期的使用與格式化,本文通過示例代碼給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下
    2022-06-06
  • mybatis 運行時加載自定義mapper文件方式

    mybatis 運行時加載自定義mapper文件方式

    這篇文章主要介紹了mybatis 運行時加載自定義mapper文件方式，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
    2021-07-07
  • SpringBoot測試配置屬性與web啟動環(huán)境超詳細圖解

    SpringBoot測試配置屬性與web啟動環(huán)境超詳細圖解

    Web開發(fā)的核心內(nèi)容主要包括內(nèi)嵌的Servlet容器和SpringMVCSpringBoot使用起來非常簡潔，大部分配置都有SpringBoot自動裝配，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習吧
    2022-10-10
  • Spring動態(tài)加載bean后調(diào)用實現(xiàn)方法解析

    Spring動態(tài)加載bean后調(diào)用實現(xiàn)方法解析

    這篇文章主要介紹了Spring動態(tài)加載bean后調(diào)用實現(xiàn)方法解析,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下
    2019-08-08
  • JavaCV 拉流存儲到本地示例解析

    JavaCV 拉流存儲到本地示例解析

    這篇文章主要介紹了JavaCV 拉流存儲到本地示例解析,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪
    2023-08-08

最新評論