开发者社区> zhuyuansj> 正文
阿里云
为了无法计算的价值
打开APP
阿里云APP内打开

1小时轻松上手springmvc,视频网站后台开发

简介: 由于最近半年一直在用springboot,但是也不能忘了本,于是把springmvc重新练了下,做了个前端传个表单,后台接收并显示的界面,该项目可以上传视频的URL,然后前端进行页面的播放,项目采用springmvc+spring+mybatis,前端是用jquery.功能很简单,前端一个form表单,提交后台,后台添加数据,并且将数据转发到前端进行显示。
+关注继续查看

由于最近半年一直在用springboot,但是也不能忘了本,于是把springmvc重新练了下,做了个前端传个表单,后台接收并显示的界面,该项目可以上传视频的URL,然后前端进行页面的播放,项目采用springmvc+spring+mybatis,前端是用jquery.功能很简单,前端一个form表单,提交后台,后台添加数据,并且将数据转发到前端进行显示。后台将entity,service,serviceimpl,controller,全部用marven进行关联,分模块开发。
项目中几个重要知识点:
1.文件上传
2.2张表在不关联的情况下,用inner join连表查询
3.分页查询
4.log日志使用
5.模块之间的联系,思想概述

项目的结构

Image.png

1.文件上传

(一):首先在resources目录下新建springmvc.xml,在里面加入

<!-- 支持上传文件 -->
    <bean id="multipartResolver"
    class="org.springframework.web.multipart.commons.CommonsMultipartResolver" />

前端上传文件页面

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>添加视频资源</title>
</head>
<body>
    <center>
        <h1>视频后台添加视频资源</h1>
        <form action="addVideo" style="font-size: 14px;" method="post"
            ENCTYPE="multipart/form-data">
            <table>
                <tr>
                    <td>视频名称:</td>
                    <td><input type="text" name=videoName></td>
                </tr>
                <tr>
                    <td>视频类型:</td>
                    <td><select name="videoTypeId" style="width: 170px;">
                            <c:forEach items="${listVideoType}" var="p">
                                <option value="${p.id}">${p.typeName}</option>
                            </c:forEach>

                    </select></td>
                </tr>
                <tr>
                    <td>优酷播放URL:</td>
                    <td><textarea rows="10" cols="30" name="videoHtml"></textarea></td>
                </tr>
                <tr>
                    <td>上传封面:</td>
                    <td><input type="file" name="file"></td>
                </tr>
                <tr> <td colspan="2"><input type="submit" value="提交"></td></tr>
            </table>
        </form>
    </center>
</body>
</html>

后台上传文件接口

@RequestMapping("/addVideo")
    public String addVideo(@RequestParam(value = "file", required = false) MultipartFile file, VideoInfo videoInfo,
            HttpServletRequest req, HttpServletResponse res) {//这里的required=false,意思是不传参也可以
        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;
        }

    }

2.关联表的查询

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;

3.分页查询

在resource目录下新建mybatis-config.xml

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE configuration
        PUBLIC "-//mybatis.org//DTD Config 3.0//EN"
        "http://mybatis.org/dtd/mybatis-3-config.dtd">
<configuration>
    <!-- 配置分页插件 -->
    <plugins>
        <plugin interceptor="com.github.pagehelper.PageHelper">
            <!-- 设置数据库类型 Oracle,Mysql,MariaDB,SQLite,Hsqldb,PostgreSQL六种数据库-->        
            <property name="dialect" value="mysql"/>
        </plugin>
    </plugins>
</configuration>

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

<!-- spring和MyBatis完美整合,不需要mybatis的配置映射文件 -->
    <bean id="sqlSessionFactory" class="org.mybatis.spring.SqlSessionFactoryBean">
        <property name="dataSource" ref="dataSource" />
        <!-- 自动扫描mapping.xml文件 -->
        <property name="mapperLocations" value="classpath:mappings/*.xml"></property>
        <property name="configLocation" value="classpath:spring/mybatis-config.xml" />
    </bean>

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;
    }

