SSM+Flowplayer实现web项目网页看视频

功能描述:

用户在首页http://localhost:8080/SSM_HTTPS/,输入视频名,点击“走 你”按钮,跳转到视频页面,搜索符合你视频名的视频(本项目中只有两个视频,test和test2,没有加任何控制逻辑,后期若想增加操作课自行添加)

_____________________________________________________________________________________________________

 

_____________________________________________________________________________________________________

_____________________________________________________________________________________________________

 

 

需要的资源:

SSM框架需要的jar包;(不提供)

需要的js,css文件:

flowplayer-3.2.12.min.js ,favicon.ico ,jquery-1.8.3.js

 

项目环境:

JDK: 1.6

TOMCAT: 7.0

 

步骤:

1:搭建ssm框架:(自己随便百度,本项目简单,不适用数据库,只用到了控制器,业务逻辑注入部分已经注释,所以可以在任何电脑运行,不用修改,不会连接数据库,后面需要添加数据库时自己添加控制器的注入,XML配置已经配好了的,数据库连接自己在config里的db.properties修改Mysql连接)

src:

项目的java文件(本项目只用到了控制器)

config:

项目的配置文件,不用修改。

css:

项目需要的css文件。

js:

项目需要的Js文件。

mp4:

项目的MP4资源文件。

_____________________________________________________________________________________________________

_____________________________________________________________________________________________________

2:编写欢迎页面index.jsp,在web.xml添加为欢迎界面:

_____________________________________________________________________________________________________

_____________________________________________________________________________________________________

 

Index.jsp:

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html><head><title>视频搜索</title></head><body><!-- main begin--><div> <p><img src="${pageContext.request.contextPath}/images/img1.jpg" width="443" height="314" alt="" /></p></div><form action="login.action" method="post"><div class="login"><dl><dt class="blues">视频搜索</dt><dd><label for="name">视频名:</label><input type="text" name="videoname" class="inputh" value="${videoname}" id="name"/></dd><dd class="buttom"><input name="" type="submit" value="走 你" class="spbg buttombg f14 lf" /><div class="cl"></div></dd></dl></div></form></body></html>

 

 

3:编写控制器UserController.java

