由于最近半年一直在用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，请点击原文链接

http://www.jianshu.com/p/9eec63121cef


关注我的公众号，都是满满的干货!

1小时轻松上手springmvc,视频网站后台开发的更多相关文章

  1. JavaWeb网站后台开发记录手册

    1.javaweb网站后台开发 1.封装DBTools类 1.注册数据库驱动 Class.forName("oracle.jdbc.driver.OracleDriver"); 2 ...

  2. 【千纸诗书】—— PHP/MySQL二手书网站后台开发之知识点记录

    前言:使用PHP和MySQL开发后台管理系统的过程中,发现有一些通用的[套路小Tip],这里集中记录一下.结合工作中ing的后台业务,我逐渐体会到:除了技术知识外.能使用户体验好的“使用流程设计”积累 ...

  3. 【千纸诗书】—— PHP/MySQL二手书网站后台开发之功能实现

    前言:前一篇温习了网站开发需要掌握的基础知识,这一篇重点梳理一下各个功能模块的[详细设计与实现].项目github地址:https://github.com/66Web/php_book_store, ...

  4. 【千纸诗书】—— PHP/MySQL二手书网站后台开发之项目设计

    前言:这个项目是毕设时候做的,我负责后台数据操作部分,已经很久了,这次回顾这部分,是为了复习PHP和MySQL的知识,正好现在在公司也负责的是后台管理系统的业务.第一篇[项目概况]附上毕业论文部分节选 ...

  5. 做php网站后台开发，在Linux系统上进行更好吗？

    1. PHP是开源软件,它在bsd/linux/win下都有很好的正式版及孪生版.并非开发php就必须要在linux下进行.主机服务商们习惯性的把asp与php分为两个主机系列几进行销售.由于asp只 ...

  6. 做php网站后台开发，在Linux系统上进行更好吗？【转载】

    1. PHP是开源软件,它在bsd/linux/win下都有很好的正式版及孪生版.并非开发php就必须要在linux下进行.主机服务商们习惯性的把asp与php分为两个主机系列几进行销售.由于asp只 ...

  7. 【千纸诗书】—— PHP/MySQL二手书网站后台开发之基础知识

    前言: 在具体回顾每一个功能的实现前,还是有必要先温习一些项目涉及到的PHP.MySQL[语法基础].项目github地址:https://github.com/66Web/php_book_stor ...

  8. 【原创】基于NodeJS Express框架开发的一个VIP视频网站项目及源码分享

    项目名称:视频网站项目 开发语言:HTML,CSS(前端),JavaScript,NODEJS(expres)(后台) 数据库:MySQL 开发环境:Win7,Webstorm 上线部署环境:Linu ...

  9. 转战网站后台与python

    这么长时间了,迷茫的大雾也逐渐散去,正如标题所写的一样,转战网站后台开发.这段时间没怎么写博客,主要还是太忙,忙着期末考试的预习,以及服务器的搭建,python的学习,还有各种各样杂七杂八的小事,就像 ...

随机推荐

  1. webpack+vuecli打包常见的2个坑

    第一个坑: 一般情况下,通过webpack+vuecli默认打包的css.js等资源,路径都是绝对的.但当部署到带有文件夹的项目中,这种绝对路径就会出现问题,因为把配置的static文件夹当成了根路径 ...

  2. 算法笔记_099:蓝桥杯练习 算法提高 排列数（Java）

    目录 1 问题描述 2 解决方案   1 问题描述 问题描述 0.1.2三个数字的全排列有六种,按照字母序排列如下: 012.021.102.120.201.210 输入一个数n 求0~9十个数的全排 ...

  3. 算法笔记_059:蓝桥杯练习 Anagrams问题（Java）

    目录 1 问题描述 2 解决方案   1 问题描述 问题描述 Anagrams指的是具有如下特性的两个单词:在这两个单词当中,每一个英文字母(不区分大小写)所出现的次数都是相同的.例如,“Unclea ...

  4. Loadrunner关于页面检查的几个函数详解

    环境:Loadrunner版本:8.0自建一个test.html文件:<html><head><meta name="google1" content ...

  5. T-SQL 数据库的创建

    create database databaseNameon primary(  Name =dbName1,  FileName='C:\mydatabase1\dbName1.mdf',  Siz ...

  6. javaScript Windows相关

    javaScript 关于Windows 1 Windows 对象 <1>全部浏览器都支持 window 对象.它表示浏览器窗体. <2>全部 JavaScript 全局对象. ...

  7. windows磁盘API实践

    API的列表如下,网上找的,我觉得还是蛮详细的: 磁盘和驱动器管理APIGetLogicalDrivers       获取主机中所有的逻辑驱动器,以BitMap的形式返回.GetLogicalDri ...

  8. 【DB2】NULLS LAST与NULLS FIRST

    DB2函数配合 select row_number() over(order by col desc nulls first/nulls last ) as rn,col from table1ord ...

  9. spring bean注册之bean工厂方式

    一般我们在spring中注册一个bean,直接 <bean id="websocket" class="com.sdyy.common.spring.websock ...

  10. windowsclient开发--怎样測量一个字符串显示的物理长度

    首先须要说明的是,我所说的字符串的长度,不是string的length,也不是string的size.我指的是显示的长度.即物理长度. 缘由: 之所以要提到这个.是由于遇到了一些问题. 再使用duil ...