前端代码

<a style="font-size: 20px;" href="indexVideo?pageIndex=1">首页</a>
        <c:forEach begin="1" end="${pageSize}" var="p">
            <a style="font-size: 20px;" href="indexVideo?pageIndex=${p}">${p}</a>
        </c:forEach>
        <a style="font-size: 20px;" href="indexVideo?pageIndex=${pageSize}">尾页</a>

4.Spring整合log4j

创建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

web.xml加载 log4j.properties

<!--设置log4j的配置文件位置 -->
    <context-param>
        <param-name>log4jConfigLocation</param-name>
        <param-value>/WEB-INF/classes/properties/log4j.properties</param-value>
    </context-param>
    <!--使用监听加载log4j的配置文件 -->
    <listener>
        <listener-class>org.springframework.web.util.Log4jConfigListener</listener-class>
    </listener>

使用API

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

5.模块之间的联系,思想概述

前后端一体的springmvc,我们以前都会搭建在一个项目,这次把entity,dao,service,serviceimpl,controller分成了模块进行开发,每个模块用marven进行关联。这样做的好处就是代码整洁清晰,每个层面都是个小的项目,适合分模块进行开发。

演示效果(一)

image.png

演示效果(二)

image.png

演示效果(三)

image.png

视频网站开发demo下载 密码是sfze
关注我的公众号,都是满满的干货!

孙坚.gif

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
Spring的并发问题——有状态Bean和无状态Bean
Spring的并发问题——有状态Bean和无状态Bean,这个是一个面试常见的问题,现在总结一下提供给需要的同学
39 0
SpringMVC的视图
SpringMVC中的视图是View接口,视图的作用渲染数据,将模型Model中的数据展示给用户 SpringMVC视图的种类很多,默认有转发视图和重定向视图
18 0
Spring AOP核心概念
Spring AOP核心概念
48 0
SpringMVC(五、AOP)
AOP 为 Aspect Oriented Programming 的缩写,意思为面向切面编程,是通过预编译方式和运行期动态代理 实现程序功能的统一维护的一种技术。 XML配置AOP 基于注解AOP
16 0
基于django的视频点播网站开发-step9-后台视频管理功能
从本讲开始,我们开始视频管理功能的开发,视频管理包括视频上传、视频列表、视频编辑、视频删除。另外还有视频分类的功能,会一同讲解。这一讲非常重要,因为你将学习到一些之前没有学过的技术,比如大文件上传技术。
1657 0
Dubbo+Zookeeper+SpringMVC整合实现微服务项目
版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/xmt1139057136/article/details/79355504 互联网的发展,网站应用的规模不断扩大,常规的垂直应用架构已无法应对,分布式服务架构以及流动计算架构势在必行,Dubbo是一个分布式服务框架,在这种情况下诞生的。
1025 0
Spring MVC 实践 - Base
Spring MVC 实践 标签 : Java与Web Spring Web MVC Spring-Web-MVC是一种基于请求驱动的轻量级Web-MVC设计模式框架, Spr...
976 0
Spring多数据源分布式事务管理/springmvc+spring+atomikos[jta]+druid+mybatis
项目进行读写分离及分库分表,在一个业务中,在一个事务中处理时候将切换多个数据源,需要保证同一事务多个数据源数据的一致性。此处使用atomikos来实现:最后附源码: 1:spring3.0之后不再支持jtom[jta]了,第三方开源软件atomikos(http://www.atomikos.com/)来实现.  2:org.springframework.transaction.jt
9739 0
+关注
zhuyuansj
后端你别闹,热爱编程,热爱运营,热爱自媒体,性别男,爱好女.兴趣爱好广泛,旅游,唱歌,噶赛无.欢迎随时撩我.
文章
问答
文章排行榜
最热
最新
相关电子书
更多
小程序开发不求人电子书
立即下载
《网站性能与体验优化实践指北》
立即下载
“啄”壮成长,移动app线上日志分析利器
立即下载