SSM整合+视频网站开发

课程目标
使用SpringMVC+Mybatis+Spring+Maven进行分模块整合 简单实现视频网站开发

一、项目演示

视频网站构建模式
分为:自建模式和第三方模式
自建模式:需要自己搭建服务器、解决CDN加速问题、提高SDK、防盗链等问题
第三方模式:使用第三方云视频接口、阿里云、保利云(8毛)、乐视云(4毛G)。
讲述一下 蚂蚁课堂网站视频架构

二、使用技术

后端:SpringMVC、Spring、Mybatis
前端:jquery
itmayiedu-parent —父类工程
itmayiedu-commons —工具类
itmayiedu-entity —实体类
itmayiedu-dao —数据库访问层
itmayiedu-service —服务层
itmayiedu-web —web层

三、项目整合

3.1 itmayiedu-parent父工程添加依赖

	
		4.12
		4.1.3.RELEASE
		3.2.8
		1.2.2
		1.2.15
		5.1.32
		1.6.4
		2.4.2
		1.0.9
		4.3.5
		1.2
		2.5
		2.0
		2.5
		3.3.2
		1.3.2
		3.3
		5.0.0
		0.9.1
		1.3.1
		2.7.2
		4.10.3
	
	
		
			
			
				joda-time
				joda-time
				${joda-time.version}
			
			
			
				org.apache.commons
				commons-lang3
				${commons-lang3.version}
			
			
				org.apache.commons
				commons-io
				${commons-io.version}
			
			
				commons-net
				commons-net
				${commons-net.version}
			
			
			
				com.fasterxml.jackson.core
				jackson-databind
				${jackson.version}
			
			
			
				org.apache.httpcomponents
				httpclient
				${httpclient.version}
			
			
			
				junit
				junit
				${junit.version}
				test
			
			
			
				org.slf4j
				slf4j-log4j12
				${slf4j.version}
			
			
			
				org.mybatis
				mybatis
				${mybatis.version}
			
			
				org.mybatis
				mybatis-spring
				${mybatis.spring.version}
			
			
				com.github.miemiedev
				mybatis-paginator
				${mybatis.paginator.version}
			
			
				com.github.pagehelper
				pagehelper
				${pagehelper.version}
			
			
			
				mysql
				mysql-connector-java
				${mysql.version}
			
			
			
				com.alibaba
				druid
				${druid.version}
			
			
			
				org.springframework
				spring-context
				${spring.version}
			
			
				org.springframework
				spring-beans
				${spring.version}
			
			
				org.springframework
				spring-webmvc
				${spring.version}
			
			
				org.springframework
				spring-jdbc
				${spring.version}
			
			
				org.springframework
				spring-aspects
				${spring.version}
			
			
			
				jstl
				jstl
				${jstl.version}
			
			
				javax.servlet
				servlet-api
				${servlet-api.version}
				provided
			
			
				javax.servlet
				jsp-api
				${jsp-api.version}
				provided
			
			
			
				commons-fileupload
				commons-fileupload
				${commons-fileupload.version}
			
			
			
				redis.clients
				jedis
				${jedis.version}
			
		
	

	
		${project.artifactId}
		
			
			
				org.apache.maven.plugins
				maven-resources-plugin
				2.7
				
					UTF-8
				
			
			
			
				org.apache.maven.plugins
				maven-compiler-plugin
				3.2
				
					1.8
					1.8
					UTF-8
				
			
		
		
			
				
				
					org.apache.tomcat.maven
					tomcat7-maven-plugin
					2.2
				
			
		
	

3.2 Spring整合SpringMVC

