SSM+ckplayer.js实现web项目网页看视频

功能描述:

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

_____________________________________________________________________________________________________

 

_____________________________________________________________________________________________________SSM+ckplayer.js实现web项目网页看视频_第1张图片

_____________________________________________________________________________________________________

 

 

需要的资源:

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

需要的js文件:

ckplayer.js

 

项目环境:

JDK: 1.6

TOMCAT: 7.0

 

步骤:

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

src:

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

config:

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

css:

项目需要的css文件。

js:

项目需要的Js文件。

mp4:

项目的MP4资源文件。

_____________________________________________________________________________________________________

SSM+ckplayer.js实现web项目网页看视频_第2张图片

_____________________________________________________________________________________________________

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

_____________________________________________________________________________________________________

_____________________________________________________________________________________________________

 

Index.jsp:

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>





  

    视频搜索

  





    
 

   
                 
        视频搜索         
视频名:                  
                                
                    
    

 

 

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;



@Controller

public 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 "ckPlayer";

    }



}

 

3:编写视频页面ckPlayer.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>




Video.js 6.2.8




	Model:ckPlayer
videoname: ${videoname}

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

 

4:运行项目:

 

 

你可能感兴趣的:(SSM)