package com.qut.controller;import org.springframework.stereotype.Controller;import org.springframework.ui.Model;import org.springframework.web.bind.annotation.RequestMapping;import com.qut.pojo.VedioMsg;@Controllerpublic class UserController {//我就不注入了,没用到数据库//@Autowired// private UserService userService;@RequestMapping("/login")public String login(VedioMsg video , Model model){System.out.println("进入login:"+model);model.addAttribute("videoname",video.getVideoname());System.out.println("videoname:"+video.getVideoname());return "Flowplayer";}}

 

3:编写视频页面Flowplayer.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"pageEncoding="UTF-8"%>
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<script src="${pageContext.request.contextPath}/js/jquery-1.8.3.js"></script>
<%-- <script src="${pageContext.request.contextPath}/js/flowplayer.min.js"></script> --%>
<link rel="shortcut icon" href="http://flash.flowplayer.org/favicon.ico">  <script src="http://releases.flowplayer.org/js/flowplayer-3.2.12.min.js"></script>  
<title>Flowplayer</title><style>
body {background-color: white
}.m {width: 840px;height: 500px;margin-left: auto;margin-right: auto;margin-top: 100px;background-color: white
}
</style>
</head>
<body>Model:Flowplayer<br> videoname: ${videoname}<br><div class="m"><a href="${pageContext.request.contextPath}/mp4/${videoname}.mp4"    class="player"  style="display:block;width:625px;height:200px;"  id="player">  </a>  <script>flowplayer("player", "http://releases.flowplayer.org/swf/flowplayer-3.2.16.swf");</script></div></body>
</html>

——————————————————————————————————

 

4:运行项目:

 

 

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://xiahunao.cn/news/1620847.html

如若内容造成侵权/违法违规/事实不符,请联系瞎胡闹网进行投诉反馈,一经查实,立即删除!

相关文章

基于oracle数据库存储过程的创建及调用

基于oracle数据库存储过程的创建及调用 教学大纲&#xff1a; PLSQL编程&#xff1a;Hello World、程序结构、变量、流程控制、游标.存储过程&#xff1a;概念、无参存储、有参存储&#xff08;输入、输出&#xff09;.JAVA调用存储存储过程. 1. PLSQL编程 1.1. 概念和目的…

2.神经网络的实现

创建神经网络类 import numpy # scipy.special包含S函数expit(x) import scipy.special # 打包模块 import pickle# 激活函数 def activation_func(x):return scipy.special.expit(x)# 用于创建、 训练和查询3层神经网络 class neuralNetwork:# 初始化神经网络def __init__(se…

7.11 SpringBoot实战 全局异常处理 - 深入细节详解

文章目录 前言一、异常分类1.1 业务异常1.2 参数校验异常1.3 通用异常兜底 二、保留异常现场2.1 请求地址2.2 请求header2.3 请求参数body2.4 构建异常上下文消息 最后 前言 全局异常处理, 你真的学会了吗&#xff1f; 学完上文&#xff0c;你有思考和动手实践吗&#xff1f;…

苹果开源iOS和macOS内核源代码 | 十一献礼

没想到&#xff0c;国庆节这天醒来一看&#xff0c;素以“封闭”闻名的苹果公司&#xff0c;竟然在GitHub上公布了旗舰操作系统的XNU内核源代码。 XNU代表的含义是“XNU is Not Unix”&#xff08;XNU不是Unix&#xff09;&#xff0c;这是一个类似Unix的内核&#xff0c;用在各…

KSZ9897 switch以及官方驱动KSZ9897

使用KSZ9897来替换QCA8337N&#xff0c; 其中官方有针对imx8mm的驱动移植的patch代码&#xff0c;注意&#xff1a;其中已KSZ9477为git名字进行命名的。 KSZ9897&#xff0c;KSZ9477驱动 https://github.com/Microchip-Ethernet/EVB-KSZ9477.git 注意下面的配置&#xff1a;…

nyoj463

九九乘法表 时间限制&#xff1a; 1000 ms | 内存限制&#xff1a; 65535 KB 难度&#xff1a; 1 描述 小时候学过的九九乘法表也许将会扎根于我们一生的记忆,现在让我们重温那些温暖的记忆,请编程输出九九乘法表. 现在要求你输出它的格式与平常的 不同啊! 是那种反过来的三角…

高性能霍尔开关CH442PN与AKM EW-632的分析对比

意瑞的高性能霍尔锁存芯片CH442PN广泛应用于电动工具&#xff0c;工业风机&#xff0c;流量计等场合。在缺芯潮下&#xff0c;针对AKM EW632的一些需求&#xff0c;CH442PN也为广大客户提供了更多选择。 以下是两者的对比分析。 相较于EW632&#xff0c;CH442PN可以支持更宽的…

nyoj 311 和995

这两个题其实是一个解法 完全背包 时间限制&#xff1a; 3000 ms | 内存限制&#xff1a; 65535 KB 难度&#xff1a; 4 描述 直接说题意&#xff0c;完全背包定义有N种物品和一个容量为V的背包&#xff0c;每种物品都有无限件可用。第i种物品的体积是c&#xff0c;价值是w。…

comp9334-proj2

对本文有疑问可以加微信 Tutor_0914联系。也可以访问我的个人辅导网站 &#xff1a; tutoryou 解析 原文 COMP9334 Project, Term 1, 2022: Priority queueing for server farms Due Date: 5:00pm Friday 22 April 2022 Version 1.01, 20 March 2022 Updates to the projec…

AWR2243

TDA2xx-AWRx243 TI毫米波板&#xff08;代完善更新和作者的继续研究&#xff09; 1、安装mmwave studio和驱动&#xff08;链接&#xff1a; https://download.csdn.net/download/weixin_42501561/19775644 &#xff09; 2、设置网络端口IP地址&#xff08;如果不能更改路由器I…

Window基础命令

文章目录 查看哪些端口被禁用TCP协议删除开机启动项方案1方案2 查看哪些端口被禁用TCP协议 netsh interface ipv4 show excludedportrange protocoltcp删除开机启动项 方案1 列出所有启动项 bcdedit /enum仔细看你要删除的是哪一项&#xff08;看description&#xff09;&a…

Git企业开发控制理论和实操-从入门到深入(六)|多人协作开发

前言 那么这里博主先安利一些干货满满的专栏了&#xff01; 首先是博主的高质量博客的汇总&#xff0c;这个专栏里面的博客&#xff0c;都是博主最最用心写的一部分&#xff0c;干货满满&#xff0c;希望对大家有帮助。 高质量博客汇总 然后就是博主最近最花时间的一个专栏…

SpringBoot在IDEA里实现热部署

使用步骤 1.引入依赖 <!--devtools热部署--> <dependency><groupId>org.springframework.boot</groupId><artifactId>spring-boot-devtools</artifactId><optional>true</optional><scope>true</scope><versi…

Django基础6——数据模型关系

文章目录 一、基本了解二、一对一关系三、一对多关系3.1 增删改查3.2 案例&#xff1a;应用详情页3.2 案例&#xff1a;新建应用页 四、多对多关系4.1 增删改查4.2 案例&#xff1a;应用详情页4.3 案例&#xff1a;部署应用页 一、基本了解 常见数据模型关系&#xff1a; 一对一…

算法通过村第四关-栈青铜笔记|手写栈操作

文章目录 前言1. 栈的基础概要1.1 栈的特征1.2 栈的操作1.3 Java中的栈 2. 栈的实现&#xff08;手写栈&#xff09;2.1 基于数组实现2.2 基于链表实现2.3 基于LinkedList实现 总结 前言 提示&#xff1a;我自己一个人的感觉很好 我并不想要拥有你 除非你比我的独处更加宜人 --…

安利超实用的(cc协议)游戏3d模型素材网站

前方干货满满&#xff0c;建议先收藏再看哦&#xff01;为大家整理&#xff08;cc协议&#xff09;游戏3d模型素材&#xff0c;总有满足你需求的一款&#xff0c;除此之外&#xff0c;免费&#xff0c;资源质量好&#xff0c;一键打包下载&#xff0c;你还不心动吗&#xff1f;…

基于VHDL语言的汽车测速系统设计_kaic

摘 要 汽车是现代交通工具。车速是一项至关重要的指标。既影响着汽车运输的生产率,又关乎着汽车行驶有没有超速违章&#xff0c;还影响着汽车行驶时人们的人身安全。而伴随着我国国民的安全防范意识的逐步增强&#xff0c;人们也开始越来越关心因为汽车的超速而带来的极其严重…

在Adobe illustrator中创建线呼吸描记器

Spirographs look complex, but most of them aren’t that hard to create. As promised, here is a follow-up tutorial on how to create a spirograph, only this time it’s a different kind of spirograph than the one we’ve created before. We’ll create a line sp…

当前最强的免费AI画图、AI绘图工具-2

Midjourney比较贵&#xff0c;而且无法访问&#xff0c;Stable Diffusion部署起来很麻烦。网上有哪些可以直接在网页端或者下载的app可以实现AI画图的工具。我们整理了45个相关工具&#xff0c;这是系列2&#xff0c;收录到 当前最强的免费AI画图、AI绘图工具-2https://www.web…

AI绘画扩展安装

想问一下各位大佬&#xff0c;有没有懂这个的&#xff0c;能不能帮我解决一下这个是啥问题&#xff0c;一直安装不了&#xff0c;拜托了&#xff0c;万分感谢