3.2.1 引入SpringMVC-Maven依赖

		
		
			jstl
			jstl
		
		
			javax.servlet
			servlet-api
			provided
		
		
			javax.servlet
			jsp-api
			provided
		
		
		
			commons-fileupload
			commons-fileupload
		
		
		
			org.springframework
			spring-webmvc
		
	
			com.itmayiedu
			itmayiedu-entity
			0.0.1-SNAPSHOT
		

			com.fasterxml.jackson.core
			jackson-annotations
			2.5.0
		
		
			com.fasterxml.jackson.core
			jackson-core
			2.5.0
		
		
			com.fasterxml.jackson.core
			jackson-databind
		
		
			com.fasterxml.jackson.jr
			jackson-jr-all
			2.5.0
		
	

3.2.2 新增springmvc配置文件

3.2.3 web.xml加载SpringMVC配置文件

	
		CharacterEncodingFilter
		org.springframework.web.filter.CharacterEncodingFilter
		
			encoding
			UTF-8
		
		
	
	
		CharacterEncodingFilter
		/*
	
	
	
		itmayiedu-web
		org.springframework.web.servlet.DispatcherServlet
		
		
			contextConfigLocation
			classpath:spring/springmvc.xml
		
		1
	
	
		itmayiedu-web
		/
	

3.2.4 创建测试SpringMVC环境结果

@Controller
public class TestController {
   private static final String TEST="test";
	 @RequestMapping("/test")
	 public String test(){
		 return TEST;
	 }
}

3.2.5运行SpringMVC环境结果

Ok springMVC环境搭建成功

3.3Spring整合Mybatis

3.3.1 表结构说明

--视频类型表
CREATE TABLE `video_type` (
  `id` int(11) NOT NULL AUTO_INCREMENT COMMENT '主键(自增长)',
  `type_name` varchar(30) DEFAULT NULL COMMENT '视频类型',
  PRIMARY KEY (`id`)
) ENGINE=InnoDB AUTO_INCREMENT=5 DEFAULT CHARSET=utf8;
--视频详情表
CREATE TABLE `video_info` (
  `id` int(11) NOT NULL AUTO_INCREMENT COMMENT '主键(自增长)',
  `video_name` varchar(150) DEFAULT NULL COMMENT '视频名称',
  `video_url` varchar(100) DEFAULT NULL COMMENT '封面图片',
  `video_html` varchar(500) DEFAULT NULL COMMENT '视频html执行元素',
  `video_type_id` int DEFAULT NULL COMMENT '关联typeID',
  `video_del` INT DEFAULT 0 COMMENT '是否显示 0显示 1隐藏',
  PRIMARY KEY (`id`)
) ENGINE=InnoDB AUTO_INCREMENT=5 DEFAULT CHARSET=utf8;

3.3.2 itmayiedu-dao工程中新增依赖

	
	
		
			com.itmayiedu
			weixin-entity
			0.0.1-SNAPSHOT
		
		
		
			org.mybatis
			mybatis
		
		
			org.mybatis
			mybatis-spring
		
		
			com.github.miemiedev
			mybatis-paginator
		
		
			com.github.pagehelper
			pagehelper
		
		
		
			mysql
			mysql-connector-java
		
		
		
			com.alibaba
			druid
		
	
	
	
		
			
				src/main/java
				
					**/*.properties
					**/*.xml
				
				false
			
		
	

3.3.2 itmayiedu-service工程中新增依赖

		
			com.itmayiedu
			itmayiedu-dao
			0.0.1-SNAPSHOT
		
		
		
			org.springframework
			spring-context
		
		
			org.springframework
			spring-beans
		
		
			org.springframework
			spring-jdbc
		
		
			org.springframework
			spring-aspects
		
		
		
			org.slf4j
			slf4j-log4j12
		
	

3.3.3新增db.properties

jdbc.driver=com.mysql.jdbc.Driver  
jdbc.host=localhost
jdbc.database=test
jdbc.userName=root
jdbc.passWord=root
jdbc.initialSize=0  
jdbc.maxActive=20    
jdbc.maxIdle=20  
jdbc.minIdle=1  
jdbc.maxWait=1000

3.3.4新增applicationContext-service

3.3.5新增applicationContext-dao

3.3.6新增 applicationContext-trans

3.3.7使用generator生成数据ORM映射文件
3.3.8 实现查询所有视频类型

/**
 * 
 * @classDesc: 功能描述:(测试TestController)
 * @author: 余胜军
 * @createTime: 2017年9月13日 下午9:01:42
 * @version: v1.0
 * @copyright:上海每特教育科技有限公司
 * @QQ:644064779
 */
@Controller
public class TestController {
	private static final String TEST = "test";
	@Autowired
	private VideoTypeService videoTypeService;
	@RequestMapping("/test")
	public String test() {
		return TEST;
	}
	@ResponseBody
	@RequestMapping("/getViideType")
	public List getViideType() {
		System.out.println("listVideoType start");
		List listVideoType = videoTypeService.showVideoType(null);
		System.out.println("listVideoType end");
		return listVideoType;
	}
}
@Service
public class VideoTypeServiceImpl implements VideoTypeService {
	@Autowired
	private VideoTypeMapper videoTypeMapper;
	public List showVideoType(VideoType record) {
		return videoTypeMapper.selectList(record);
	}
}
public interface VideoTypeMapper {
	List selectList(VideoType record);
}



	
		
		
	
	
		id, type_name
	
	
		select
		
		from video_type
		where id = #{id,jdbcType=INTEGER}
	
	
		delete from
		video_type
		where id = #{id,jdbcType=INTEGER}
	
	
		insert into video_type (id,
		type_name)
		values (#{id,jdbcType=INTEGER},
		#{typeName,jdbcType=VARCHAR})
	
	
		insert into video_type
		
			
				id,
			
			
				type_name,
			
		
		
			
				#{id,jdbcType=INTEGER},
			
			
				#{typeName,jdbcType=VARCHAR},
			
		
	
	
		update video_type
		
			
				type_name = #{typeName,jdbcType=VARCHAR},
			
		
		where id = #{id,jdbcType=INTEGER}
	
	
		update video_type
		set type_name = #{typeName,jdbcType=VARCHAR}
		where id =
		#{id,jdbcType=INTEGER}
	
	
		select
		
		from video_type
		where
		1=1
		
			and #{id,jdbcType=INTEGER},
		
		
			and #{typeName,jdbcType=VARCHAR},
		

	

3.3.9 web.xml配置加载spring

	
		contextConfigLocation
		classpath:spring/applicationContext-*.xml
	
	
	org.springframework.web.context.ContextLoaderListener
	

3.3.10 运行结果解决406
使用SpringMVC返回json格式,返回状态406,表示SpringMVC没有集成JSON转换器
解决办法:

	
		
			
				text/html;charset=UTF-8
			
		
	

	
	
		
			
				
			
		
	

Ok SpringMVC+Mybatis+Spring+Maven环境整合成功!

3.4 Spring整合log4j

3.4.1创建log4j.properties
在resources/properties下创建log4j.properties文件

### set log levels ###
log4j.rootLogger =INFO,DEBUG, stdout , R

log4j.appender.stdout = org.apache.log4j.ConsoleAppender
log4j.appender.stdout.Target = System.out
log4j.appender.stdout.layout = org.apache.log4j.PatternLayout
log4j.appender.stdout.layout.ConversionPattern = [%-5p] %d{yyyy-MM-dd HH:mm:ss,SSS} method:%l%n%m%n

log4j.appender.D = org.apache.log4j.DailyRollingFileAppender
log4j.appender.D.File = E://logs/log.log
log4j.appender.D.Append = true
log4j.appender.D.Threshold = DEBUG
log4j.appender.D.layout = org.apache.log4j.PatternLayout
log4j.appender.D.layout.ConversionPattern = %-d{yyyy-MM-dd HH:mm:ss}  [ %t:%r ] - [ %p ]  %m%n

log4j.appender.E = org.apache.log4j.DailyRollingFileAppender
log4j.appender.E.File =E://logs/error.log
log4j.appender.E.Append = true
log4j.appender.E.Threshold = ERROR
log4j.appender.E.layout = org.apache.log4j.PatternLayout
log4j.appender.E.layout.ConversionPattern = %-d{yyyy-MM-dd HH:mm:ss}  [ %t:%r ] - [ %p ]  %m%n

3.4.2web.xml加载 log4j.properties

	
		log4jConfigLocation
		/WEB-INF/classes/properties/log4j.properties
	
	
	
		org.springframework.web.util.Log4jConfigListener
	

使用API
private static Logger log = Logger.getLogger(TestController.class);

四、后台管理

4.1 搭建编写视频查询页面

步骤:创建JSP页面,引入C标签

<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>

4.2 实现后台视频查询页面

4.2.1查询jsp页面

<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>







	
		
蚂蚁视频后台管理系统
		添加资源
		
					

			

				

					
图片
					
视频名称
					
视频类型
					
预览视频
				
			
			

				

						

						
${p.videoName}
						
${p.typeName}
						
预览视频
					
				


			
		

	

42.2编写XML SQL 语句

	select a.id as id,a.video_name as videoName, a.video_html as videoHtml ,a.video_url as videoUrl, a.video_del as videoDel
, b.type_name as typeName 
from video_info  as a  inner join video_type as b  on a.video_type_id=b.id;
	

4.2.3 完成页面展示

4.3 后台添加资源管理

4.3.1 创建上传资源页面

<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>







	
		
蚂蚁视频后台添加视频资源
		

			

				

					
视频名称:
					

				
				

					
视频类型:
					

							
								${p.typeName}
							

					
				
				

					
优酷播放URL:
					

				
				

					
上传封面:
					

				
				
 

			
		
	

4.3.2 springmvc.xml文件中新增上传文件配置

4.3.3 后端代码上传文件

@RequestMapping("/addVideo")
	public String addVideo(@RequestParam(value = "file", required = false) MultipartFile file, VideoInfo videoInfo,
			HttpServletRequest req, HttpServletResponse res) {
		try {
			// 获取当前上下文
			String path = req.getSession().getServletContext().getRealPath("/static/imgs");
			// 文件名称
			String newName = System.currentTimeMillis() + ".png";
			File targetFile = new File(path, newName);
			// 文件夹不存在,则创建文件夹
			if (!targetFile.exists()) {
				targetFile.mkdirs();
			}
			// 保存
			try {
				file.transferTo(targetFile);
			} catch (Exception e) {
				log.error(e);
			}
			videoInfo.setVideoUrl(newName);
			videoInfoService.addVideoInfo(videoInfo);
			req.setAttribute("result", "封面上传成功!");
			return "redirect:/videoManag";
		} catch (Exception e) {
			log.error(e);
			req.setAttribute("result", "上传失败!");
			return LOCAVIDEO;
		}

	}

4.4 视频详情页面

4.4.1视频详情页面

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







	
		
${videoInfo.videoName}
		
	

4.4.2视频详情后台代码

@RequestMapping("/videoDetails")
	public String videoDetails(int id, HttpServletRequest request) {
		VideoInfo videoInfo = videoInfoService.getVideoInfo(id);
		request.setAttribute("videoInfo", videoInfo);
		return VIDEODETAILS;
	}

4.6静态资源访问404原因

4.7整合pagehelper分页查询

4.7.1 将pagehelper版本修改为3.6.4

4.7.2 新增mybatis-config.xml文件

4.7.3 applicationContext-dao.xml加载mybatis-config.xml

4.7.4 Java代码使用

	@RequestMapping("/indexVideo")
	public String indexVideo(HttpServletRequest request, int pageIndex) {
		Page page = PageHelper.startPage(pageIndex, 2);
		request.setAttribute("listVideo", videoInfoService.getVoideAll(null));
		request.setAttribute("pageSize", page.getPages());
		return INDEXVIDEO;
	}

4.7.5 前端代码

	首页
		
			${p}
		
		尾页