src/main/java/com/yc/education/controller/admin/WorklibraryController.java

@@ -0,0 +1,173 @@
+package com.yc.education.controller.admin;/**
+ * huangpan
+ * 2019/10/31
+ * nanhangt
+ */
+
+import com.github.pagehelper.PageInfo;
+import com.yc.education.model.Worklibrary;
+import com.yc.education.service.WorklibraryService;
+import com.yc.education.util.AjaxMessage;
+import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.stereotype.Controller;
+import org.springframework.web.bind.annotation.RequestMapping;
+import org.springframework.web.bind.annotation.RequestParam;
+import org.springframework.web.bind.annotation.ResponseBody;
+import org.springframework.web.multipart.MultipartFile;
+import org.springframework.web.multipart.MultipartHttpServletRequest;
+import org.springframework.web.multipart.commons.CommonsMultipartResolver;
+import org.springframework.web.servlet.ModelAndView;
+
+import javax.servlet.http.HttpServletRequest;
+import javax.servlet.http.HttpServletResponse;
+import javax.servlet.http.HttpSession;
+import java.io.File;
+import java.io.IOException;
+import java.text.SimpleDateFormat;
+import java.util.*;
+
+/**
+ *@ClassName WorklibraryController
+ *@Description TODO
+ *@Author QuZhangJing
+ *@Date 2019/10/31 9:27
+ *@Version 1.0
+ */
+@Controller
+@RequestMapping("admin/")
+public class WorklibraryController {
+    @Autowired
+    WorklibraryService worklibraryService;
+
+    private static Random rand = new Random();
+    private static String[] str = { "0", "1", "2", "3", "4", "5", "6", "7", "8", "9" };
+
+    /*后台二级管理员查询*/
+    @RequestMapping("worklibrary-list.html")
+    public ModelAndView getWorklibrary(String titleName, @RequestParam(value = "pageNum",defaultValue = "1") Integer pageNum ,
+                                       @RequestParam(value = "pageSize",defaultValue = "12") Integer pageSize, HttpSession session){
+        List<Worklibrary> worklibraryList = worklibraryService.WorkibraryList((Integer) session.getAttribute("tid"), titleName, pageNum, pageSize);
+        ModelAndView modelAndView=new ModelAndView();
+        modelAndView.addObject("worklibraryList", new PageInfo<>(worklibraryList));
+        return modelAndView;
+    }
+
+    /*后台查询信息*/
+    @RequestMapping("worklibraryById.html")
+    public ModelAndView worklibraryId(Integer id){
+        ModelAndView modelAndView=new ModelAndView("admin/worklibrary-update");
+        Worklibrary workibraryById = worklibraryService.getWorkibraryById(id);
+        modelAndView.addObject("workibraryById", workibraryById);
+        return modelAndView;
+    }
+    /*执行修改*/
+    @RequestMapping("worklibrary-update.html")
+    public void worklibraryUpdate(Worklibrary worklibrary, HttpServletResponse response)throws Exception{
+       worklibraryService.updateNotNull(worklibrary);
+       response.sendRedirect("worklibrary-list.html");
+
+    }
+    /*新增信息*/
+    @RequestMapping("worklibrary-save.html")
+    public ModelAndView saveWorklibrary(){return new ModelAndView("admin/worklibrary-add");}
+
+    /*执行新增*/
+    @RequestMapping("worklibrary-add.html")
+    public void worklibraryAdd(Worklibrary worklibrary, HttpServletResponse response,HttpSession session,HttpServletRequest request)throws Exception{
+      /*  String rootPath = request.getSession().getServletContext().getRealPath("/");
+        String contextPath = request.getSession().getServletContext().getContextPath();
+        BaseState state = (BaseState) new ActionEnter(request, rootPath, contextPath, "img").invoke(ActionMap.UPLOAD_FILE);
+        String url = state.getInfo("url");
+        if (url!=null&&!"".equals(url)){
+        worklibrary.setViodes(url);
+        }*/
+        if (worklibrary.getTime().equals("")){
+            SimpleDateFormat df = new SimpleDateFormat("yyyy-MM-dd HH:mm:ss");
+            String commentdatemin = df.format(new Date());
+            worklibrary.setTime(commentdatemin);
+        }
+        worklibrary.setPv(0);
+        worklibrary.setTid((Integer) session.getAttribute("tid"));
+        worklibraryService.save(worklibrary);
+        response.sendRedirect("worklibrary-list.html");
+    }
+    /*执行删除*/
+    @RequestMapping("delWorklibrary.html")
+    @ResponseBody
+    public void delWorklibraryId(Integer id){
+        worklibraryService.delWorklibraryId(id);
+    }
+
+    /*ajax上传*/
+    @ResponseBody
+    @RequestMapping("uploadFindSkillImagesspf")
+    public AjaxMessage<Object> uploadFindSkillImages(HttpServletRequest request)
+            throws IllegalStateException, IOException
+    {
+        AjaxMessage<Object> ajax = new AjaxMessage<Object>();
+        System.out.println("进入控制层");
+        String pathString = "";
+        String allpath = "";
+        List<String> paths = new ArrayList<String>();
+
+        CommonsMultipartResolver multipartResolver = new CommonsMultipartResolver(
+                request.getSession().getServletContext());
+        if (multipartResolver.isMultipart(request))
+        {
+            MultipartHttpServletRequest multiRequest = (MultipartHttpServletRequest)request;
+
+            Iterator<String> iter = multiRequest.getFileNames();
+            while (iter.hasNext())
+            {
+                MultipartFile file = multiRequest.getFile((String)iter.next());
+                System.out.println("file:" + file.getSize());
+                if (!file.isEmpty())
+                {
+                    String sms = "";
+
+                    StringBuffer buf = new StringBuffer();
+                    for (int i = 0; i < 3; i++) {
+                        buf.append(str[rand.nextInt(10)]);
+                    }
+                    String originalFileName = file.getOriginalFilename();
+
+
+
+                    ajax.setData(originalFileName);
+
+
+                    String suffixString = originalFileName.substring(originalFileName.lastIndexOf(".") + 1);
+
+
+                    String fileName = sms + new Date().getTime() + "." + suffixString;
+
+
+                    String path = request.getSession().getServletContext().getRealPath("/");
+                    String contextPath = request.getSession().getServletContext().getContextPath();
+
+                    File localFile = new File(path + "findskill/" + fileName);
+                    System.err.println(path + "findskill/" + fileName);
+                    try
+                    {
+                        file.transferTo(localFile);
+
+                        paths.add("/picat/" + fileName);
+                        pathString = contextPath + "/findskill/" + fileName;
+                        allpath = path + "findskill/" + fileName;
+                    }
+                    catch (IllegalStateException e)
+                    {
+                        e.printStackTrace();
+                    }
+                    catch (IOException e)
+                    {
+                        e.printStackTrace();
+                    }
+                }
+            }
+        }
+        ajax.setMsg(pathString);
+        return ajax;
+    }
+}
+

src/main/webapp/WEB-INF/jsp/admin/course-list.jsp

@@ -0,0 +1,144 @@
+<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
+<%@taglib  uri="http://java.sun.com/jsp/jstl/functions" prefix="fn"%>
+<%@ page contentType="text/html;charset=UTF-8" language="java" %>
+<!DOCTYPE HTML>
+<html>
+<head>
+	<meta charset="utf-8">
+	<meta name="renderer" content="webkit|ie-comp|ie-stand">
+	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+	<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
+	<meta http-equiv="Cache-Control" content="no-siteapp" />
+	<!--[if lt IE 9]>
+	<script type="text/javascript" src="${pageContext.request.contextPath}/lib/html5shiv.js"></script>
+	<script type="text/javascript" src="${pageContext.request.contextPath}/lib/respond.min.js"></script>
+	<![endif]-->
+    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}${pageContext.request.contextPath}/static/h-ui/css/H-ui.min.css" />
+    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}${pageContext.request.contextPath}/static/h-ui.admin/css/H-ui.admin.css" />
+    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}${pageContext.request.contextPath}/lib/Hui-iconfont/1.0.8/iconfont.css" />
+    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}${pageContext.request.contextPath}/static/h-ui.admin/skin/default/skin.css" id="skin" />
+    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}${pageContext.request.contextPath}/static/h-ui.admin/css/style.css" />
+    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}${pageContext.request.contextPath}/static/h-ui.admin/css/page.css" />
+	<script>DD_belatedPNG.fix('*');</script>
+	<title>课程详情</title>
+</head>
+<body>
+<nav class="breadcrumb"><i class="Hui-iconfont">&#xe67f;</i> 首页 <span class="c-gray en">&gt;</span> ${sessionScope.headNames} <span class="c-gray en">&gt;</span> 课程详情 <a class="btn btn-success radius r" style="line-height:1.6em;margin-top:3px" href="javascript:location.replace(location.href);" title="刷新" ><i class="Hui-iconfont">&#xe68f;</i></a></nav>
+<div class="page-container">
+
+	<div class="mt-20">
+		<table class="table table-border table-bordered table-bg table-hover table-sort table-responsive">
+			<thead>
+				<tr class="text-c">
+					<th width="80">ID</th>
+					<th width="80">描述</th>
+					<th width="200">操作</th>
+				</tr>
+			</thead>
+			<tbody>
+				<tr class="text-c">
+					<td>${courses.id}</td>
+					<td>${courses.describes}</td>
+					<td class="f-14 td-manage">
+						<a style="text-decoration:none" class="ml-5" href="courseById.html?id=${courses.id}"  title="编辑"><i class="Hui-iconfont">&#xe6df; </i>编辑</a>
+				</tr>
+			</tbody>
+		</table>
+	</div>
+
+</div>
+<!--_footer 作为公共模版分离出去-->
+<script type="text/javascript" src="${pageContext.request.contextPath}/lib/jquery/1.9.1/jquery.min.js"></script>
+<script type="text/javascript" src="${pageContext.request.contextPath}/lib/layer/2.4/layer.js"></script>
+<script type="text/javascript" src="${pageContext.request.contextPath}${pageContext.request.contextPath}/static/h-ui/js/H-ui.min.js"></script>
+<script type="text/javascript" src="${pageContext.request.contextPath}${pageContext.request.contextPath}/static/h-ui.admin/js/H-ui.admin.js"></script> <!--/_footer 作为公共模版分离出去-->
+
+<!--请在下方写此页面业务相关的脚本-->
+<script type="text/javascript" src="${pageContext.request.contextPath}/lib/My97DatePicker/4.8/WdatePicker.js"></script>
+<script type="text/javascript">
+
+
+    // $('.table-sort').dataTable({
+    // 	"aaSorting": [[ 1, "desc" ]],//默认第几个排序
+    // 	"bStateSave": true,//状态保存
+    // 	"pading":false,
+    // 	"aoColumnDefs": [
+    // 	  //{"bVisible": false, "aTargets": [ 3 ]} //控制列的隐藏显示
+    // 	  {"orderable":false,"aTargets":[0,8]}// 不参与排序的列
+    // 	]
+    // });
+
+    /*分页搜索*/
+
+
+
+    /*搜索标题*/
+    function searchByTitleName() {
+        //首先获取关键字
+        var titlename = $("#titlename").val();
+        alert("根据" + titlename + "搜索");
+        //跳转页面
+        location.href = "journalism-list.html?titlename=" + titlename;
+    }
+
+
+    /*批量删除*/
+    function datadel() {
+        var chkvalue ="" //定义一个数组
+        $("input[name='ck']:checked").each(function () {
+            chkvalue += $(this).val() + ",";
+        });
+        window.location.href = "deleteSomeJournalism?chkvalue=" + chkvalue;
+    }
+
+
+    /*全选和全不选*/
+    function checkBox(ckAll) {
+        //全选控制子窗
+        var cks = document.getElementsByName("ck");
+        for (var i = 0; i < cks.length; i++) {
+            cks[i].checked = ckAll.checked;
+        }
+        for (var i = 0; i < cks.length; i++) {
+            cks[i].onclick = function () {
+                if (!this.checked) {
+                    ckAll.checked = false;
+                }
+            };
+
+        }
+    }
+    /*资讯-添加*/
+    function article_add(title,url,w,h){
+        var index = layer.open({
+            type: 2,
+            title: title,
+            content: url
+        });
+        layer.full(index);
+    }
+    /*资讯-编辑*/
+    function article_edit(url,id){
+        var index = layer.open({
+            type: 2,
+            title: title,
+            content: url,
+            id: id
+        });
+        layer.full(index);
+
+    }
+    /*资讯-删除*/
+    function article_del(obj,id){
+        layer.confirm('确认要删除吗？',function(index){
+            $.post("delNewsById.html", {"id": id}, function () {
+                console.log(111);
+                $(obj).parents("tr").remove();
+                layer.msg('已删除!', {icon: 1, time: 1000});
+            });
+        });
+    }
+
+</script>
+</body>
+</html>

src/main/webapp/WEB-INF/jsp/admin/course-update.jsp

@@ -0,0 +1,275 @@
+<%@ page language="java" contentType="text/html; charset=UTF-8"
+		 pageEncoding="UTF-8"%>
+<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
+<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
+<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
+<% String base = pageContext.getServletContext().getContextPath(); %>
+<!--_meta 作为公共模版分离出去-->
+<!DOCTYPE HTML>
+<html>
+<head>
+<meta charset="utf-8">
+	<script type="text/javascript">
+        window.UEDITOR_SERVER_URL = '<%=base%>';
+	</script>
+<meta name="renderer" content="webkit|ie-comp|ie-stand">
+<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
+<meta http-equiv="Cache-Control" content="no-siteapp" />
+<link rel="Bookmark" href="/favicon.ico" >
+<link rel="Shortcut Icon" href="/favicon.ico" />
+<!--[if lt IE 9]>
+	<script type="text/javascript" src="${pageContext.request.contextPath}/lib/html5shiv.js"></script>
+	<script type="text/javascript" src="${pageContext.request.contextPath}/lib/respond.min.js"></script>
+	<![endif]-->
+	<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/static/h-ui/css/H-ui.min.css" />
+	<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/static/h-ui.admin/css/H-ui.admin.css" />
+	<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/lib/Hui-iconfont/1.0.8/iconfont.css" />
+	<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/static/h-ui.admin/skin/default/skin.css" id="skin" />
+	<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/static/h-ui.admin/css/style.css" />
+	<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/static/h-ui.admin/css/page.css" />
+	<!--[if IE 6]>
+	<script type="text/javascript" src="${pageContext.request.contextPath}/lib/DD_belatedPNG_0.0.8a-min.js" ></script>
+	<script>DD_belatedPNG.fix('*');</script>
+<![endif]-->
+<!--/meta 作为公共模版分离出去-->
+
+<title>修改新闻 - 新闻管理 - H-ui.admin v3.1</title>
+<meta name="keywords" content="H-ui.admin v3.1,H-ui网站后台模版,后台模版下载,后台管理系统模版,HTML后台模版下载">
+<meta name="description" content="H-ui.admin v3.1，是一款由国人开发的轻量级扁平化网站后台模板，完全免费开源的网站后台管理系统模版，适合中小型CMS后台系统。">
+<style type="text/css">
+	.recom{
+		display: none;
+	}
+	.recomshow{
+		display: block;
+	}
+</style>
+</head>
+
+<body>
+
+<article class="page-container">
+	<form class="form form-horizontal" id="form-article-add" action="course-update.html" method="post" enctype="multipart/form-data">
+		<div class="row cl">
+			<label class="form-label col-xs-4 col-sm-2"><span class="c-red">*</span>课程描述：</label>
+			<div class="formControls col-xs-8 col-sm-9">
+			<%--	<input type="text" class="input-text" value="${courseId.describes}" placeholder="" id="title" name="title">\--%>
+				<textarea name="describes" class="textarea">${courseId.describes}</textarea>
+				<input style="display: none;" type="text" class="input-text" value="${courseId.id}" placeholder=""  name="id">
+			</div>
+		</div>
+
+
+		<div class="row cl">
+			<label class="form-label col-xs-4 col-sm-2">课程大纲：</label>
+			<div class="formControls col-xs-8 col-sm-9">
+				<script id="editor" name="details" type="text/plain" style="width:100%;height:400px;"  >${courseId.details}</script></div>
+      </div>
+                <div class="row cl">
+
+                    <div class="col-xs-8 col-sm-9 col-xs-offset-4 col-sm-offset-2">
+                    <button   class="btn btn-primary radius"> <i class="Hui-iconfont">&#xe632;  </i>  修改</button>
+                <a class="btn btn-default radius" href="javascript:history.go(-1)"  type="button" >&nbsp;&nbsp;取消&nbsp;&nbsp;</a>
+                </div>
+                </div>
+
+
+	</form>
+</article>
+
+	<!--_footer 作为公共模版分离出去-->
+	<script type="text/javascript" src="${pageContext.request.contextPath}/static/h-ui/js/H-ui.min.js"></script>
+	<script type="text/javascript" src="${pageContext.request.contextPath}/static/h-ui.admin/js/H-ui.admin.js"></script> <!--/_footer /作为公共模版分离出去-->
+
+	<!--请在下方写此页面业务相关的脚本-->
+	<script type="text/javascript" src="${pageContext.request.contextPath}/lib/My97DatePicker/4.8/WdatePicker.js"></script>
+	<script type="text/javascript" src="${pageContext.request.contextPath}/lib/jquery.validation/1.14.0/jquery.validate.js"></script>
+	<script type="text/javascript" src="${pageContext.request.contextPath}/lib/jquery.validation/1.14.0/validate-methods.js"></script>
+	<script type="text/javascript" src="${pageContext.request.contextPath}/lib/jquery.validation/1.14.0/messages_zh.js"></script>
+	<script type="text/javascript" src="${pageContext.request.contextPath}/lib/webuploader/0.1.5/webuploader.min.js"></script>
+	<script type="text/javascript" src="${pageContext.request.contextPath}/lib/ueditor/1.4.3/ueditor.config.js"></script>
+	<script type="text/javascript" src="${pageContext.request.contextPath}/lib/ueditor/1.4.3/ueditor.all.min.js"> </script>
+	<script type="text/javascript" src="${pageContext.request.contextPath}/lib/ueditor/1.4.3/lang/zh-cn/zh-cn.js"></script>
+	<script type="text/javascript" charset="utf-8" src="${pageContext.request.contextPath}/lib/ueditor/1.4.3/ueditor.config.js"></script> <!--ueditor的配置文件-->
+	<script type="text/javascript" charset="utf-8" src="${pageContext.request.contextPath}/lib/ueditor/1.4.3/ueditor.all.min.js"></script> <!--ueditor核心文件-->
+	<script type="text/javascript" charset="utf-8" src="${pageContext.request.contextPath}/lib/ueditor/1.4.3/lang/zh-cn/zh-cn.js"></script> <!--ueditor语言文件-->
+
+	<!-- 百度文本编辑器   引用文件 -->
+
+	<script src="<%=base%>/static/ue/ueditor.config.js" type="text/javascript"></script>
+	<script src="<%=base%>/static/ue/ueditor.all.js" type="text/javascript"></script>
+	<script type="text/javascript" src="<%=base%>/static/ue/lang/zh-cn/zh-cn.js"></script>
+	<script type="text/javascript" src="${pageContext.request.contextPath}/lib/layer/2.4/layer.js"></script>
+	<script type="text/javascript" src="${pageContext.request.contextPath}/static/admin/js/ajaxfileupload.js"></script>
+
+<script type="text/javascript" src="${pageContext.request.contextPath}/lib/jquery/1.9.1/jquery.min.js"></script>
+
+	<script type="text/javascript">
+
+		// function article_update_submit() {
+		// 	$("#form-article-add").submit();
+		// }
+
+		var ue = UE.getEditor('editor',{});
+
+		$(function(){
+			$('.skin-minimal input').iCheck({
+				checkboxClass: 'icheckbox-blue',
+				radioClass: 'iradio-blue',
+				increaseArea: '20%'
+			});
+
+		   /* //表单验证
+			$("#form-article-add").validate({
+				rules:{
+				},
+				onkeyup:false,
+				focusCleanup:true,
+				success:"valid",
+				submitHandler:function(form){
+					$(form).ajaxSubmit();
+					var index = parent.layer.getFrameIndex(window.name);
+					//parent.$('.btn-refresh').click();
+					parent.layer.close(index);
+				}
+			});*/
+
+			$list = $("#fileList"),
+				$btn = $("#btn-star"),
+				state = "pending",
+				uploader;
+
+			var uploader = WebUploader.create({
+				auto: true,
+				swf: 'lib/webuploader/0.1.5/Uploader.swf',
+
+				// 文件接收服务端。
+				server: 'fileupload.php',
+
+				// 选择文件的按钮。可选。
+				// 内部根据当前运行是创建，可能是input元素，也可能是flash.
+				pick: '#filePicker',
+
+				// 不压缩image, 默认如果是jpeg，文件上传前会压缩一把再上传！
+				resize: false,
+				// 只允许选择图片文件。
+				accept: {
+					title: 'Images',
+					extensions: 'gif,jpg,jpeg,bmp,png',
+					mimeTypes: 'image/*'
+				}
+			});
+			uploader.on( 'fileQueued', function( file ) {
+				var $li = $(
+					'<div id="' + file.id + '" class="item">' +
+					'<div class="pic-box"><img></div>'+
+					'<div class="info">' + file.name + '</div>' +
+					'<p class="state">等待上传...</p>'+
+					'</div>'
+					),
+					$img = $li.find('img');
+				$list.append( $li );
+
+				// 创建缩略图
+				// 如果为非图片文件，可以不用调用此方法。
+				// thumbnailWidth x thumbnailHeight 为 100 x 100
+				uploader.makeThumb( file, function( error, src ) {
+					if ( error ) {
+						$img.replaceWith('<span>不能预览</span>');
+						return;
+					}
+
+					$img.attr( 'src', src );
+				}, thumbnailWidth, thumbnailHeight );
+			});
+			// 文件上传过程中创建进度条实时显示。
+			uploader.on( 'uploadProgress', function( file, percentage ) {
+				var $li = $( '#'+file.id ),
+					$percent = $li.find('.progress-box .sr-only');
+
+				// 避免重复创建
+				if ( !$percent.length ) {
+					$percent = $('<div class="progress-box"><span class="progress-bar radius"><span class="sr-only" style="width:0%"></span></span></div>').appendTo( $li ).find('.sr-only');
+				}
+				$li.find(".state").text("上传中");
+				$percent.css( 'width', percentage * 100 + '%' );
+			});
+
+			// 文件上传成功，给item添加成功class, 用样式标记上传成功。
+			uploader.on( 'uploadSuccess', function( file ) {
+				$( '#'+file.id ).addClass('upload-state-success').find(".state").text("已上传");
+			});
+
+			// 文件上传失败，显示上传出错。
+			uploader.on( 'uploadError', function( file ) {
+				$( '#'+file.id ).addClass('upload-state-error').find(".state").text("上传出错");
+			});
+
+			// 完成上传完了，成功或者失败，先删除进度条。
+			uploader.on( 'uploadComplete', function( file ) {
+				$( '#'+file.id ).find('.progress-box').fadeOut();
+			});
+			uploader.on('all', function (type) {
+				if (type === 'startUpload') {
+					state = 'uploading';
+				} else if (type === 'stopUpload') {
+					state = 'paused';
+				} else if (type === 'uploadFinished') {
+					state = 'done';
+				}
+
+				if (state === 'uploading') {
+					$btn.text('暂停上传');
+				} else {
+					$btn.text('开始上传');
+				}
+			});
+
+			$btn.on('click', function () {
+				if (state === 'uploading') {
+					uploader.stop();
+				} else {
+					uploader.upload();
+				}
+			});
+
+			var ue = UE.getEditor('editor');
+
+		});
+        $(function () {
+            var ue = UE.getEditor('introductions', {
+                //关闭字数统计
+                wordCount: false,
+                toolbars: [['fullscreen', 'source', '|', 'undo', 'redo', '|',
+                    'bold', 'italic', 'underline', 'fontborder', 'strikethrough', 'superscript', 'subscript', 'removeformat', 'formatmatch', 'autotypeset', 'blockquote', 'pasteplain', '|', 'forecolor', 'backcolor', 'insertorderedlist', 'insertunorderedlist', 'selectall', 'cleardoc', '|',
+                    'rowspacingtop', 'rowspacingbottom', 'lineheight', '|',
+                    'customstyle', 'paragraph', 'fontfamily', 'fontsize', '|',
+                    'directionalityltr', 'directionalityrtl', 'indent', '|',
+                    'justifyleft', 'justifycenter', 'justifyright', 'justifyjustify', '|', 'touppercase', 'tolowercase', '|',
+                    'link', 'unlink', 'anchor', '|', 'imagenone', 'imageleft', 'imageright', 'imagecenter', '|',
+                    'insertimage', 'emotion', 'insertvideo', 'attachment', 'map', 'template', 'background', '|',
+                    'horizontal', 'date', 'time', 'spechars', 'wordimage', '|',
+                    'inserttable', 'deletetable', 'insertparagraphbeforetable', 'insertrow', 'deleterow', 'insertcol', 'deletecol', 'mergecells', 'mergeright', 'mergedown', 'splittocells', 'splittorows', 'splittocols', 'charts', '|',
+                    'print', 'preview', 'searchreplace', 'help'
+                ]],
+                //关闭elementPath
+                elementPathEnabled: false,
+            });
+        });
+        function show(obj) {
+			var jt=obj;
+			if (jt==1){
+                $("#reone").removeClass("recom").addClass("recomshow");
+                $("#retwo").removeClass("recom").addClass("recomshow");
+			}
+			if (jt!=1){
+                $("#reone").removeClass("recomshow").addClass("recom");
+                $("#retwo").removeClass("recomshow").addClass("recom");
+			}
+        }
+	</script>
+
+	<!--/请在上方写此页面业务相关的脚本-->
+</body>
+</html>

src/main/webapp/WEB-INF/jsp/admin/courseimgs-add.jsp

@@ -0,0 +1,273 @@
+<%@ page language="java" contentType="text/html; charset=UTF-8"
+		 pageEncoding="UTF-8"%>
+<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
+<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
+<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
+<% String base = pageContext.getServletContext().getContextPath(); %>
+<!--_meta 作为公共模版分离出去-->
+<!DOCTYPE HTML>
+<html>
+<head>
+<meta charset="utf-8">
+	<script type="text/javascript">
+        window.UEDITOR_SERVER_URL = '<%=base%>';
+	</script>
+<meta name="renderer" content="webkit|ie-comp|ie-stand">
+<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
+<meta http-equiv="Cache-Control" content="no-siteapp" />
+<link rel="Bookmark" href="/favicon.ico" >
+<link rel="Shortcut Icon" href="/favicon.ico" />
+<!--[if lt IE 9]>
+	<script type="text/javascript" src="${pageContext.request.contextPath}/lib/html5shiv.js"></script>
+	<script type="text/javascript" src="${pageContext.request.contextPath}/lib/respond.min.js"></script>
+	<![endif]-->
+	<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/static/h-ui/css/H-ui.min.css" />
+	<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/static/h-ui.admin/css/H-ui.admin.css" />
+	<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/lib/Hui-iconfont/1.0.8/iconfont.css" />
+	<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/static/h-ui.admin/skin/default/skin.css" id="skin" />
+	<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/static/h-ui.admin/css/style.css" />
+	<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/static/h-ui.admin/css/page.css" />
+	<!--[if IE 6]>
+	<script type="text/javascript" src="${pageContext.request.contextPath}/lib/DD_belatedPNG_0.0.8a-min.js" ></script>
+	<script>DD_belatedPNG.fix('*');</script>
+<![endif]-->
+<!--/meta 作为公共模版分离出去-->
+
+<title>新增新闻 - 新闻管理 - H-ui.admin v3.1</title>
+<meta name="keywords" content="H-ui.admin v3.1,H-ui网站后台模版,后台模版下载,后台管理系统模版,HTML后台模版下载">
+<meta name="description" content="H-ui.admin v3.1，是一款由国人开发的轻量级扁平化网站后台模板，完全免费开源的网站后台管理系统模版，适合中小型CMS后台系统。">
+
+</head>
+<body>
+<article class="page-container">
+	<form class="form form-horizontal" id="form-article-add" action="courseimgs-add.html" method="post" enctype="multipart/form-data">
+		<div class="row cl " id="retwo">
+			<label class="form-label col-xs-4 col-sm-2">首页图：</label>
+			<div class="formControls col-xs-8 col-sm-4">
+				<input type="file" class="input-text" name="filename" id="ipt">
+			</div>
+			<div class="formControls col-xs-8 col-sm-2">
+				<img alt="" src="" width="90" height="60" id="showIpt">
+			</div>
+			<div class="formControls col-xs-8 col-sm-4">
+				<span class="c-red">图片最佳尺寸(像素)：200 x 164</span>
+			</div>
+		</div>
+		<div class="row cl">
+			<label class="form-label col-xs-4 col-sm-2">排序值：</label>
+			<div class="formControls col-xs-8 col-sm-9">
+				<input type="number" class="input-text" value="0" placeholder="" id="sort" name="sort" style="width: 50%;">
+			</div>
+		</div>
+		<div class="row cl">
+			<label class="form-label col-xs-4 col-sm-2">发布日期：</label>
+			<div class="formControls col-xs-8 col-sm-9">
+				<input type="text"  value="" onfocus="WdatePicker({ dateFmt:'yyyy-MM-dd HH:mm:ss' })" id="releasetime" name="releasetime" class="input-text Wdate">
+			</div>
+		</div>
+            <div class="row cl">
+				<div class="col-xs-8 col-sm-9 col-xs-offset-4 col-sm-offset-2">
+                <button onClick="article_save_submit();" class="btn btn-primary radius" type="submit"> <i class="Hui-iconfont">&#xe632;  </i>  新增</button>
+            <a class="btn btn-default radius" href="javascript:history.go(-1)"  type="button" >&nbsp;&nbsp;取消&nbsp;&nbsp;</a>
+            </div>
+            </div>
+	</form>
+</article>
+
+	<!--_footer 作为公共模版分离出去-->
+	<script type="text/javascript" src="${pageContext.request.contextPath}/lib/jquery/1.9.1/jquery.min.js"></script>
+	<script type="text/javascript" src="${pageContext.request.contextPath}/lib/layer/2.4/layer.js"></script>
+	<script type="text/javascript" src="${pageContext.request.contextPath}${pageContext.request.contextPath}/static/h-ui/js/H-ui.min.js"></script>
+	<script type="text/javascript" src="${pageContext.request.contextPath}${pageContext.request.contextPath}/static/h-ui.admin/js/H-ui.admin.js"></script> <!--/_footer /作为公共模版分离出去-->
+
+	<!--请在下方写此页面业务相关的脚本-->
+	<script type="text/javascript" src="${pageContext.request.contextPath}/lib/My97DatePicker/4.8/WdatePicker.js"></script>
+	<script type="text/javascript" src="${pageContext.request.contextPath}/lib/jquery.validation/1.14.0/jquery.validate.js"></script>
+	<script type="text/javascript" src="${pageContext.request.contextPath}/lib/jquery.validation/1.14.0/validate-methods.js"></script>
+	<script type="text/javascript" src="${pageContext.request.contextPath}/lib/jquery.validation/1.14.0/messages_zh.js"></script>
+	<script type="text/javascript" src="${pageContext.request.contextPath}/lib/webuploader/0.1.5/webuploader.min.js"></script>
+	<script type="text/javascript" src="${pageContext.request.contextPath}/lib/ueditor/1.4.3/ueditor.config.js"></script>
+	<script type="text/javascript" src="${pageContext.request.contextPath}/lib/ueditor/1.4.3/ueditor.all.min.js"> </script>
+	<script type="text/javascript" src="${pageContext.request.contextPath}/lib/ueditor/1.4.3/lang/zh-cn/zh-cn.js"></script>
+	<script type="text/javascript" charset="utf-8" src="${pageContext.request.contextPath}/lib/ueditor/1.4.3/ueditor.config.js"></script> <!--ueditor的配置文件-->
+	<script type="text/javascript" charset="utf-8" src="${pageContext.request.contextPath}/lib/ueditor/1.4.3/ueditor.all.min.js"></script> <!--ueditor核心文件-->
+	<script type="text/javascript" charset="utf-8" src="${pageContext.request.contextPath}/lib/ueditor/1.4.3/lang/zh-cn/zh-cn.js"></script> <!--ueditor语言文件-->
+
+	<!-- 百度文本编辑器   引用文件 -->
+
+	<script src="<%=base%>/static/ue/ueditor.config.js" type="text/javascript"></script>
+	<script src="<%=base%>/static/ue/ueditor.all.js" type="text/javascript"></script>
+	<script type="text/javascript" src="<%=base%>/static/ue/lang/zh-cn/zh-cn.js"></script>
+	<script type="text/javascript" src="${pageContext.request.contextPath}/lib/layer/2.4/layer.js"></script>
+	<script type="text/javascript" src="${pageContext.request.contextPath}/static/admin/js/ajaxfileupload.js"></script>
+
+	<script type="text/javascript">
+		ipt.onchange=function(){
+			showIpt.src=URL.createObjectURL(this.files[0])
+			console.log(this.files)
+
+		}
+
+		var ue = UE.getEditor('editor',{});
+
+	$(function(){
+		$('.skin-minimal input').iCheck({
+			checkboxClass: 'icheckbox-blue',
+			radioClass: 'iradio-blue',
+			increaseArea: '20%'
+		});
+
+		/*//表单验证
+		$("#form-article-add").validate({
+			rules:{
+			},
+			onkeyup:false,
+			focusCleanup:true,
+			success:"valid",
+			submitHandler:function(form){
+				$(form).ajaxSubmit();
+				var index = parent.layer.getFrameIndex(window.name);
+				//parent.$('.btn-refresh').click();
+				parent.layer.close(index);
+			}
+		});*/
+
+		$list = $("#fileList"),
+		$btn = $("#btn-star"),
+		state = "pending",
+		uploader;
+
+		var uploader = WebUploader.create({
+			auto: true,
+			swf: 'lib/webuploader/0.1.5/Uploader.swf',
+
+			// 文件接收服务端。
+			server: 'fileupload.php',
+
+			// 选择文件的按钮。可选。
+			// 内部根据当前运行是创建，可能是input元素，也可能是flash.
+			pick: '#filePicker',
+
+			// 不压缩image, 默认如果是jpeg，文件上传前会压缩一把再上传！
+			resize: false,
+			// 只允许选择图片文件。
+			accept: {
+				title: 'Images',
+				extensions: 'gif,jpg,jpeg,bmp,png',
+				mimeTypes: 'image/*'
+			}
+		});
+		uploader.on( 'fileQueued', function( file ) {
+			var $li = $(
+				'<div id="' + file.id + '" class="item">' +
+					'<div class="pic-box"><img></div>'+
+					'<div class="info">' + file.name + '</div>' +
+					'<p class="state">等待上传...</p>'+
+				'</div>'
+			),
+			$img = $li.find('img');
+			$list.append( $li );
+
+			// 创建缩略图
+			// 如果为非图片文件，可以不用调用此方法。
+			// thumbnailWidth x thumbnailHeight 为 100 x 100
+			uploader.makeThumb( file, function( error, src ) {
+				if ( error ) {
+					$img.replaceWith('<span>不能预览</span>');
+					return;
+				}
+
+				$img.attr( 'src', src );
+			}, thumbnailWidth, thumbnailHeight );
+		});
+		// 文件上传过程中创建进度条实时显示。
+		uploader.on( 'uploadProgress', function( file, percentage ) {
+			var $li = $( '#'+file.id ),
+				$percent = $li.find('.progress-box .sr-only');
+
+			// 避免重复创建
+			if ( !$percent.length ) {
+				$percent = $('<div class="progress-box"><span class="progress-bar radius"><span class="sr-only" style="width:0%"></span></span></div>').appendTo( $li ).find('.sr-only');
+			}
+			$li.find(".state").text("上传中");
+			$percent.css( 'width', percentage * 100 + '%' );
+		});
+
+		// 文件上传成功，给item添加成功class, 用样式标记上传成功。
+		uploader.on( 'uploadSuccess', function( file ) {
+			$( '#'+file.id ).addClass('upload-state-success').find(".state").text("已上传");
+		});
+
+		// 文件上传失败，显示上传出错。
+		uploader.on( 'uploadError', function( file ) {
+			$( '#'+file.id ).addClass('upload-state-error').find(".state").text("上传出错");
+		});
+
+		// 完成上传完了，成功或者失败，先删除进度条。
+		uploader.on( 'uploadComplete', function( file ) {
+			$( '#'+file.id ).find('.progress-box').fadeOut();
+		});
+		uploader.on('all', function (type) {
+			if (type === 'startUpload') {
+				state = 'uploading';
+			} else if (type === 'stopUpload') {
+				state = 'paused';
+			} else if (type === 'uploadFinished') {
+				state = 'done';
+			}
+
+			if (state === 'uploading') {
+				$btn.text('暂停上传');
+			} else {
+				$btn.text('开始上传');
+			}
+		});
+
+		$btn.on('click', function () {
+			if (state === 'uploading') {
+				uploader.stop();
+			} else {
+				uploader.upload();
+			}
+		});
+
+		var ue = UE.getEditor('editor');
+
+	});
+        $(function () {
+            var ue = UE.getEditor('introductions', {
+                //关闭字数统计
+                wordCount: false,
+                toolbars: [['fullscreen', 'source', '|', 'undo', 'redo', '|',
+                    'bold', 'italic', 'underline', 'fontborder', 'strikethrough', 'superscript', 'subscript', 'removeformat', 'formatmatch', 'autotypeset', 'blockquote', 'pasteplain', '|', 'forecolor', 'backcolor', 'insertorderedlist', 'insertunorderedlist', 'selectall', 'cleardoc', '|',
+                    'rowspacingtop', 'rowspacingbottom', 'lineheight', '|',
+                    'customstyle', 'paragraph', 'fontfamily', 'fontsize', '|',
+                    'directionalityltr', 'directionalityrtl', 'indent', '|',
+                    'justifyleft', 'justifycenter', 'justifyright', 'justifyjustify', '|', 'touppercase', 'tolowercase', '|',
+                    'link', 'unlink', 'anchor', '|', 'imagenone', 'imageleft', 'imageright', 'imagecenter', '|',
+                    'insertimage', 'emotion', 'insertvideo', 'attachment', 'map', 'template', 'background', '|',
+                    'horizontal', 'date', 'time', 'spechars', 'wordimage', '|',
+                    'inserttable', 'deletetable', 'insertparagraphbeforetable', 'insertrow', 'deleterow', 'insertcol', 'deletecol', 'mergecells', 'mergeright', 'mergedown', 'splittocells', 'splittorows', 'splittocols', 'charts', '|',
+                    'print', 'preview', 'searchreplace', 'help'
+                ]],
+                //关闭elementPath
+                elementPathEnabled: false,
+            });
+        });
+
+        function show(obj) {
+            var jt=obj;
+            if (jt==1){
+                $("#reone").removeClass("recom").addClass("recomshow");
+                $("#retwo").removeClass("recom").addClass("recomshow");
+            }
+            if (jt!=1){
+                $("#reone").removeClass("recomshow").addClass("recom");
+                $("#retwo").removeClass("recomshow").addClass("recom");
+            }
+        }
+	</script>
+<!--/请在上方写此页面业务相关的脚本-->
+</body>
+</html>

src/main/webapp/WEB-INF/jsp/admin/courseimgs-list.jsp

@@ -0,0 +1,152 @@
+<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
+<%@taglib  uri="http://java.sun.com/jsp/jstl/functions" prefix="fn"%>
+<%@ page contentType="text/html;charset=UTF-8" language="java" %>
+<!DOCTYPE HTML>
+<html>
+<head>
+	<meta charset="utf-8">
+	<meta name="renderer" content="webkit|ie-comp|ie-stand">
+	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+	<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
+	<meta http-equiv="Cache-Control" content="no-siteapp" />
+	<!--[if lt IE 9]>
+	<script type="text/javascript" src="${pageContext.request.contextPath}/lib/html5shiv.js"></script>
+	<script type="text/javascript" src="${pageContext.request.contextPath}/lib/respond.min.js"></script>
+	<![endif]-->
+    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}${pageContext.request.contextPath}/static/h-ui/css/H-ui.min.css" />
+    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}${pageContext.request.contextPath}/static/h-ui.admin/css/H-ui.admin.css" />
+    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}${pageContext.request.contextPath}/lib/Hui-iconfont/1.0.8/iconfont.css" />
+    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}${pageContext.request.contextPath}/static/h-ui.admin/skin/default/skin.css" id="skin" />
+    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}${pageContext.request.contextPath}/static/h-ui.admin/css/style.css" />
+    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}${pageContext.request.contextPath}/static/h-ui.admin/css/page.css" />
+	<script>DD_belatedPNG.fix('*');</script>
+	<title>新闻列表</title>
+</head>
+<body>
+<nav class="breadcrumb"><i class="Hui-iconfont">&#xe67f;</i> 首页 <span class="c-gray en">&gt;</span> ${sessionScope.headNames} <span class="c-gray en">&gt;</span> 首页图 <a class="btn btn-success radius r" style="line-height:1.6em;margin-top:3px" href="javascript:location.replace(location.href);" title="刷新" ><i class="Hui-iconfont">&#xe68f;</i></a></nav>
+<div class="page-container">
+
+	<div class="cl pd-5 bg-1 bk-gray mt-20"> <span class="l"> <a class="btn btn-primary radius" title="添加首页图" href="courseimgs-save.html" ><i class="Hui-iconfont">&#xe600;</i> 添加首页图</a></span> </div>
+	<div class="mt-20">
+		<table class="table table-border table-bordered table-bg table-hover table-sort table-responsive">
+			<thead>
+				<tr class="text-c">
+					<th width="80">ID</th>
+					<th width="100">图片</th>
+					<th width="80">排序值</th>
+					<th width="135">更新时间</th>
+					<th width="200">操作</th>
+				</tr>
+			</thead>
+			<tbody>
+				<c:forEach items="${Courseimgs}" var="item">
+				<tr class="text-c">
+					<td>${item.id}</td>
+					<td><img style="width: 130px;height: 90px " src=" ${item.imgs}"></td>
+					<td>${item.sort}</td>
+					<td>${item.releasetime}</td>
+
+					<td class="f-14 td-manage">
+						<a style="text-decoration:none" class="ml-5" href="courseimgs.html?id=${item.id}"  title="编辑"><i class="Hui-iconfont">&#xe6df; </i>编辑</a>
+						<a style="text-decoration:none" class="ml-5" onClick="article_del(this,${item.id})"  title="删除"><i class="Hui-iconfont">&#xe6e2;</i>删除</a></td>
+				</tr>
+				</c:forEach>
+			</tbody>
+		</table>
+	</div>
+</div>
+<!--_footer 作为公共模版分离出去-->
+<script type="text/javascript" src="${pageContext.request.contextPath}/lib/jquery/1.9.1/jquery.min.js"></script>
+<script type="text/javascript" src="${pageContext.request.contextPath}/lib/layer/2.4/layer.js"></script>
+<script type="text/javascript" src="${pageContext.request.contextPath}${pageContext.request.contextPath}/static/h-ui/js/H-ui.min.js"></script>
+<script type="text/javascript" src="${pageContext.request.contextPath}${pageContext.request.contextPath}/static/h-ui.admin/js/H-ui.admin.js"></script> <!--/_footer 作为公共模版分离出去-->
+
+<!--请在下方写此页面业务相关的脚本-->
+<script type="text/javascript" src="${pageContext.request.contextPath}/lib/My97DatePicker/4.8/WdatePicker.js"></script>
+<script type="text/javascript">
+
+
+    // $('.table-sort').dataTable({
+    // 	"aaSorting": [[ 1, "desc" ]],//默认第几个排序
+    // 	"bStateSave": true,//状态保存
+    // 	"pading":false,
+    // 	"aoColumnDefs": [
+    // 	  //{"bVisible": false, "aTargets": [ 3 ]} //控制列的隐藏显示
+    // 	  {"orderable":false,"aTargets":[0,8]}// 不参与排序的列
+    // 	]
+    // });
+
+    /*分页搜索*/
+
+
+
+    /*搜索标题*/
+    function searchByTitleName() {
+        //首先获取关键字
+        var titlename = $("#titlename").val();
+        alert("根据" + titlename + "搜索");
+        //跳转页面
+        location.href = "journalism-list.html?titlename=" + titlename;
+    }
+
+
+    /*批量删除*/
+    function datadel() {
+        var chkvalue ="" //定义一个数组
+        $("input[name='ck']:checked").each(function () {
+            chkvalue += $(this).val() + ",";
+        });
+        window.location.href = "deleteSomeJournalism?chkvalue=" + chkvalue;
+    }
+
+
+    /*全选和全不选*/
+    function checkBox(ckAll) {
+        //全选控制子窗
+        var cks = document.getElementsByName("ck");
+        for (var i = 0; i < cks.length; i++) {
+            cks[i].checked = ckAll.checked;
+        }
+        for (var i = 0; i < cks.length; i++) {
+            cks[i].onclick = function () {
+                if (!this.checked) {
+                    ckAll.checked = false;
+                }
+            };
+
+        }
+    }
+    /*资讯-添加*/
+    function article_add(title,url,w,h){
+        var index = layer.open({
+            type: 2,
+            title: title,
+            content: url
+        });
+        layer.full(index);
+    }
+    /*资讯-编辑*/
+    function article_edit(url,id){
+        var index = layer.open({
+            type: 2,
+            title: title,
+            content: url,
+            id: id
+        });
+        layer.full(index);
+
+    }
+    /*资讯-删除*/
+    function article_del(obj,id){
+        layer.confirm('确认要删除吗？',function(index){
+            $.post("delCourseimgsId.html", {"id": id}, function () {
+                console.log(111);
+                $(obj).parents("tr").remove();
+                layer.msg('已删除!', {icon: 1, time: 1000});
+            });
+        });
+    }
+
+</script>
+</body>
+</html>

src/main/webapp/WEB-INF/jsp/admin/courseimgs-update.jsp

@@ -0,0 +1,296 @@
+<%@ page language="java" contentType="text/html; charset=UTF-8"
+		 pageEncoding="UTF-8"%>
+<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
+<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
+<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
+<% String base = pageContext.getServletContext().getContextPath(); %>
+<!--_meta 作为公共模版分离出去-->
+<!DOCTYPE HTML>
+<html>
+<head>
+<meta charset="utf-8">
+	<script type="text/javascript">
+        window.UEDITOR_SERVER_URL = '<%=base%>';
+	</script>
+<meta name="renderer" content="webkit|ie-comp|ie-stand">
+<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
+<meta http-equiv="Cache-Control" content="no-siteapp" />
+<link rel="Bookmark" href="/favicon.ico" >
+<link rel="Shortcut Icon" href="/favicon.ico" />
+<!--[if lt IE 9]>
+	<script type="text/javascript" src="${pageContext.request.contextPath}/lib/html5shiv.js"></script>
+	<script type="text/javascript" src="${pageContext.request.contextPath}/lib/respond.min.js"></script>
+	<![endif]-->
+	<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/static/h-ui/css/H-ui.min.css" />
+	<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/static/h-ui.admin/css/H-ui.admin.css" />
+	<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/lib/Hui-iconfont/1.0.8/iconfont.css" />
+	<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/static/h-ui.admin/skin/default/skin.css" id="skin" />
+	<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/static/h-ui.admin/css/style.css" />
+	<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/static/h-ui.admin/css/page.css" />
+	<!--[if IE 6]>
+	<script type="text/javascript" src="${pageContext.request.contextPath}/lib/DD_belatedPNG_0.0.8a-min.js" ></script>
+	<script>DD_belatedPNG.fix('*');</script>
+<![endif]-->
+<!--/meta 作为公共模版分离出去-->
+
+<title>修改新闻 - 新闻管理 - H-ui.admin v3.1</title>
+<meta name="keywords" content="H-ui.admin v3.1,H-ui网站后台模版,后台模版下载,后台管理系统模版,HTML后台模版下载">
+<meta name="description" content="H-ui.admin v3.1，是一款由国人开发的轻量级扁平化网站后台模板，完全免费开源的网站后台管理系统模版，适合中小型CMS后台系统。">
+</head>
+
+<body>
+
+<article class="page-container">
+	<form class="form form-horizontal" id="form-article-add" action="courseimgs-update.html" method="post" enctype="multipart/form-data">
+		<div class="row cl recom" id="retwo">
+			<label class="form-label col-xs-4 col-sm-2">首页图：</label>
+			<div class="formControls col-xs-8 col-sm-4">
+				<input type="file" class="input-text" name="filename" id="ipt">
+			</div>
+			<div class="formControls col-xs-8 col-sm-2">
+				<img alt="" src="${courseimgs.imgs}" width="90" height="60" id="showIpt">
+			</div>
+			<div class="formControls col-xs-8 col-sm-4">
+				<span class="c-red">图片最佳尺寸(像素)：200 x 164</span>
+			</div>
+		</div>
+		<div class="row cl">
+			<label class="form-label col-xs-4 col-sm-2">排序值：</label>
+			<div class="formControls col-xs-8 col-sm-9">
+				<input type="hidden" name="id" id="id" value="${courseimgs.id}">
+				<input type="number" class="input-text" value="${courseimgs.sort}" placeholder="" id="sort" name="sort" style="width: 50%;">
+			</div>
+		</div>
+		<div class="row cl">
+			<label class="form-label col-xs-4 col-sm-2">修改日期：</label>
+			<div class="formControls col-xs-8 col-sm-9">
+				<input type="text"  value="${courseimgs.releasetime}" onfocus="WdatePicker({ dateFmt:'yyyy-MM-dd HH:mm:ss')" id="releasetime" name="releasetime" class="input-text Wdate">
+			</div>
+		</div>
+                <div class="row cl">
+                    <div class="col-xs-8 col-sm-9 col-xs-offset-4 col-sm-offset-2">
+                    <button   class="btn btn-primary radius"> <i class="Hui-iconfont">&#xe632;  </i>  修改</button>
+                <a class="btn btn-default radius" href="javascript:history.go(-1)"  type="button" >&nbsp;&nbsp;取消&nbsp;&nbsp;</a>
+                </div>
+                </div>
+
+
+	</form>
+</article>
+
+	<!--_footer 作为公共模版分离出去-->
+	<script type="text/javascript" src="${pageContext.request.contextPath}/static/h-ui/js/H-ui.min.js"></script>
+	<script type="text/javascript" src="${pageContext.request.contextPath}/static/h-ui.admin/js/H-ui.admin.js"></script> <!--/_footer /作为公共模版分离出去-->
+
+	<!--请在下方写此页面业务相关的脚本-->
+	<script type="text/javascript" src="${pageContext.request.contextPath}/lib/My97DatePicker/4.8/WdatePicker.js"></script>
+	<script type="text/javascript" src="${pageContext.request.contextPath}/lib/jquery.validation/1.14.0/jquery.validate.js"></script>
+	<script type="text/javascript" src="${pageContext.request.contextPath}/lib/jquery.validation/1.14.0/validate-methods.js"></script>
+	<script type="text/javascript" src="${pageContext.request.contextPath}/lib/jquery.validation/1.14.0/messages_zh.js"></script>
+	<script type="text/javascript" src="${pageContext.request.contextPath}/lib/webuploader/0.1.5/webuploader.min.js"></script>
+	<script type="text/javascript" src="${pageContext.request.contextPath}/lib/ueditor/1.4.3/ueditor.config.js"></script>
+	<script type="text/javascript" src="${pageContext.request.contextPath}/lib/ueditor/1.4.3/ueditor.all.min.js"> </script>
+	<script type="text/javascript" src="${pageContext.request.contextPath}/lib/ueditor/1.4.3/lang/zh-cn/zh-cn.js"></script>
+	<script type="text/javascript" charset="utf-8" src="${pageContext.request.contextPath}/lib/ueditor/1.4.3/ueditor.config.js"></script> <!--ueditor的配置文件-->
+	<script type="text/javascript" charset="utf-8" src="${pageContext.request.contextPath}/lib/ueditor/1.4.3/ueditor.all.min.js"></script> <!--ueditor核心文件-->
+	<script type="text/javascript" charset="utf-8" src="${pageContext.request.contextPath}/lib/ueditor/1.4.3/lang/zh-cn/zh-cn.js"></script> <!--ueditor语言文件-->
+
+	<!-- 百度文本编辑器   引用文件 -->
+
+	<script src="<%=base%>/static/ue/ueditor.config.js" type="text/javascript"></script>
+	<script src="<%=base%>/static/ue/ueditor.all.js" type="text/javascript"></script>
+	<script type="text/javascript" src="<%=base%>/static/ue/lang/zh-cn/zh-cn.js"></script>
+	<script type="text/javascript" src="${pageContext.request.contextPath}/lib/layer/2.4/layer.js"></script>
+	<script type="text/javascript" src="${pageContext.request.contextPath}/static/admin/js/ajaxfileupload.js"></script>
+
+<script type="text/javascript" src="${pageContext.request.contextPath}/lib/jquery/1.9.1/jquery.min.js"></script>
+<%--<script type="text/javascript">
+    alert("dfjghf");
+    $(function() {
+        alert(":656");
+        var pf=${newsById.recommend};
+        alert(pf);
+        if (pf==1){
+            $("#reone").removeClass("recom").addClass("recomshow");
+            $("#retwo").removeClass("recom").addClass("recomshow");
+        }
+    })
+
+</script>--%>
+
+
+
+	<script type="text/javascript">
+		ipt.onchange=function(){
+			showIpt.src=URL.createObjectURL(this.files[0])
+			console.log(this.files)
+
+		}
+
+		// function article_update_submit() {
+		// 	$("#form-article-add").submit();
+		// }
+
+		var ue = UE.getEditor('editor',{});
+
+		$(function(){
+			$('.skin-minimal input').iCheck({
+				checkboxClass: 'icheckbox-blue',
+				radioClass: 'iradio-blue',
+				increaseArea: '20%'
+			});
+
+		   /* //表单验证
+			$("#form-article-add").validate({
+				rules:{
+				},
+				onkeyup:false,
+				focusCleanup:true,
+				success:"valid",
+				submitHandler:function(form){
+					$(form).ajaxSubmit();
+					var index = parent.layer.getFrameIndex(window.name);
+					//parent.$('.btn-refresh').click();
+					parent.layer.close(index);
+				}
+			});*/
+
+			$list = $("#fileList"),
+				$btn = $("#btn-star"),
+				state = "pending",
+				uploader;
+
+			var uploader = WebUploader.create({
+				auto: true,
+				swf: 'lib/webuploader/0.1.5/Uploader.swf',
+
+				// 文件接收服务端。
+				server: 'fileupload.php',
+
+				// 选择文件的按钮。可选。
+				// 内部根据当前运行是创建，可能是input元素，也可能是flash.
+				pick: '#filePicker',
+
+				// 不压缩image, 默认如果是jpeg，文件上传前会压缩一把再上传！
+				resize: false,
+				// 只允许选择图片文件。
+				accept: {
+					title: 'Images',
+					extensions: 'gif,jpg,jpeg,bmp,png',
+					mimeTypes: 'image/*'
+				}
+			});
+			uploader.on( 'fileQueued', function( file ) {
+				var $li = $(
+					'<div id="' + file.id + '" class="item">' +
+					'<div class="pic-box"><img></div>'+
+					'<div class="info">' + file.name + '</div>' +
+					'<p class="state">等待上传...</p>'+
+					'</div>'
+					),
+					$img = $li.find('img');
+				$list.append( $li );
+
+				// 创建缩略图
+				// 如果为非图片文件，可以不用调用此方法。
+				// thumbnailWidth x thumbnailHeight 为 100 x 100
+				uploader.makeThumb( file, function( error, src ) {
+					if ( error ) {
+						$img.replaceWith('<span>不能预览</span>');
+						return;
+					}
+
+					$img.attr( 'src', src );
+				}, thumbnailWidth, thumbnailHeight );
+			});
+			// 文件上传过程中创建进度条实时显示。
+			uploader.on( 'uploadProgress', function( file, percentage ) {
+				var $li = $( '#'+file.id ),
+					$percent = $li.find('.progress-box .sr-only');
+
+				// 避免重复创建
+				if ( !$percent.length ) {
+					$percent = $('<div class="progress-box"><span class="progress-bar radius"><span class="sr-only" style="width:0%"></span></span></div>').appendTo( $li ).find('.sr-only');
+				}
+				$li.find(".state").text("上传中");
+				$percent.css( 'width', percentage * 100 + '%' );
+			});
+
+			// 文件上传成功，给item添加成功class, 用样式标记上传成功。
+			uploader.on( 'uploadSuccess', function( file ) {
+				$( '#'+file.id ).addClass('upload-state-success').find(".state").text("已上传");
+			});
+
+			// 文件上传失败，显示上传出错。
+			uploader.on( 'uploadError', function( file ) {
+				$( '#'+file.id ).addClass('upload-state-error').find(".state").text("上传出错");
+			});
+
+			// 完成上传完了，成功或者失败，先删除进度条。
+			uploader.on( 'uploadComplete', function( file ) {
+				$( '#'+file.id ).find('.progress-box').fadeOut();
+			});
+			uploader.on('all', function (type) {
+				if (type === 'startUpload') {
+					state = 'uploading';
+				} else if (type === 'stopUpload') {
+					state = 'paused';
+				} else if (type === 'uploadFinished') {
+					state = 'done';
+				}
+
+				if (state === 'uploading') {
+					$btn.text('暂停上传');
+				} else {
+					$btn.text('开始上传');
+				}
+			});
+
+			$btn.on('click', function () {
+				if (state === 'uploading') {
+					uploader.stop();
+				} else {
+					uploader.upload();
+				}
+			});
+
+			var ue = UE.getEditor('editor');
+
+		});
+        $(function () {
+            var ue = UE.getEditor('introductions', {
+                //关闭字数统计
+                wordCount: false,
+                toolbars: [['fullscreen', 'source', '|', 'undo', 'redo', '|',
+                    'bold', 'italic', 'underline', 'fontborder', 'strikethrough', 'superscript', 'subscript', 'removeformat', 'formatmatch', 'autotypeset', 'blockquote', 'pasteplain', '|', 'forecolor', 'backcolor', 'insertorderedlist', 'insertunorderedlist', 'selectall', 'cleardoc', '|',
+                    'rowspacingtop', 'rowspacingbottom', 'lineheight', '|',
+                    'customstyle', 'paragraph', 'fontfamily', 'fontsize', '|',
+                    'directionalityltr', 'directionalityrtl', 'indent', '|',
+                    'justifyleft', 'justifycenter', 'justifyright', 'justifyjustify', '|', 'touppercase', 'tolowercase', '|',
+                    'link', 'unlink', 'anchor', '|', 'imagenone', 'imageleft', 'imageright', 'imagecenter', '|',
+                    'insertimage', 'emotion', 'insertvideo', 'attachment', 'map', 'template', 'background', '|',
+                    'horizontal', 'date', 'time', 'spechars', 'wordimage', '|',
+                    'inserttable', 'deletetable', 'insertparagraphbeforetable', 'insertrow', 'deleterow', 'insertcol', 'deletecol', 'mergecells', 'mergeright', 'mergedown', 'splittocells', 'splittorows', 'splittocols', 'charts', '|',
+                    'print', 'preview', 'searchreplace', 'help'
+                ]],
+                //关闭elementPath
+                elementPathEnabled: false,
+            });
+        });
+        function show(obj) {
+			var jt=obj;
+			if (jt==1){
+                $("#reone").removeClass("recom").addClass("recomshow");
+                $("#retwo").removeClass("recom").addClass("recomshow");
+			}
+			if (jt!=1){
+                $("#reone").removeClass("recomshow").addClass("recom");
+                $("#retwo").removeClass("recomshow").addClass("recom");
+			}
+        }
+	</script>
+
+	<!--/请在上方写此页面业务相关的脚本-->
+</body>
+</html>

src/main/webapp/WEB-INF/jsp/admin/questionbank-add.jsp

@@ -0,0 +1,279 @@
+<%@ page language="java" contentType="text/html; charset=UTF-8"
+		 pageEncoding="UTF-8"%>
+<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
+<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
+<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
+<% String base = pageContext.getServletContext().getContextPath(); %>
+<!--_meta 作为公共模版分离出去-->
+<!DOCTYPE HTML>
+<html>
+<head>
+<meta charset="utf-8">
+	<script type="text/javascript">
+        window.UEDITOR_SERVER_URL = '<%=base%>';
+	</script>
+<meta name="renderer" content="webkit|ie-comp|ie-stand">
+<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
+<meta http-equiv="Cache-Control" content="no-siteapp" />
+<link rel="Bookmark" href="/favicon.ico" >
+<link rel="Shortcut Icon" href="/favicon.ico" />
+<!--[if lt IE 9]>
+	<script type="text/javascript" src="${pageContext.request.contextPath}/lib/html5shiv.js"></script>
+	<script type="text/javascript" src="${pageContext.request.contextPath}/lib/respond.min.js"></script>
+	<![endif]-->
+	<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/static/h-ui/css/H-ui.min.css" />
+	<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/static/h-ui.admin/css/H-ui.admin.css" />
+	<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/lib/Hui-iconfont/1.0.8/iconfont.css" />
+	<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/static/h-ui.admin/skin/default/skin.css" id="skin" />
+	<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/static/h-ui.admin/css/style.css" />
+	<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/static/h-ui.admin/css/page.css" />
+	<!--[if IE 6]>
+	<script type="text/javascript" src="${pageContext.request.contextPath}/lib/DD_belatedPNG_0.0.8a-min.js" ></script>
+	<script>DD_belatedPNG.fix('*');</script>
+<![endif]-->
+<!--/meta 作为公共模版分离出去-->
+
+<title>新增新闻 - 新闻管理 - H-ui.admin v3.1</title>
+<meta name="keywords" content="H-ui.admin v3.1,H-ui网站后台模版,后台模版下载,后台管理系统模版,HTML后台模版下载">
+<meta name="description" content="H-ui.admin v3.1，是一款由国人开发的轻量级扁平化网站后台模板，完全免费开源的网站后台管理系统模版，适合中小型CMS后台系统。">
+
+</head>
+<body>
+<article class="page-container">
+	<form class="form form-horizontal" id="form-article-add" action="questionbank-add.html" method="post" enctype="multipart/form-data">
+		<div class="row cl">
+			<label class="form-label col-xs-4 col-sm-2"><span class="c-red">*</span>新闻标题：</label>
+			<div class="formControls col-xs-8 col-sm-9">
+				<input type="text" class="input-text" value="" placeholder="" id="nam" name="name">
+			</div>
+		</div>
+		<div class="row cl " id="retwo">
+			<label class="form-label col-xs-4 col-sm-2">文件路径：</label>
+			<div class="formControls col-xs-8 col-sm-4">
+				<input type="file" class="input-text" name="filename" id="ipt">
+			</div>
+			<%--<div class="formControls col-xs-8 col-sm-2">
+				<img alt="" src="" width="90" height="60" id="showIpt">
+			</div>
+			<div class="formControls col-xs-8 col-sm-4">
+				<span class="c-red">图片最佳尺寸(像素)：200 x 164</span>
+			</div>--%>
+		</div>
+		<div class="row cl">
+			<label class="form-label col-xs-4 col-sm-2">排序值：</label>
+			<div class="formControls col-xs-8 col-sm-9">
+				<input type="number" class="input-text" value="0" placeholder="" id="sort" name="sort" style="width: 50%;">
+			</div>
+		</div>
+		<div class="row cl">
+			<label class="form-label col-xs-4 col-sm-2">发布日期：</label>
+			<div class="formControls col-xs-8 col-sm-9">
+				<input type="text"  value="" onfocus="WdatePicker({ dateFmt:'yyyy-MM-dd HH:mm:ss' })" id="time" name="time" class="input-text Wdate">
+			</div>
+		</div>
+            <div class="row cl">
+				<div class="col-xs-8 col-sm-9 col-xs-offset-4 col-sm-offset-2">
+                <button onClick="article_save_submit();" class="btn btn-primary radius" type="submit"> <i class="Hui-iconfont">&#xe632;  </i>  新增</button>
+            <a class="btn btn-default radius" href="javascript:history.go(-1)"  type="button" >&nbsp;&nbsp;取消&nbsp;&nbsp;</a>
+            </div>
+            </div>
+	</form>
+</article>
+
+	<!--_footer 作为公共模版分离出去-->
+	<script type="text/javascript" src="${pageContext.request.contextPath}/lib/jquery/1.9.1/jquery.min.js"></script>
+	<script type="text/javascript" src="${pageContext.request.contextPath}/lib/layer/2.4/layer.js"></script>
+	<script type="text/javascript" src="${pageContext.request.contextPath}${pageContext.request.contextPath}/static/h-ui/js/H-ui.min.js"></script>
+	<script type="text/javascript" src="${pageContext.request.contextPath}${pageContext.request.contextPath}/static/h-ui.admin/js/H-ui.admin.js"></script> <!--/_footer /作为公共模版分离出去-->
+
+	<!--请在下方写此页面业务相关的脚本-->
+	<script type="text/javascript" src="${pageContext.request.contextPath}/lib/My97DatePicker/4.8/WdatePicker.js"></script>
+	<script type="text/javascript" src="${pageContext.request.contextPath}/lib/jquery.validation/1.14.0/jquery.validate.js"></script>
+	<script type="text/javascript" src="${pageContext.request.contextPath}/lib/jquery.validation/1.14.0/validate-methods.js"></script>
+	<script type="text/javascript" src="${pageContext.request.contextPath}/lib/jquery.validation/1.14.0/messages_zh.js"></script>
+	<script type="text/javascript" src="${pageContext.request.contextPath}/lib/webuploader/0.1.5/webuploader.min.js"></script>
+	<script type="text/javascript" src="${pageContext.request.contextPath}/lib/ueditor/1.4.3/ueditor.config.js"></script>
+	<script type="text/javascript" src="${pageContext.request.contextPath}/lib/ueditor/1.4.3/ueditor.all.min.js"> </script>
+	<script type="text/javascript" src="${pageContext.request.contextPath}/lib/ueditor/1.4.3/lang/zh-cn/zh-cn.js"></script>
+	<script type="text/javascript" charset="utf-8" src="${pageContext.request.contextPath}/lib/ueditor/1.4.3/ueditor.config.js"></script> <!--ueditor的配置文件-->
+	<script type="text/javascript" charset="utf-8" src="${pageContext.request.contextPath}/lib/ueditor/1.4.3/ueditor.all.min.js"></script> <!--ueditor核心文件-->
+	<script type="text/javascript" charset="utf-8" src="${pageContext.request.contextPath}/lib/ueditor/1.4.3/lang/zh-cn/zh-cn.js"></script> <!--ueditor语言文件-->
+
+	<!-- 百度文本编辑器   引用文件 -->
+
+	<script src="<%=base%>/static/ue/ueditor.config.js" type="text/javascript"></script>
+	<script src="<%=base%>/static/ue/ueditor.all.js" type="text/javascript"></script>
+	<script type="text/javascript" src="<%=base%>/static/ue/lang/zh-cn/zh-cn.js"></script>
+	<script type="text/javascript" src="${pageContext.request.contextPath}/lib/layer/2.4/layer.js"></script>
+	<script type="text/javascript" src="${pageContext.request.contextPath}/static/admin/js/ajaxfileupload.js"></script>
+
+	<script type="text/javascript">
+		/*ipt.onchange=function(){
+			showIpt.src=URL.createObjectURL(this.files[0])
+			console.log(this.files)
+
+		}*/
+
+		var ue = UE.getEditor('editor',{});
+
+	$(function(){
+		$('.skin-minimal input').iCheck({
+			checkboxClass: 'icheckbox-blue',
+			radioClass: 'iradio-blue',
+			increaseArea: '20%'
+		});
+
+		/*//表单验证
+		$("#form-article-add").validate({
+			rules:{
+			},
+			onkeyup:false,
+			focusCleanup:true,
+			success:"valid",
+			submitHandler:function(form){
+				$(form).ajaxSubmit();
+				var index = parent.layer.getFrameIndex(window.name);
+				//parent.$('.btn-refresh').click();
+				parent.layer.close(index);
+			}
+		});*/
+
+		$list = $("#fileList"),
+		$btn = $("#btn-star"),
+		state = "pending",
+		uploader;
+
+		var uploader = WebUploader.create({
+			auto: true,
+			swf: 'lib/webuploader/0.1.5/Uploader.swf',
+
+			// 文件接收服务端。
+			server: 'fileupload.php',
+
+			// 选择文件的按钮。可选。
+			// 内部根据当前运行是创建，可能是input元素，也可能是flash.
+			pick: '#filePicker',
+
+			// 不压缩image, 默认如果是jpeg，文件上传前会压缩一把再上传！
+			resize: false,
+			// 只允许选择图片文件。
+			accept: {
+				title: 'Images',
+				extensions: 'gif,jpg,jpeg,bmp,png',
+				mimeTypes: 'image/*'
+			}
+		});
+		uploader.on( 'fileQueued', function( file ) {
+			var $li = $(
+				'<div id="' + file.id + '" class="item">' +
+					'<div class="pic-box"><img></div>'+
+					'<div class="info">' + file.name + '</div>' +
+					'<p class="state">等待上传...</p>'+
+				'</div>'
+			),
+			$img = $li.find('img');
+			$list.append( $li );
+
+			// 创建缩略图
+			// 如果为非图片文件，可以不用调用此方法。
+			// thumbnailWidth x thumbnailHeight 为 100 x 100
+			uploader.makeThumb( file, function( error, src ) {
+				if ( error ) {
+					$img.replaceWith('<span>不能预览</span>');
+					return;
+				}
+
+				$img.attr( 'src', src );
+			}, thumbnailWidth, thumbnailHeight );
+		});
+		// 文件上传过程中创建进度条实时显示。
+		uploader.on( 'uploadProgress', function( file, percentage ) {
+			var $li = $( '#'+file.id ),
+				$percent = $li.find('.progress-box .sr-only');
+
+			// 避免重复创建
+			if ( !$percent.length ) {
+				$percent = $('<div class="progress-box"><span class="progress-bar radius"><span class="sr-only" style="width:0%"></span></span></div>').appendTo( $li ).find('.sr-only');
+			}
+			$li.find(".state").text("上传中");
+			$percent.css( 'width', percentage * 100 + '%' );
+		});
+
+		// 文件上传成功，给item添加成功class, 用样式标记上传成功。
+		uploader.on( 'uploadSuccess', function( file ) {
+			$( '#'+file.id ).addClass('upload-state-success').find(".state").text("已上传");
+		});
+
+		// 文件上传失败，显示上传出错。
+		uploader.on( 'uploadError', function( file ) {
+			$( '#'+file.id ).addClass('upload-state-error').find(".state").text("上传出错");
+		});
+
+		// 完成上传完了，成功或者失败，先删除进度条。
+		uploader.on( 'uploadComplete', function( file ) {
+			$( '#'+file.id ).find('.progress-box').fadeOut();
+		});
+		uploader.on('all', function (type) {
+			if (type === 'startUpload') {
+				state = 'uploading';
+			} else if (type === 'stopUpload') {
+				state = 'paused';
+			} else if (type === 'uploadFinished') {
+				state = 'done';
+			}
+
+			if (state === 'uploading') {
+				$btn.text('暂停上传');
+			} else {
+				$btn.text('开始上传');
+			}
+		});
+
+		$btn.on('click', function () {
+			if (state === 'uploading') {
+				uploader.stop();
+			} else {
+				uploader.upload();
+			}
+		});
+
+		var ue = UE.getEditor('editor');
+
+	});
+        $(function () {
+            var ue = UE.getEditor('introductions', {
+                //关闭字数统计
+                wordCount: false,
+                toolbars: [['fullscreen', 'source', '|', 'undo', 'redo', '|',
+                    'bold', 'italic', 'underline', 'fontborder', 'strikethrough', 'superscript', 'subscript', 'removeformat', 'formatmatch', 'autotypeset', 'blockquote', 'pasteplain', '|', 'forecolor', 'backcolor', 'insertorderedlist', 'insertunorderedlist', 'selectall', 'cleardoc', '|',
+                    'rowspacingtop', 'rowspacingbottom', 'lineheight', '|',
+                    'customstyle', 'paragraph', 'fontfamily', 'fontsize', '|',
+                    'directionalityltr', 'directionalityrtl', 'indent', '|',
+                    'justifyleft', 'justifycenter', 'justifyright', 'justifyjustify', '|', 'touppercase', 'tolowercase', '|',
+                    'link', 'unlink', 'anchor', '|', 'imagenone', 'imageleft', 'imageright', 'imagecenter', '|',
+                    'insertimage', 'emotion', 'insertvideo', 'attachment', 'map', 'template', 'background', '|',
+                    'horizontal', 'date', 'time', 'spechars', 'wordimage', '|',
+                    'inserttable', 'deletetable', 'insertparagraphbeforetable', 'insertrow', 'deleterow', 'insertcol', 'deletecol', 'mergecells', 'mergeright', 'mergedown', 'splittocells', 'splittorows', 'splittocols', 'charts', '|',
+                    'print', 'preview', 'searchreplace', 'help'
+                ]],
+                //关闭elementPath
+                elementPathEnabled: false,
+            });
+        });
+
+        function show(obj) {
+            var jt=obj;
+            if (jt==1){
+                $("#reone").removeClass("recom").addClass("recomshow");
+                $("#retwo").removeClass("recom").addClass("recomshow");
+            }
+            if (jt!=1){
+                $("#reone").removeClass("recomshow").addClass("recom");
+                $("#retwo").removeClass("recomshow").addClass("recom");
+            }
+        }
+	</script>
+<!--/请在上方写此页面业务相关的脚本-->
+</body>
+</html>

src/main/webapp/WEB-INF/jsp/admin/questionbank-list.jsp

@@ -0,0 +1,153 @@
+<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
+<%@taglib  uri="http://java.sun.com/jsp/jstl/functions" prefix="fn"%>
+<%@ page contentType="text/html;charset=UTF-8" language="java" %>
+<!DOCTYPE HTML>
+<html>
+<head>
+	<meta charset="utf-8">
+	<meta name="renderer" content="webkit|ie-comp|ie-stand">
+	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+	<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
+	<meta http-equiv="Cache-Control" content="no-siteapp" />
+	<!--[if lt IE 9]>
+	<script type="text/javascript" src="${pageContext.request.contextPath}/lib/html5shiv.js"></script>
+	<script type="text/javascript" src="${pageContext.request.contextPath}/lib/respond.min.js"></script>
+	<![endif]-->
+    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}${pageContext.request.contextPath}/static/h-ui/css/H-ui.min.css" />
+    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}${pageContext.request.contextPath}/static/h-ui.admin/css/H-ui.admin.css" />
+    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}${pageContext.request.contextPath}/lib/Hui-iconfont/1.0.8/iconfont.css" />
+    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}${pageContext.request.contextPath}/static/h-ui.admin/skin/default/skin.css" id="skin" />
+    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}${pageContext.request.contextPath}/static/h-ui.admin/css/style.css" />
+    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}${pageContext.request.contextPath}/static/h-ui.admin/css/page.css" />
+	<script>DD_belatedPNG.fix('*');</script>
+	<title>课程题库</title>
+</head>
+<body>
+<nav class="breadcrumb"><i class="Hui-iconfont">&#xe67f;</i> 首页 <span class="c-gray en">&gt;</span> ${sessionScope.headNames} <span class="c-gray en">&gt;</span> 课程题库 <a class="btn btn-success radius r" style="line-height:1.6em;margin-top:3px" href="javascript:location.replace(location.href);" title="刷新" ><i class="Hui-iconfont">&#xe68f;</i></a></nav>
+<div class="page-container">
+
+	<div class="cl pd-5 bg-1 bk-gray mt-20"> <span class="l"> <a class="btn btn-primary radius" title="添加信息" href="questionbank-save.html" ><i class="Hui-iconfont">&#xe600;</i> 添加信息</a></span><span class="r data_num">共有数据：<strong>${QuestionbankList.total}</strong> 条</span> </div>
+	<div class="mt-20">
+		<table class="table table-border table-bordered table-bg table-hover table-sort table-responsive">
+			<thead>
+				<tr class="text-c">
+					<th width="80">ID</th>
+					<th width="100">名称</th>
+					<th width="80">排序值</th>
+					<th width="135">更新时间</th>
+					<th width="135">下载路径</th>
+					<th width="200">操作</th>
+				</tr>
+			</thead>
+			<tbody>
+				<c:forEach items="${QuestionbankList.list}" var="item">
+				<tr class="text-c">
+					<td>${item.id}</td>
+					<td>${item.name}</td>
+					<td>${item.sort}</td>
+					<td>${item.time}</td>
+					<td>${item.paths}</td>
+					<td class="f-14 td-manage">
+						<a style="text-decoration:none" class="ml-5" href="questionbankById.html?id=${item.id}"  title="编辑"><i class="Hui-iconfont">&#xe6df; </i>编辑</a>
+						<a style="text-decoration:none" class="ml-5" onClick="article_del(this,${item.id})"  title="删除"><i class="Hui-iconfont">&#xe6e2;</i>删除</a></td>
+				</tr>
+				</c:forEach>
+			</tbody>
+		</table>
+	</div>
+</div>
+<!--_footer 作为公共模版分离出去-->
+<script type="text/javascript" src="${pageContext.request.contextPath}/lib/jquery/1.9.1/jquery.min.js"></script>
+<script type="text/javascript" src="${pageContext.request.contextPath}/lib/layer/2.4/layer.js"></script>
+<script type="text/javascript" src="${pageContext.request.contextPath}${pageContext.request.contextPath}/static/h-ui/js/H-ui.min.js"></script>
+<script type="text/javascript" src="${pageContext.request.contextPath}${pageContext.request.contextPath}/static/h-ui.admin/js/H-ui.admin.js"></script> <!--/_footer 作为公共模版分离出去-->
+
+<!--请在下方写此页面业务相关的脚本-->
+<script type="text/javascript" src="${pageContext.request.contextPath}/lib/My97DatePicker/4.8/WdatePicker.js"></script>
+<script type="text/javascript">
+
+
+    // $('.table-sort').dataTable({
+    // 	"aaSorting": [[ 1, "desc" ]],//默认第几个排序
+    // 	"bStateSave": true,//状态保存
+    // 	"pading":false,
+    // 	"aoColumnDefs": [
+    // 	  //{"bVisible": false, "aTargets": [ 3 ]} //控制列的隐藏显示
+    // 	  {"orderable":false,"aTargets":[0,8]}// 不参与排序的列
+    // 	]
+    // });
+
+    /*分页搜索*/
+
+
+
+    /*搜索标题*/
+    function searchByTitleName() {
+        //首先获取关键字
+        var titlename = $("#titlename").val();
+        alert("根据" + titlename + "搜索");
+        //跳转页面
+        location.href = "journalism-list.html?titlename=" + titlename;
+    }
+
+
+    /*批量删除*/
+    function datadel() {
+        var chkvalue ="" //定义一个数组
+        $("input[name='ck']:checked").each(function () {
+            chkvalue += $(this).val() + ",";
+        });
+        window.location.href = "deleteSomeJournalism?chkvalue=" + chkvalue;
+    }
+
+
+    /*全选和全不选*/
+    function checkBox(ckAll) {
+        //全选控制子窗
+        var cks = document.getElementsByName("ck");
+        for (var i = 0; i < cks.length; i++) {
+            cks[i].checked = ckAll.checked;
+        }
+        for (var i = 0; i < cks.length; i++) {
+            cks[i].onclick = function () {
+                if (!this.checked) {
+                    ckAll.checked = false;
+                }
+            };
+
+        }
+    }
+    /*资讯-添加*/
+    function article_add(title,url,w,h){
+        var index = layer.open({
+            type: 2,
+            title: title,
+            content: url
+        });
+        layer.full(index);
+    }
+    /*资讯-编辑*/
+    function article_edit(url,id){
+        var index = layer.open({
+            type: 2,
+            title: title,
+            content: url,
+            id: id
+        });
+        layer.full(index);
+
+    }
+    /*资讯-删除*/
+    function article_del(obj,id){
+        layer.confirm('确认要删除吗？',function(index){
+            $.post("delQuestionbankId.html", {"id": id}, function () {
+                console.log(111);
+                $(obj).parents("tr").remove();
+                layer.msg('已删除!', {icon: 1, time: 1000});
+            });
+        });
+    }
+
+</script>
+</body>
+</html>

src/main/webapp/WEB-INF/jsp/admin/questionbank-update.jsp

@@ -0,0 +1,303 @@
+<%@ page language="java" contentType="text/html; charset=UTF-8"
+		 pageEncoding="UTF-8"%>
+<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
+<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
+<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
+<% String base = pageContext.getServletContext().getContextPath(); %>
+<!--_meta 作为公共模版分离出去-->
+<!DOCTYPE HTML>
+<html>
+<head>
+<meta charset="utf-8">
+	<script type="text/javascript">
+        window.UEDITOR_SERVER_URL = '<%=base%>';
+	</script>
+<meta name="renderer" content="webkit|ie-comp|ie-stand">
+<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
+<meta http-equiv="Cache-Control" content="no-siteapp" />
+<link rel="Bookmark" href="/favicon.ico" >
+<link rel="Shortcut Icon" href="/favicon.ico" />
+<!--[if lt IE 9]>
+	<script type="text/javascript" src="${pageContext.request.contextPath}/lib/html5shiv.js"></script>
+	<script type="text/javascript" src="${pageContext.request.contextPath}/lib/respond.min.js"></script>
+	<![endif]-->
+	<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/static/h-ui/css/H-ui.min.css" />
+	<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/static/h-ui.admin/css/H-ui.admin.css" />
+	<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/lib/Hui-iconfont/1.0.8/iconfont.css" />
+	<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/static/h-ui.admin/skin/default/skin.css" id="skin" />
+	<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/static/h-ui.admin/css/style.css" />
+	<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/static/h-ui.admin/css/page.css" />
+	<!--[if IE 6]>
+	<script type="text/javascript" src="${pageContext.request.contextPath}/lib/DD_belatedPNG_0.0.8a-min.js" ></script>
+	<script>DD_belatedPNG.fix('*');</script>
+<![endif]-->
+<!--/meta 作为公共模版分离出去-->
+
+<title>修改新闻 - 新闻管理 - H-ui.admin v3.1</title>
+<meta name="keywords" content="H-ui.admin v3.1,H-ui网站后台模版,后台模版下载,后台管理系统模版,HTML后台模版下载">
+<meta name="description" content="H-ui.admin v3.1，是一款由国人开发的轻量级扁平化网站后台模板，完全免费开源的网站后台管理系统模版，适合中小型CMS后台系统。">
+</head>
+
+<body>
+
+<article class="page-container">
+	<form class="form form-horizontal" id="form-article-add" action="questionbank-update.html" method="post" enctype="multipart/form-data">
+		<div class="row cl">
+			<label class="form-label col-xs-4 col-sm-2"><span class="c-red">*</span>新闻标题：</label>
+			<div class="formControls col-xs-8 col-sm-9">
+				<input type="hidden" name="id" value="${questionbankId.id}">
+				<input type="text" class="input-text" value="${questionbankId.name}" placeholder="" id="name" name="name">
+			</div>
+		</div>
+		<div class="row cl " id="retwo">
+			<label class="form-label col-xs-4 col-sm-2">文件路径：</label>
+			<div class="formControls col-xs-8 col-sm-4">
+				<input type="file" class="input-text" name="filename" id="ipt" style="width: 30%">
+				<input value="${questionbankId.paths}" readonly id="showIpt" style="width: 30%;border: none">
+			</div>
+			<%--<div class="formControls col-xs-8 col-sm-2">
+				<img alt="" src="${}" width="90" height="60" id="showIpt">
+			</div>--%>
+			<%--<div class="formControls col-xs-8 col-sm-4">
+				<span class="c-red">图片最佳尺寸(像素)：200 x 164</span>
+			</div>--%>
+		</div>
+		<div class="row cl">
+			<label class="form-label col-xs-4 col-sm-2">排序值：</label>
+			<div class="formControls col-xs-8 col-sm-9">
+				<input type="number" class="input-text" value="${questionbankId.sort}" placeholder="" id="sort" name="sort" style="width: 50%;">
+			</div>
+		</div>
+		<div class="row cl">
+			<label class="form-label col-xs-4 col-sm-2">发布日期：</label>
+			<div class="formControls col-xs-8 col-sm-9">
+				<input type="text"  value="${questionbankId.time}" onfocus="WdatePicker({ dateFmt:'yyyy-MM-dd HH:mm:ss' })" id="time" name="time" class="input-text Wdate">
+			</div>
+		</div>
+                <div class="row cl">
+                    <div class="col-xs-8 col-sm-9 col-xs-offset-4 col-sm-offset-2">
+                    <button   class="btn btn-primary radius"> <i class="Hui-iconfont">&#xe632;  </i>  修改</button>
+                <a class="btn btn-default radius" href="javascript:history.go(-1)"  type="button" >&nbsp;&nbsp;取消&nbsp;&nbsp;</a>
+                </div>
+                </div>
+
+
+	</form>
+</article>
+
+	<!--_footer 作为公共模版分离出去-->
+	<script type="text/javascript" src="${pageContext.request.contextPath}/static/h-ui/js/H-ui.min.js"></script>
+	<script type="text/javascript" src="${pageContext.request.contextPath}/static/h-ui.admin/js/H-ui.admin.js"></script> <!--/_footer /作为公共模版分离出去-->
+
+	<!--请在下方写此页面业务相关的脚本-->
+	<script type="text/javascript" src="${pageContext.request.contextPath}/lib/My97DatePicker/4.8/WdatePicker.js"></script>
+	<script type="text/javascript" src="${pageContext.request.contextPath}/lib/jquery.validation/1.14.0/jquery.validate.js"></script>
+	<script type="text/javascript" src="${pageContext.request.contextPath}/lib/jquery.validation/1.14.0/validate-methods.js"></script>
+	<script type="text/javascript" src="${pageContext.request.contextPath}/lib/jquery.validation/1.14.0/messages_zh.js"></script>
+	<script type="text/javascript" src="${pageContext.request.contextPath}/lib/webuploader/0.1.5/webuploader.min.js"></script>
+	<script type="text/javascript" src="${pageContext.request.contextPath}/lib/ueditor/1.4.3/ueditor.config.js"></script>
+	<script type="text/javascript" src="${pageContext.request.contextPath}/lib/ueditor/1.4.3/ueditor.all.min.js"> </script>
+	<script type="text/javascript" src="${pageContext.request.contextPath}/lib/ueditor/1.4.3/lang/zh-cn/zh-cn.js"></script>
+	<script type="text/javascript" charset="utf-8" src="${pageContext.request.contextPath}/lib/ueditor/1.4.3/ueditor.config.js"></script> <!--ueditor的配置文件-->
+	<script type="text/javascript" charset="utf-8" src="${pageContext.request.contextPath}/lib/ueditor/1.4.3/ueditor.all.min.js"></script> <!--ueditor核心文件-->
+	<script type="text/javascript" charset="utf-8" src="${pageContext.request.contextPath}/lib/ueditor/1.4.3/lang/zh-cn/zh-cn.js"></script> <!--ueditor语言文件-->
+
+	<!-- 百度文本编辑器   引用文件 -->
+
+	<script src="<%=base%>/static/ue/ueditor.config.js" type="text/javascript"></script>
+	<script src="<%=base%>/static/ue/ueditor.all.js" type="text/javascript"></script>
+	<script type="text/javascript" src="<%=base%>/static/ue/lang/zh-cn/zh-cn.js"></script>
+	<script type="text/javascript" src="${pageContext.request.contextPath}/lib/layer/2.4/layer.js"></script>
+	<script type="text/javascript" src="${pageContext.request.contextPath}/static/admin/js/ajaxfileupload.js"></script>
+
+<script type="text/javascript" src="${pageContext.request.contextPath}/lib/jquery/1.9.1/jquery.min.js"></script>
+<%--<script type="text/javascript">
+    alert("dfjghf");
+    $(function() {
+        alert(":656");
+        var pf=${newsById.recommend};
+        alert(pf);
+        if (pf==1){
+            $("#reone").removeClass("recom").addClass("recomshow");
+            $("#retwo").removeClass("recom").addClass("recomshow");
+        }
+    })
+
+</script>--%>
+
+
+
+	<script type="text/javascript">
+		ipt.onchange=function(){
+			showIpt.src=URL.createObjectURL(this.files[0])
+			console.log(this.files)
+
+		}
+
+		// function article_update_submit() {
+		// 	$("#form-article-add").submit();
+		// }
+
+		var ue = UE.getEditor('editor',{});
+
+		$(function(){
+			$('.skin-minimal input').iCheck({
+				checkboxClass: 'icheckbox-blue',
+				radioClass: 'iradio-blue',
+				increaseArea: '20%'
+			});
+
+		   /* //表单验证
+			$("#form-article-add").validate({
+				rules:{
+				},
+				onkeyup:false,
+				focusCleanup:true,
+				success:"valid",
+				submitHandler:function(form){
+					$(form).ajaxSubmit();
+					var index = parent.layer.getFrameIndex(window.name);
+					//parent.$('.btn-refresh').click();
+					parent.layer.close(index);
+				}
+			});*/
+
+			$list = $("#fileList"),
+				$btn = $("#btn-star"),
+				state = "pending",
+				uploader;
+
+			var uploader = WebUploader.create({
+				auto: true,
+				swf: 'lib/webuploader/0.1.5/Uploader.swf',
+
+				// 文件接收服务端。
+				server: 'fileupload.php',
+
+				// 选择文件的按钮。可选。
+				// 内部根据当前运行是创建，可能是input元素，也可能是flash.
+				pick: '#filePicker',
+
+				// 不压缩image, 默认如果是jpeg，文件上传前会压缩一把再上传！
+				resize: false,
+				// 只允许选择图片文件。
+				accept: {
+					title: 'Images',
+					extensions: 'gif,jpg,jpeg,bmp,png',
+					mimeTypes: 'image/*'
+				}
+			});
+			uploader.on( 'fileQueued', function( file ) {
+				var $li = $(
+					'<div id="' + file.id + '" class="item">' +
+					'<div class="pic-box"><img></div>'+
+					'<div class="info">' + file.name + '</div>' +
+					'<p class="state">等待上传...</p>'+
+					'</div>'
+					),
+					$img = $li.find('img');
+				$list.append( $li );
+
+				// 创建缩略图
+				// 如果为非图片文件，可以不用调用此方法。
+				// thumbnailWidth x thumbnailHeight 为 100 x 100
+				uploader.makeThumb( file, function( error, src ) {
+					if ( error ) {
+						$img.replaceWith('<span>不能预览</span>');
+						return;
+					}
+
+					$img.attr( 'src', src );
+				}, thumbnailWidth, thumbnailHeight );
+			});
+			// 文件上传过程中创建进度条实时显示。
+			uploader.on( 'uploadProgress', function( file, percentage ) {
+				var $li = $( '#'+file.id ),
+					$percent = $li.find('.progress-box .sr-only');
+
+				// 避免重复创建
+				if ( !$percent.length ) {
+					$percent = $('<div class="progress-box"><span class="progress-bar radius"><span class="sr-only" style="width:0%"></span></span></div>').appendTo( $li ).find('.sr-only');
+				}
+				$li.find(".state").text("上传中");
+				$percent.css( 'width', percentage * 100 + '%' );
+			});
+
+			// 文件上传成功，给item添加成功class, 用样式标记上传成功。
+			uploader.on( 'uploadSuccess', function( file ) {
+				$( '#'+file.id ).addClass('upload-state-success').find(".state").text("已上传");
+			});
+
+			// 文件上传失败，显示上传出错。
+			uploader.on( 'uploadError', function( file ) {
+				$( '#'+file.id ).addClass('upload-state-error').find(".state").text("上传出错");
+			});
+
+			// 完成上传完了，成功或者失败，先删除进度条。
+			uploader.on( 'uploadComplete', function( file ) {
+				$( '#'+file.id ).find('.progress-box').fadeOut();
+			});
+			uploader.on('all', function (type) {
+				if (type === 'startUpload') {
+					state = 'uploading';
+				} else if (type === 'stopUpload') {
+					state = 'paused';
+				} else if (type === 'uploadFinished') {
+					state = 'done';
+				}
+
+				if (state === 'uploading') {
+					$btn.text('暂停上传');
+				} else {
+					$btn.text('开始上传');
+				}
+			});
+
+			$btn.on('click', function () {
+				if (state === 'uploading') {
+					uploader.stop();
+				} else {
+					uploader.upload();
+				}
+			});
+
+			var ue = UE.getEditor('editor');
+
+		});
+        $(function () {
+            var ue = UE.getEditor('introductions', {
+                //关闭字数统计
+                wordCount: false,
+                toolbars: [['fullscreen', 'source', '|', 'undo', 'redo', '|',
+                    'bold', 'italic', 'underline', 'fontborder', 'strikethrough', 'superscript', 'subscript', 'removeformat', 'formatmatch', 'autotypeset', 'blockquote', 'pasteplain', '|', 'forecolor', 'backcolor', 'insertorderedlist', 'insertunorderedlist', 'selectall', 'cleardoc', '|',
+                    'rowspacingtop', 'rowspacingbottom', 'lineheight', '|',
+                    'customstyle', 'paragraph', 'fontfamily', 'fontsize', '|',
+                    'directionalityltr', 'directionalityrtl', 'indent', '|',
+                    'justifyleft', 'justifycenter', 'justifyright', 'justifyjustify', '|', 'touppercase', 'tolowercase', '|',
+                    'link', 'unlink', 'anchor', '|', 'imagenone', 'imageleft', 'imageright', 'imagecenter', '|',
+                    'insertimage', 'emotion', 'insertvideo', 'attachment', 'map', 'template', 'background', '|',
+                    'horizontal', 'date', 'time', 'spechars', 'wordimage', '|',
+                    'inserttable', 'deletetable', 'insertparagraphbeforetable', 'insertrow', 'deleterow', 'insertcol', 'deletecol', 'mergecells', 'mergeright', 'mergedown', 'splittocells', 'splittorows', 'splittocols', 'charts', '|',
+                    'print', 'preview', 'searchreplace', 'help'
+                ]],
+                //关闭elementPath
+                elementPathEnabled: false,
+            });
+        });
+        function show(obj) {
+			var jt=obj;
+			if (jt==1){
+                $("#reone").removeClass("recom").addClass("recomshow");
+                $("#retwo").removeClass("recom").addClass("recomshow");
+			}
+			if (jt!=1){
+                $("#reone").removeClass("recomshow").addClass("recom");
+                $("#retwo").removeClass("recomshow").addClass("recom");
+			}
+        }
+	</script>
+
+	<!--/请在上方写此页面业务相关的脚本-->
+</body>
+</html>

src/main/webapp/WEB-INF/jsp/admin/team-add.jsp

@@ -0,0 +1,306 @@
+<%@ page language="java" contentType="text/html; charset=UTF-8"
+		 pageEncoding="UTF-8"%>
+<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
+<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
+<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
+<% String base = pageContext.getServletContext().getContextPath(); %>
+<!--_meta 作为公共模版分离出去-->
+<!DOCTYPE HTML>
+<html>
+<head>
+<meta charset="utf-8">
+	<script type="text/javascript">
+        window.UEDITOR_SERVER_URL = '<%=base%>';
+	</script>
+<meta name="renderer" content="webkit|ie-comp|ie-stand">
+<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
+<meta http-equiv="Cache-Control" content="no-siteapp" />
+<link rel="Bookmark" href="/favicon.ico" >
+<link rel="Shortcut Icon" href="/favicon.ico" />
+<!--[if lt IE 9]>
+	<script type="text/javascript" src="${pageContext.request.contextPath}/lib/html5shiv.js"></script>
+	<script type="text/javascript" src="${pageContext.request.contextPath}/lib/respond.min.js"></script>
+	<![endif]-->
+	<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/static/h-ui/css/H-ui.min.css" />
+	<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/static/h-ui.admin/css/H-ui.admin.css" />
+	<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/lib/Hui-iconfont/1.0.8/iconfont.css" />
+	<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/static/h-ui.admin/skin/default/skin.css" id="skin" />
+	<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/static/h-ui.admin/css/style.css" />
+	<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/static/h-ui.admin/css/page.css" />
+	<!--[if IE 6]>
+	<script type="text/javascript" src="${pageContext.request.contextPath}/lib/DD_belatedPNG_0.0.8a-min.js" ></script>
+	<script>DD_belatedPNG.fix('*');</script>
+<![endif]-->
+<!--/meta 作为公共模版分离出去-->
+
+<title>新增新闻 - 新闻管理 - H-ui.admin v3.1</title>
+<meta name="keywords" content="H-ui.admin v3.1,H-ui网站后台模版,后台模版下载,后台管理系统模版,HTML后台模版下载">
+<meta name="description" content="H-ui.admin v3.1，是一款由国人开发的轻量级扁平化网站后台模板，完全免费开源的网站后台管理系统模版，适合中小型CMS后台系统。">
+<style type="text/css">
+	.recom{
+		display: none;
+	}
+	.recomshow{
+		display: block;
+	}
+</style>
+</head>
+<body>
+<article class="page-container">
+	<form class="form form-horizontal" id="form-article-add" action="team-add.html" method="post" enctype="multipart/form-data">
+		<div class="row cl">
+			<label class="form-label col-xs-4 col-sm-2"><span class="c-red">*</span>姓名：</label>
+			<div class="formControls col-xs-8 col-sm-9">
+				<input type="text" class="input-text" value="" placeholder="" id="name" name="name">
+			</div>
+		</div>
+
+		<div class="row cl">
+			<label class="form-label col-xs-4 col-sm-2">职称：</label>
+			<div class="formControls col-xs-8 col-sm-9">
+				<input type="text" class="input-text" value="" placeholder="" id="ttoatp" name="ttoatp">
+			</div>
+		</div>
+		<div class="row cl">
+			<label class="form-label col-xs-4 col-sm-2"><span class="c-red">*</span>简述：</label>
+			<div class="formControls col-xs-8 col-sm-9">
+				<textarea class="textarea" name="describes" >}</textarea>
+			</div>
+		</div>
+		<div class="row cl recom" id="retwo">
+			<label class="form-label col-xs-4 col-sm-2">首页图：</label>
+			<div class="formControls col-xs-8 col-sm-4">
+				<input type="file" class="input-text" name="filename" id="ipt">
+			</div>
+			<div class="formControls col-xs-8 col-sm-2">
+				<img alt="" src="" width="90" height="60" id="showIpt">
+			</div>
+			<div class="formControls col-xs-8 col-sm-4">
+				<span class="c-red">图片最佳尺寸(像素)：200 x 164</span>
+			</div>
+		</div>
+		<div class="row cl">
+			<label class="form-label col-xs-4 col-sm-2">排序值：</label>
+			<div class="formControls col-xs-8 col-sm-9">
+				<input type="number" class="input-text" value="0" placeholder="" id="sort" name="sort" style="width: 50%;">
+			</div>
+		</div>
+		<div class="row cl">
+			<label class="form-label col-xs-4 col-sm-2">更新日期：</label>
+			<div class="formControls col-xs-8 col-sm-4">
+
+				<input type="text" onfocus="WdatePicker({ dateFmt:'yyyy-MM-dd HH:mm:ss' })" id="releasetime" name="releasetime" class="input-text Wdate" >
+			</div>
+		</div>
+
+		<div class="row cl">
+			<label class="form-label col-xs-4 col-sm-2">详情信息：</label>
+			<div class="formControls col-xs-8 col-sm-9">
+				<script id="editor" name="detials" type="text/plain" style="width:100%;height:400px;"  ></script></div>
+		</div>
+            <div class="row cl">
+				<div class="col-xs-8 col-sm-9 col-xs-offset-4 col-sm-offset-2">
+                <button onClick="article_save_submit();" class="btn btn-primary radius" type="submit"> <i class="Hui-iconfont">&#xe632;  </i>  新增</button>
+            <a class="btn btn-default radius" href="javascript:history.go(-1)"  type="button" >&nbsp;&nbsp;取消&nbsp;&nbsp;</a>
+            </div>
+            </div>
+	</form>
+</article>
+
+	<!--_footer 作为公共模版分离出去-->
+	<script type="text/javascript" src="${pageContext.request.contextPath}/lib/jquery/1.9.1/jquery.min.js"></script>
+	<script type="text/javascript" src="${pageContext.request.contextPath}/lib/layer/2.4/layer.js"></script>
+	<script type="text/javascript" src="${pageContext.request.contextPath}${pageContext.request.contextPath}/static/h-ui/js/H-ui.min.js"></script>
+	<script type="text/javascript" src="${pageContext.request.contextPath}${pageContext.request.contextPath}/static/h-ui.admin/js/H-ui.admin.js"></script> <!--/_footer /作为公共模版分离出去-->
+
+	<!--请在下方写此页面业务相关的脚本-->
+	<script type="text/javascript" src="${pageContext.request.contextPath}/lib/My97DatePicker/4.8/WdatePicker.js"></script>
+	<script type="text/javascript" src="${pageContext.request.contextPath}/lib/jquery.validation/1.14.0/jquery.validate.js"></script>
+	<script type="text/javascript" src="${pageContext.request.contextPath}/lib/jquery.validation/1.14.0/validate-methods.js"></script>
+	<script type="text/javascript" src="${pageContext.request.contextPath}/lib/jquery.validation/1.14.0/messages_zh.js"></script>
+	<script type="text/javascript" src="${pageContext.request.contextPath}/lib/webuploader/0.1.5/webuploader.min.js"></script>
+	<script type="text/javascript" src="${pageContext.request.contextPath}/lib/ueditor/1.4.3/ueditor.config.js"></script>
+	<script type="text/javascript" src="${pageContext.request.contextPath}/lib/ueditor/1.4.3/ueditor.all.min.js"> </script>
+	<script type="text/javascript" src="${pageContext.request.contextPath}/lib/ueditor/1.4.3/lang/zh-cn/zh-cn.js"></script>
+	<script type="text/javascript" charset="utf-8" src="${pageContext.request.contextPath}/lib/ueditor/1.4.3/ueditor.config.js"></script> <!--ueditor的配置文件-->
+	<script type="text/javascript" charset="utf-8" src="${pageContext.request.contextPath}/lib/ueditor/1.4.3/ueditor.all.min.js"></script> <!--ueditor核心文件-->
+	<script type="text/javascript" charset="utf-8" src="${pageContext.request.contextPath}/lib/ueditor/1.4.3/lang/zh-cn/zh-cn.js"></script> <!--ueditor语言文件-->
+
+	<!-- 百度文本编辑器   引用文件 -->
+
+	<script src="<%=base%>/static/ue/ueditor.config.js" type="text/javascript"></script>
+	<script src="<%=base%>/static/ue/ueditor.all.js" type="text/javascript"></script>
+	<script type="text/javascript" src="<%=base%>/static/ue/lang/zh-cn/zh-cn.js"></script>
+	<script type="text/javascript" src="${pageContext.request.contextPath}/lib/layer/2.4/layer.js"></script>
+	<script type="text/javascript" src="${pageContext.request.contextPath}/static/admin/js/ajaxfileupload.js"></script>
+
+	<script type="text/javascript">
+		ipt.onchange=function(){
+			showIpt.src=URL.createObjectURL(this.files[0])
+			console.log(this.files)
+
+		}
+
+		var ue = UE.getEditor('editor',{});
+
+	$(function(){
+		$('.skin-minimal input').iCheck({
+			checkboxClass: 'icheckbox-blue',
+			radioClass: 'iradio-blue',
+			increaseArea: '20%'
+		});
+
+		/*//表单验证
+		$("#form-article-add").validate({
+			rules:{
+			},
+			onkeyup:false,
+			focusCleanup:true,
+			success:"valid",
+			submitHandler:function(form){
+				$(form).ajaxSubmit();
+				var index = parent.layer.getFrameIndex(window.name);
+				//parent.$('.btn-refresh').click();
+				parent.layer.close(index);
+			}
+		});*/
+
+		$list = $("#fileList"),
+		$btn = $("#btn-star"),
+		state = "pending",
+		uploader;
+
+		var uploader = WebUploader.create({
+			auto: true,
+			swf: 'lib/webuploader/0.1.5/Uploader.swf',
+
+			// 文件接收服务端。
+			server: 'fileupload.php',
+
+			// 选择文件的按钮。可选。
+			// 内部根据当前运行是创建，可能是input元素，也可能是flash.
+			pick: '#filePicker',
+
+			// 不压缩image, 默认如果是jpeg，文件上传前会压缩一把再上传！
+			resize: false,
+			// 只允许选择图片文件。
+			accept: {
+				title: 'Images',
+				extensions: 'gif,jpg,jpeg,bmp,png',
+				mimeTypes: 'image/*'
+			}
+		});
+		uploader.on( 'fileQueued', function( file ) {
+			var $li = $(
+				'<div id="' + file.id + '" class="item">' +
+					'<div class="pic-box"><img></div>'+
+					'<div class="info">' + file.name + '</div>' +
+					'<p class="state">等待上传...</p>'+
+				'</div>'
+			),
+			$img = $li.find('img');
+			$list.append( $li );
+
+			// 创建缩略图
+			// 如果为非图片文件，可以不用调用此方法。
+			// thumbnailWidth x thumbnailHeight 为 100 x 100
+			uploader.makeThumb( file, function( error, src ) {
+				if ( error ) {
+					$img.replaceWith('<span>不能预览</span>');
+					return;
+				}
+
+				$img.attr( 'src', src );
+			}, thumbnailWidth, thumbnailHeight );
+		});
+		// 文件上传过程中创建进度条实时显示。
+		uploader.on( 'uploadProgress', function( file, percentage ) {
+			var $li = $( '#'+file.id ),
+				$percent = $li.find('.progress-box .sr-only');
+
+			// 避免重复创建
+			if ( !$percent.length ) {
+				$percent = $('<div class="progress-box"><span class="progress-bar radius"><span class="sr-only" style="width:0%"></span></span></div>').appendTo( $li ).find('.sr-only');
+			}
+			$li.find(".state").text("上传中");
+			$percent.css( 'width', percentage * 100 + '%' );
+		});
+
+		// 文件上传成功，给item添加成功class, 用样式标记上传成功。
+		uploader.on( 'uploadSuccess', function( file ) {
+			$( '#'+file.id ).addClass('upload-state-success').find(".state").text("已上传");
+		});
+
+		// 文件上传失败，显示上传出错。
+		uploader.on( 'uploadError', function( file ) {
+			$( '#'+file.id ).addClass('upload-state-error').find(".state").text("上传出错");
+		});
+
+		// 完成上传完了，成功或者失败，先删除进度条。
+		uploader.on( 'uploadComplete', function( file ) {
+			$( '#'+file.id ).find('.progress-box').fadeOut();
+		});
+		uploader.on('all', function (type) {
+			if (type === 'startUpload') {
+				state = 'uploading';
+			} else if (type === 'stopUpload') {
+				state = 'paused';
+			} else if (type === 'uploadFinished') {
+				state = 'done';
+			}
+
+			if (state === 'uploading') {
+				$btn.text('暂停上传');
+			} else {
+				$btn.text('开始上传');
+			}
+		});
+
+		$btn.on('click', function () {
+			if (state === 'uploading') {
+				uploader.stop();
+			} else {
+				uploader.upload();
+			}
+		});
+
+		var ue = UE.getEditor('editor');
+
+	});
+        $(function () {
+            var ue = UE.getEditor('introductions', {
+                //关闭字数统计
+                wordCount: false,
+                toolbars: [['fullscreen', 'source', '|', 'undo', 'redo', '|',
+                    'bold', 'italic', 'underline', 'fontborder', 'strikethrough', 'superscript', 'subscript', 'removeformat', 'formatmatch', 'autotypeset', 'blockquote', 'pasteplain', '|', 'forecolor', 'backcolor', 'insertorderedlist', 'insertunorderedlist', 'selectall', 'cleardoc', '|',
+                    'rowspacingtop', 'rowspacingbottom', 'lineheight', '|',
+                    'customstyle', 'paragraph', 'fontfamily', 'fontsize', '|',
+                    'directionalityltr', 'directionalityrtl', 'indent', '|',
+                    'justifyleft', 'justifycenter', 'justifyright', 'justifyjustify', '|', 'touppercase', 'tolowercase', '|',
+                    'link', 'unlink', 'anchor', '|', 'imagenone', 'imageleft', 'imageright', 'imagecenter', '|',
+                    'insertimage', 'emotion', 'insertvideo', 'attachment', 'map', 'template', 'background', '|',
+                    'horizontal', 'date', 'time', 'spechars', 'wordimage', '|',
+                    'inserttable', 'deletetable', 'insertparagraphbeforetable', 'insertrow', 'deleterow', 'insertcol', 'deletecol', 'mergecells', 'mergeright', 'mergedown', 'splittocells', 'splittorows', 'splittocols', 'charts', '|',
+                    'print', 'preview', 'searchreplace', 'help'
+                ]],
+                //关闭elementPath
+                elementPathEnabled: false,
+            });
+        });
+
+        function show(obj) {
+            var jt=obj;
+            if (jt==1){
+                $("#reone").removeClass("recom").addClass("recomshow");
+                $("#retwo").removeClass("recom").addClass("recomshow");
+            }
+            if (jt!=1){
+                $("#reone").removeClass("recomshow").addClass("recom");
+                $("#retwo").removeClass("recomshow").addClass("recom");
+            }
+        }
+	</script>
+<!--/请在上方写此页面业务相关的脚本-->
+</body>
+</html>

src/main/webapp/WEB-INF/jsp/admin/team-list.jsp

@@ -0,0 +1,183 @@
+<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
+<%@taglib  uri="http://java.sun.com/jsp/jstl/functions" prefix="fn"%>
+<%@ page contentType="text/html;charset=UTF-8" language="java" %>
+<!DOCTYPE HTML>
+<html>
+<head>
+	<meta charset="utf-8">
+	<meta name="renderer" content="webkit|ie-comp|ie-stand">
+	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+	<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
+	<meta http-equiv="Cache-Control" content="no-siteapp" />
+	<!--[if lt IE 9]>
+	<script type="text/javascript" src="${pageContext.request.contextPath}/lib/html5shiv.js"></script>
+	<script type="text/javascript" src="${pageContext.request.contextPath}/lib/respond.min.js"></script>
+	<![endif]-->
+	<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}${pageContext.request.contextPath}/static/h-ui/css/H-ui.min.css" />
+	<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}${pageContext.request.contextPath}/static/h-ui.admin/css/H-ui.admin.css" />
+	<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}${pageContext.request.contextPath}/lib/Hui-iconfont/1.0.8/iconfont.css" />
+	<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}${pageContext.request.contextPath}/static/h-ui.admin/skin/default/skin.css" id="skin" />
+	<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}${pageContext.request.contextPath}/static/h-ui.admin/css/style.css" />
+	<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}${pageContext.request.contextPath}/static/h-ui.admin/css/page.css" />
+	<script>DD_belatedPNG.fix('*');</script>
+	<title>新闻列表</title>
+</head>
+<body>
+<nav class="breadcrumb"><i class="Hui-iconfont">&#xe67f;</i> 首页 <span class="c-gray en">&gt;</span> ${sessionScope.headNames} <span class="c-gray en">&gt;</span> 师资团队 <a class="btn btn-success radius r" style="line-height:1.6em;margin-top:3px" href="javascript:location.replace(location.href);" title="刷新" ><i class="Hui-iconfont">&#xe68f;</i></a></nav>
+<div class="page-container">
+	<div class="text-c">
+	<form class="form form-horizontal" id="form-article-add" action="team-list.html" method="post" enctype="multipart/form-data">
+	<input type="text" name="titleName" id="titleName" placeholder=" 姓名" style="width:250px" class="input-text" value="${titleName}">
+		<button name="" id="" class="btn btn-success"  type="submit"><i class="Hui-iconfont">&#xe665;</i> 查询</button>
+	</form>
+	</div>
+	<div class="cl pd-5 bg-1 bk-gray mt-20"> <span class="l"> <a class="btn btn-primary radius" title="添加信息" href="team-save.html" ><i class="Hui-iconfont">&#xe600;</i> 添加信息</a></span> <span class="r data_num">共有数据：<strong>${teams.total}</strong> 条</span> </div>
+	<div class="mt-20">
+		<table class="table table-border table-bordered table-bg table-hover table-sort table-responsive">
+			<thead>
+				<tr class="text-c">
+					<th width="80">ID</th>
+					<th width="80">姓名</th>
+					<th width="80">简述</th>
+					<th width="135">照片</th>
+					<th  width="80">排序值</th>
+					<th  width="80">更新日期</th>
+					<th width="200">操作</th>
+				</tr>
+			</thead>
+			<tbody>
+				<c:forEach items="${teams.list}" var="item">
+				<tr class="text-c">
+					<td>${item.id}</td>
+					<td>${item.name}</td>
+					<td>${item.describes}</td>
+					<td><img style="width: 130px;height: 90px " src=" ${item.photo}"></td>
+					<td>${item.sort}</td>
+					<td>${item.releasetime}</td>
+					<td class="f-14 td-manage">
+						<a style="text-decoration:none" class="ml-5" href="teamById.html?id=${item.id}"  title="编辑"><i class="Hui-iconfont">&#xe6df; </i>编辑</a>
+						<a style="text-decoration:none" class="ml-5" onClick="article_del(this,${item.id})"  title="删除"><i class="Hui-iconfont">&#xe6e2;</i>删除</a></td>
+				</tr>
+				</c:forEach>
+			</tbody>
+		</table>
+	</div>
+
+	<div id="PageNum">
+		<section>
+			<div class="bd points-goods-list">
+				<ul class="pages">
+					<li><a href="team-list.html?pageNum=1&&titleName=${titleName}">首页</a></li>
+					<li class="prev"><a href="team-list.html?pageNum=${teams.prePage}&&titleName=${titleName}">上一页</a></li>
+                    <c:forEach items="${teams.navigatepageNums}" var="nav">
+                        <c:if test="${nav == teams.pageNum}">
+                            <li ><a href="team-list.html?pageNum=${nav}&&titleName=${titleName}" class="active">${nav}</a></li>
+                        </c:if>
+                        <c:if test="${nav != teams.pageNum}">
+                            <li><a href="team-list.html?pageNum=${nav}&&titleName=${titleName}">${nav}</a></li>
+                        </c:if>
+                    </c:forEach>
+					<%--<li><a href="#" class="active">1</a></li>--%>
+					<li class="next"><a href="team-list.html?pageNum=${teams.nextPage}&&titleName=${titleName}">下一页</a></li>
+					<li><a href="team-list.html?pageNum=${teams.pages}&&titleName=${titleName}">末页</a></li>
+				</ul>
+			</div>
+		</section>
+	</div>
+
+</div>
+<!--_footer 作为公共模版分离出去-->
+<script type="text/javascript" src="${pageContext.request.contextPath}/lib/jquery/1.9.1/jquery.min.js"></script>
+<script type="text/javascript" src="${pageContext.request.contextPath}/lib/layer/2.4/layer.js"></script>
+<script type="text/javascript" src="${pageContext.request.contextPath}${pageContext.request.contextPath}/static/h-ui/js/H-ui.min.js"></script>
+<script type="text/javascript" src="${pageContext.request.contextPath}${pageContext.request.contextPath}/static/h-ui.admin/js/H-ui.admin.js"></script> <!--/_footer 作为公共模版分离出去-->
+
+<!--请在下方写此页面业务相关的脚本-->
+<script type="text/javascript" src="${pageContext.request.contextPath}/lib/My97DatePicker/4.8/WdatePicker.js"></script>
+<script type="text/javascript">
+
+
+    // $('.table-sort').dataTable({
+    // 	"aaSorting": [[ 1, "desc" ]],//默认第几个排序
+    // 	"bStateSave": true,//状态保存
+    // 	"pading":false,
+    // 	"aoColumnDefs": [
+    // 	  //{"bVisible": false, "aTargets": [ 3 ]} //控制列的隐藏显示
+    // 	  {"orderable":false,"aTargets":[0,8]}// 不参与排序的列
+    // 	]
+    // });
+
+    /*分页搜索*/
+
+
+
+    /*搜索标题*/
+    function searchByTitleName() {
+        //首先获取关键字
+        var titlename = $("#titlename").val();
+        alert("根据" + titlename + "搜索");
+        //跳转页面
+        location.href = "journalism-list.html?titlename=" + titlename;
+    }
+
+
+    /*批量删除*/
+    function datadel() {
+        var chkvalue ="" //定义一个数组
+        $("input[name='ck']:checked").each(function () {
+            chkvalue += $(this).val() + ",";
+        });
+        window.location.href = "deleteSomeJournalism?chkvalue=" + chkvalue;
+    }
+
+
+    /*全选和全不选*/
+    function checkBox(ckAll) {
+        //全选控制子窗
+        var cks = document.getElementsByName("ck");
+        for (var i = 0; i < cks.length; i++) {
+            cks[i].checked = ckAll.checked;
+        }
+        for (var i = 0; i < cks.length; i++) {
+            cks[i].onclick = function () {
+                if (!this.checked) {
+                    ckAll.checked = false;
+                }
+            };
+
+        }
+    }
+    /*资讯-添加*/
+    function article_add(title,url,w,h){
+        var index = layer.open({
+            type: 2,
+            title: title,
+            content: url
+        });
+        layer.full(index);
+    }
+    /*资讯-编辑*/
+    function article_edit(url,id){
+        var index = layer.open({
+            type: 2,
+            title: title,
+            content: url,
+            id: id
+        });
+        layer.full(index);
+
+    }
+    /*资讯-删除*/
+    function article_del(obj,id){
+        layer.confirm('确认要删除吗？',function(index){
+            $.post("delTeamById.html", {"id": id}, function () {
+                console.log(111);
+                $(obj).parents("tr").remove();
+                layer.msg('已删除!', {icon: 1, time: 1000});
+            });
+        });
+    }
+
+</script>
+</body>
+</html>

src/main/webapp/WEB-INF/jsp/admin/team-update.jsp

@@ -0,0 +1,306 @@
+<%@ page language="java" contentType="text/html; charset=UTF-8"
+		 pageEncoding="UTF-8"%>
+<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
+<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
+<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
+<% String base = pageContext.getServletContext().getContextPath(); %>
+<!--_meta 作为公共模版分离出去-->
+<!DOCTYPE HTML>
+<html>
+<head>
+<meta charset="utf-8">
+	<script type="text/javascript">
+        window.UEDITOR_SERVER_URL = '<%=base%>';
+	</script>
+<meta name="renderer" content="webkit|ie-comp|ie-stand">
+<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
+<meta http-equiv="Cache-Control" content="no-siteapp" />
+<link rel="Bookmark" href="/favicon.ico" >
+<link rel="Shortcut Icon" href="/favicon.ico" />
+<!--[if lt IE 9]>
+	<script type="text/javascript" src="${pageContext.request.contextPath}/lib/html5shiv.js"></script>
+	<script type="text/javascript" src="${pageContext.request.contextPath}/lib/respond.min.js"></script>
+	<![endif]-->
+	<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/static/h-ui/css/H-ui.min.css" />
+	<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/static/h-ui.admin/css/H-ui.admin.css" />
+	<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/lib/Hui-iconfont/1.0.8/iconfont.css" />
+	<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/static/h-ui.admin/skin/default/skin.css" id="skin" />
+	<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/static/h-ui.admin/css/style.css" />
+	<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/static/h-ui.admin/css/page.css" />
+	<!--[if IE 6]>
+	<script type="text/javascript" src="${pageContext.request.contextPath}/lib/DD_belatedPNG_0.0.8a-min.js" ></script>
+	<script>DD_belatedPNG.fix('*');</script>
+<![endif]-->
+<!--/meta 作为公共模版分离出去-->
+
+<title>修改新闻 - 新闻管理 - H-ui.admin v3.1</title>
+<meta name="keywords" content="H-ui.admin v3.1,H-ui网站后台模版,后台模版下载,后台管理系统模版,HTML后台模版下载">
+<meta name="description" content="H-ui.admin v3.1，是一款由国人开发的轻量级扁平化网站后台模板，完全免费开源的网站后台管理系统模版，适合中小型CMS后台系统。">
+</head>
+
+<body>
+
+<article class="page-container">
+	<form class="form form-horizontal" id="form-article-add" action="team-update.html" method="post" enctype="multipart/form-data">
+		<div class="row cl">
+			<label class="form-label col-xs-4 col-sm-2"><span class="c-red">*</span>姓名：</label>
+			<div class="formControls col-xs-8 col-sm-9">
+				<input type="text" class="input-text" value="${teamById.name}" placeholder="" id="name" name="name">
+				<input style="display: none;" type="text" class="input-text" value="${teamById.id}" placeholder=""  name="id">
+			</div>
+		</div>
+
+		<div class="row cl">
+			<label class="form-label col-xs-4 col-sm-2">职称：</label>
+			<div class="formControls col-xs-8 col-sm-9">
+				<input type="text" class="input-text" value="${teamById.ttoatp}" placeholder="" id="ttoatp" name="ttoatp">
+			</div>
+		</div>
+		<div class="row cl">
+			<label class="form-label col-xs-4 col-sm-2"><span class="c-red">*</span>简述：</label>
+			<div class="formControls col-xs-8 col-sm-9">
+				<textarea class="textarea" name="describes" >${teamById.describes}</textarea>
+			</div>
+		</div>
+		<div class="row cl recom" id="retwo">
+			<label class="form-label col-xs-4 col-sm-2">首页图：</label>
+			<div class="formControls col-xs-8 col-sm-4">
+				<input type="file" class="input-text" name="filename" id="ipt">
+			</div>
+			<div class="formControls col-xs-8 col-sm-2">
+				<img alt="" src="${teamById.photo}" width="90" height="60" id="showIpt">
+			</div>
+			<div class="formControls col-xs-8 col-sm-4">
+				<span class="c-red">图片最佳尺寸(像素)：200 x 164</span>
+			</div>
+		</div>
+		<div class="row cl">
+			<label class="form-label col-xs-4 col-sm-2">排序值：</label>
+			<div class="formControls col-xs-8 col-sm-9">
+				<input type="number" class="input-text" value="${teamById.sort}" placeholder="" id="sort" name="sort" style="width: 50%;">
+			</div>
+		</div>
+		<div class="row cl">
+			<label class="form-label col-xs-4 col-sm-2">更新日期：</label>
+			<div class="formControls col-xs-8 col-sm-4">
+				<input type="text" value="${teamById.releasetime}"onfocus="WdatePicker({ dateFmt:'yyyy-MM-dd HH:mm:ss' })" id="releasetime" name="releasetime" class="input-text Wdate" >
+			</div>
+		</div>
+
+		<div class="row cl">
+			<label class="form-label col-xs-4 col-sm-2">详情信息：</label>
+			<div class="formControls col-xs-8 col-sm-9">
+				<script id="editor" name="details" type="text/plain" style="width:100%;height:400px;"  >${teamById.details}</script></div>
+      </div>
+                <div class="row cl">
+                    <div class="col-xs-8 col-sm-9 col-xs-offset-4 col-sm-offset-2">
+                    <button   class="btn btn-primary radius"> <i class="Hui-iconfont">&#xe632;  </i>  修改</button>
+                <a class="btn btn-default radius" href="javascript:history.go(-1)"  type="button" >&nbsp;&nbsp;取消&nbsp;&nbsp;</a>
+                </div>
+                </div>
+
+
+	</form>
+</article>
+
+	<!--_footer 作为公共模版分离出去-->
+	<script type="text/javascript" src="${pageContext.request.contextPath}/static/h-ui/js/H-ui.min.js"></script>
+	<script type="text/javascript" src="${pageContext.request.contextPath}/static/h-ui.admin/js/H-ui.admin.js"></script> <!--/_footer /作为公共模版分离出去-->
+
+	<!--请在下方写此页面业务相关的脚本-->
+	<script type="text/javascript" src="${pageContext.request.contextPath}/lib/My97DatePicker/4.8/WdatePicker.js"></script>
+	<script type="text/javascript" src="${pageContext.request.contextPath}/lib/jquery.validation/1.14.0/jquery.validate.js"></script>
+	<script type="text/javascript" src="${pageContext.request.contextPath}/lib/jquery.validation/1.14.0/validate-methods.js"></script>
+	<script type="text/javascript" src="${pageContext.request.contextPath}/lib/jquery.validation/1.14.0/messages_zh.js"></script>
+	<script type="text/javascript" src="${pageContext.request.contextPath}/lib/webuploader/0.1.5/webuploader.min.js"></script>
+	<script type="text/javascript" src="${pageContext.request.contextPath}/lib/ueditor/1.4.3/ueditor.config.js"></script>
+	<script type="text/javascript" src="${pageContext.request.contextPath}/lib/ueditor/1.4.3/ueditor.all.min.js"> </script>
+	<script type="text/javascript" src="${pageContext.request.contextPath}/lib/ueditor/1.4.3/lang/zh-cn/zh-cn.js"></script>
+	<script type="text/javascript" charset="utf-8" src="${pageContext.request.contextPath}/lib/ueditor/1.4.3/ueditor.config.js"></script> <!--ueditor的配置文件-->
+	<script type="text/javascript" charset="utf-8" src="${pageContext.request.contextPath}/lib/ueditor/1.4.3/ueditor.all.min.js"></script> <!--ueditor核心文件-->
+	<script type="text/javascript" charset="utf-8" src="${pageContext.request.contextPath}/lib/ueditor/1.4.3/lang/zh-cn/zh-cn.js"></script> <!--ueditor语言文件-->
+
+	<!-- 百度文本编辑器   引用文件 -->
+
+	<script src="<%=base%>/static/ue/ueditor.config.js" type="text/javascript"></script>
+	<script src="<%=base%>/static/ue/ueditor.all.js" type="text/javascript"></script>
+	<script type="text/javascript" src="<%=base%>/static/ue/lang/zh-cn/zh-cn.js"></script>
+	<script type="text/javascript" src="${pageContext.request.contextPath}/lib/layer/2.4/layer.js"></script>
+	<script type="text/javascript" src="${pageContext.request.contextPath}/static/admin/js/ajaxfileupload.js"></script>
+
+<script type="text/javascript" src="${pageContext.request.contextPath}/lib/jquery/1.9.1/jquery.min.js"></script>
+
+	<script type="text/javascript">
+		ipt.onchange=function(){
+			showIpt.src=URL.createObjectURL(this.files[0])
+			console.log(this.files)
+
+		}
+
+		// function article_update_submit() {
+		// 	$("#form-article-add").submit();
+		// }
+
+		var ue = UE.getEditor('editor',{});
+
+		$(function(){
+			$('.skin-minimal input').iCheck({
+				checkboxClass: 'icheckbox-blue',
+				radioClass: 'iradio-blue',
+				increaseArea: '20%'
+			});
+
+		   /* //表单验证
+			$("#form-article-add").validate({
+				rules:{
+				},
+				onkeyup:false,
+				focusCleanup:true,
+				success:"valid",
+				submitHandler:function(form){
+					$(form).ajaxSubmit();
+					var index = parent.layer.getFrameIndex(window.name);
+					//parent.$('.btn-refresh').click();
+					parent.layer.close(index);
+				}
+			});*/
+
+			$list = $("#fileList"),
+				$btn = $("#btn-star"),
+				state = "pending",
+				uploader;
+
+			var uploader = WebUploader.create({
+				auto: true,
+				swf: 'lib/webuploader/0.1.5/Uploader.swf',
+
+				// 文件接收服务端。
+				server: 'fileupload.php',
+
+				// 选择文件的按钮。可选。
+				// 内部根据当前运行是创建，可能是input元素，也可能是flash.
+				pick: '#filePicker',
+
+				// 不压缩image, 默认如果是jpeg，文件上传前会压缩一把再上传！
+				resize: false,
+				// 只允许选择图片文件。
+				accept: {
+					title: 'Images',
+					extensions: 'gif,jpg,jpeg,bmp,png',
+					mimeTypes: 'image/*'
+				}
+			});
+			uploader.on( 'fileQueued', function( file ) {
+				var $li = $(
+					'<div id="' + file.id + '" class="item">' +
+					'<div class="pic-box"><img></div>'+
+					'<div class="info">' + file.name + '</div>' +
+					'<p class="state">等待上传...</p>'+
+					'</div>'
+					),
+					$img = $li.find('img');
+				$list.append( $li );
+
+				// 创建缩略图
+				// 如果为非图片文件，可以不用调用此方法。
+				// thumbnailWidth x thumbnailHeight 为 100 x 100
+				uploader.makeThumb( file, function( error, src ) {
+					if ( error ) {
+						$img.replaceWith('<span>不能预览</span>');
+						return;
+					}
+
+					$img.attr( 'src', src );
+				}, thumbnailWidth, thumbnailHeight );
+			});
+			// 文件上传过程中创建进度条实时显示。
+			uploader.on( 'uploadProgress', function( file, percentage ) {
+				var $li = $( '#'+file.id ),
+					$percent = $li.find('.progress-box .sr-only');
+
+				// 避免重复创建
+				if ( !$percent.length ) {
+					$percent = $('<div class="progress-box"><span class="progress-bar radius"><span class="sr-only" style="width:0%"></span></span></div>').appendTo( $li ).find('.sr-only');
+				}
+				$li.find(".state").text("上传中");
+				$percent.css( 'width', percentage * 100 + '%' );
+			});
+
+			// 文件上传成功，给item添加成功class, 用样式标记上传成功。
+			uploader.on( 'uploadSuccess', function( file ) {
+				$( '#'+file.id ).addClass('upload-state-success').find(".state").text("已上传");
+			});
+
+			// 文件上传失败，显示上传出错。
+			uploader.on( 'uploadError', function( file ) {
+				$( '#'+file.id ).addClass('upload-state-error').find(".state").text("上传出错");
+			});
+
+			// 完成上传完了，成功或者失败，先删除进度条。
+			uploader.on( 'uploadComplete', function( file ) {
+				$( '#'+file.id ).find('.progress-box').fadeOut();
+			});
+			uploader.on('all', function (type) {
+				if (type === 'startUpload') {
+					state = 'uploading';
+				} else if (type === 'stopUpload') {
+					state = 'paused';
+				} else if (type === 'uploadFinished') {
+					state = 'done';
+				}
+
+				if (state === 'uploading') {
+					$btn.text('暂停上传');
+				} else {
+					$btn.text('开始上传');
+				}
+			});
+
+			$btn.on('click', function () {
+				if (state === 'uploading') {
+					uploader.stop();
+				} else {
+					uploader.upload();
+				}
+			});
+
+			var ue = UE.getEditor('editor');
+
+		});
+        $(function () {
+            var ue = UE.getEditor('introductions', {
+                //关闭字数统计
+                wordCount: false,
+                toolbars: [['fullscreen', 'source', '|', 'undo', 'redo', '|',
+                    'bold', 'italic', 'underline', 'fontborder', 'strikethrough', 'superscript', 'subscript', 'removeformat', 'formatmatch', 'autotypeset', 'blockquote', 'pasteplain', '|', 'forecolor', 'backcolor', 'insertorderedlist', 'insertunorderedlist', 'selectall', 'cleardoc', '|',
+                    'rowspacingtop', 'rowspacingbottom', 'lineheight', '|',
+                    'customstyle', 'paragraph', 'fontfamily', 'fontsize', '|',
+                    'directionalityltr', 'directionalityrtl', 'indent', '|',
+                    'justifyleft', 'justifycenter', 'justifyright', 'justifyjustify', '|', 'touppercase', 'tolowercase', '|',
+                    'link', 'unlink', 'anchor', '|', 'imagenone', 'imageleft', 'imageright', 'imagecenter', '|',
+                    'insertimage', 'emotion', 'insertvideo', 'attachment', 'map', 'template', 'background', '|',
+                    'horizontal', 'date', 'time', 'spechars', 'wordimage', '|',
+                    'inserttable', 'deletetable', 'insertparagraphbeforetable', 'insertrow', 'deleterow', 'insertcol', 'deletecol', 'mergecells', 'mergeright', 'mergedown', 'splittocells', 'splittorows', 'splittocols', 'charts', '|',
+                    'print', 'preview', 'searchreplace', 'help'
+                ]],
+                //关闭elementPath
+                elementPathEnabled: false,
+            });
+        });
+        function show(obj) {
+			var jt=obj;
+			if (jt==1){
+                $("#reone").removeClass("recom").addClass("recomshow");
+                $("#retwo").removeClass("recom").addClass("recomshow");
+			}
+			if (jt!=1){
+                $("#reone").removeClass("recomshow").addClass("recom");
+                $("#retwo").removeClass("recomshow").addClass("recom");
+			}
+        }
+	</script>
+
+	<!--/请在上方写此页面业务相关的脚本-->
+</body>
+</html>

src/main/webapp/WEB-INF/jsp/admin/worklibrary-add.jsp

@@ -0,0 +1,378 @@
+<%@ page language="java" contentType="text/html; charset=UTF-8"
+		 pageEncoding="UTF-8"%>
+<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
+<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
+<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
+<% String base = pageContext.getServletContext().getContextPath(); %>
+<!--_meta 作为公共模版分离出去-->
+<!DOCTYPE HTML>
+<html>
+<head>
+<meta charset="utf-8">
+	<script type="text/javascript">
+        window.UEDITOR_SERVER_URL = '<%=base%>';
+	</script>
+<meta name="renderer" content="webkit|ie-comp|ie-stand">
+<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
+<meta http-equiv="Cache-Control" content="no-siteapp" />
+<link rel="Bookmark" href="/favicon.ico" >
+<link rel="Shortcut Icon" href="/favicon.ico" />
+<!--[if lt IE 9]>
+	<script type="text/javascript" src="${pageContext.request.contextPath}/lib/html5shiv.js"></script>
+	<script type="text/javascript" src="${pageContext.request.contextPath}/lib/respond.min.js"></script>
+	<![endif]-->
+	<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/static/h-ui/css/H-ui.min.css" />
+	<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/static/h-ui.admin/css/H-ui.admin.css" />
+	<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/lib/Hui-iconfont/1.0.8/iconfont.css" />
+	<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/static/h-ui.admin/skin/default/skin.css" id="skin" />
+	<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/static/h-ui.admin/css/style.css" />
+	<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/static/h-ui.admin/css/page.css" />
+	<link rel="stylesheet" href="${pageContext.request.contextPath}/user/css/baseindex.css">
+	<link rel="stylesheet" href="${pageContext.request.contextPath}/user/css/course.css">
+	<link rel="stylesheet" href="${pageContext.request.contextPath}/user/css/swiper.min.css">
+	<script src="${pageContext.request.contextPath}/user/js/jquery.min.js" type="text/javascript"></script>
+	<script src="${pageContext.request.contextPath}/user/js/swiper.min.js" type="text/javascript"></script>
+	<script src="${pageContext.request.contextPath}/user/js/js.js" type="text/javascript"></script>
+	<link rel="stylesheet" href="${pageContext.request.contextPath}/user/build/mediaelementplayer.min(1).css" />
+	<%--<script type="text/javascript" src="${pageContext.request.contextPath}js/displayvideo.js"></script>--%>
+	<!--[if IE 6]>
+	<script type="text/javascript" src="${pageContext.request.contextPath}/lib/DD_belatedPNG_0.0.8a-min.js" ></script>
+	<script>DD_belatedPNG.fix('*');</script>
+<![endif]-->
+<!--/meta 作为公共模版分离出去-->
+
+<title>新增新闻 - 新闻管理 - H-ui.admin v3.1</title>
+<meta name="keywords" content="H-ui.admin v3.1,H-ui网站后台模版,后台模版下载,后台管理系统模版,HTML后台模版下载">
+<meta name="description" content="H-ui.admin v3.1，是一款由国人开发的轻量级扁平化网站后台模板，完全免费开源的网站后台管理系统模版，适合中小型CMS后台系统。">
+
+</head>
+<body>
+<article class="page-container">
+	<form class="form form-horizontal" id="form-article-add" action="worklibrary-add.html" method="post" enctype="multipart/form-data">
+	    <div class="row cl">
+	        <label class="form-label col-xs-4 col-sm-2"><span class="c-red">*</span>作品标题：</label>
+		    <div class="formControls col-xs-8 col-sm-9">
+			<input type="text" class="input-text" value="" placeholder="" id="title" name="title">
+		     </div>
+	    </div>
+
+		<div class="row cl">
+			<label class="form-label col-xs-4 col-sm-2">封面图：</label>
+			<div class="formControls col-xs-8 col-sm-4">
+				<input type="file" class="input-text" name="filename" id="fileToUpload">
+				<input type="hidden" name="img" id="imgOne">
+			</div>
+			<div class="formControls col-xs-8 col-sm-2">
+				<img alt="" src="" width="90" height="60" id="showIpt">
+			</div>
+			<div class="formControls col-xs-8 col-sm-4">
+				<span class="c-red">图片最佳尺寸(像素)：200 x 164</span>
+			</div>
+		</div>
+		<div class="row cl">
+			<label class="form-label col-xs-4 col-sm-2">视频：</label>
+			<div class="formControls col-xs-8 col-sm-4">
+				<input type="file" class="input-text" name="filename" id="fileToUploads">
+				<input type="hidden" name="viodes" id="imgTwott">
+			</div>
+			<div class="formControls col-xs-8 col-sm-2">
+				<video id="video" controls preload="auto" width="500px" height="150px">
+					<source src="" type="video/mp4" id="showIpts">
+				</video>
+				<%--<img alt="" src="" width="90" height="60" id="showIpts">--%>
+			</div>
+		</div>
+
+		<div class="row cl">
+			<label class="form-label col-xs-4 col-sm-2">发布日期：</label>
+			<div class="formControls col-xs-8 col-sm-9">
+				<input type="text"  value="" onfocus="WdatePicker({ dateFmt:'yyyy-MM-dd HH:mm:ss' })" id="time" name="time" class="input-text Wdate">
+			</div>
+		</div>
+		<div class="row cl">
+			<label class="form-label col-xs-4 col-sm-2">作品详情：</label>
+			<div class="formControls col-xs-8 col-sm-9">
+				<script id="introductions" name="contexts" type="text/plain" style="width:100%;height:400px;"></script>
+                </div>
+                </div>
+            <div class="row cl">
+				<div class="col-xs-8 col-sm-9 col-xs-offset-4 col-sm-offset-2">
+                <button onClick="article_save_submit();" class="btn btn-primary radius" type="submit"> <i class="Hui-iconfont">&#xe632;  </i>  新增</button>
+            <a class="btn btn-default radius" href="javascript:history.go(-1)"  type="button" >&nbsp;&nbsp;取消&nbsp;&nbsp;</a>
+            </div>
+            </div>
+	</form>
+</article>
+
+	<!--_footer 作为公共模版分离出去-->
+	<script type="text/javascript" src="${pageContext.request.contextPath}/lib/jquery/1.9.1/jquery.min.js"></script>
+	<script type="text/javascript" src="${pageContext.request.contextPath}/lib/layer/2.4/layer.js"></script>
+	<script type="text/javascript" src="${pageContext.request.contextPath}${pageContext.request.contextPath}/static/h-ui/js/H-ui.min.js"></script>
+	<script type="text/javascript" src="${pageContext.request.contextPath}${pageContext.request.contextPath}/static/h-ui.admin/js/H-ui.admin.js"></script> <!--/_footer /作为公共模版分离出去-->
+
+	<!--请在下方写此页面业务相关的脚本-->
+	<script type="text/javascript" src="${pageContext.request.contextPath}/lib/My97DatePicker/4.8/WdatePicker.js"></script>
+	<script type="text/javascript" src="${pageContext.request.contextPath}/lib/jquery.validation/1.14.0/jquery.validate.js"></script>
+	<script type="text/javascript" src="${pageContext.request.contextPath}/lib/jquery.validation/1.14.0/validate-methods.js"></script>
+	<script type="text/javascript" src="${pageContext.request.contextPath}/lib/jquery.validation/1.14.0/messages_zh.js"></script>
+	<script type="text/javascript" src="${pageContext.request.contextPath}/lib/webuploader/0.1.5/webuploader.min.js"></script>
+	<script type="text/javascript" src="${pageContext.request.contextPath}/lib/ueditor/1.4.3/ueditor.config.js"></script>
+	<script type="text/javascript" src="${pageContext.request.contextPath}/lib/ueditor/1.4.3/ueditor.all.min.js"> </script>
+	<script type="text/javascript" src="${pageContext.request.contextPath}/lib/ueditor/1.4.3/lang/zh-cn/zh-cn.js"></script>
+	<script type="text/javascript" charset="utf-8" src="${pageContext.request.contextPath}/lib/ueditor/1.4.3/ueditor.config.js"></script> <!--ueditor的配置文件-->
+	<script type="text/javascript" charset="utf-8" src="${pageContext.request.contextPath}/lib/ueditor/1.4.3/ueditor.all.min.js"></script> <!--ueditor核心文件-->
+	<script type="text/javascript" charset="utf-8" src="${pageContext.request.contextPath}/lib/ueditor/1.4.3/lang/zh-cn/zh-cn.js"></script> <!--ueditor语言文件-->
+
+	<!-- 百度文本编辑器   引用文件 -->
+
+	<script src="<%=base%>/static/ue/ueditor.config.js" type="text/javascript"></script>
+	<script src="<%=base%>/static/ue/ueditor.all.js" type="text/javascript"></script>
+	<script type="text/javascript" src="<%=base%>/static/ue/lang/zh-cn/zh-cn.js"></script>
+	<script type="text/javascript" src="${pageContext.request.contextPath}/lib/layer/2.4/layer.js"></script>
+	<script type="text/javascript" src="${pageContext.request.contextPath}/static/admin/js/ajaxfileupload.js"></script>
+
+	<script type="text/javascript">
+        fileToUpload.onchange=function(){
+            showIpt.src=URL.createObjectURL(this.files[0]);
+            console.log(this.files)
+
+        }
+       /* fileToUploads.onchange=function(){
+            showIpts.src=URL.createObjectURL(this.files[0]);
+            console.log(this.files)
+
+        }*/
+
+		var ue = UE.getEditor('editor',{});
+
+	$(function(){
+		$('.skin-minimal input').iCheck({
+			checkboxClass: 'icheckbox-blue',
+			radioClass: 'iradio-blue',
+			increaseArea: '20%'
+		});
+
+		/*//表单验证
+		$("#form-article-add").validate({
+			rules:{
+			},
+			onkeyup:false,
+			focusCleanup:true,
+			success:"valid",
+			submitHandler:function(form){
+				$(form).ajaxSubmit();
+				var index = parent.layer.getFrameIndex(window.name);
+				//parent.$('.btn-refresh').click();
+				parent.layer.close(index);
+			}
+		});*/
+
+		$list = $("#fileList"),
+		$btn = $("#btn-star"),
+		state = "pending",
+		uploader;
+
+		var uploader = WebUploader.create({
+			auto: true,
+			swf: 'lib/webuploader/0.1.5/Uploader.swf',
+
+			// 文件接收服务端。
+			server: 'fileupload.php',
+
+			// 选择文件的按钮。可选。
+			// 内部根据当前运行是创建，可能是input元素，也可能是flash.
+			pick: '#filePicker',
+
+			// 不压缩image, 默认如果是jpeg，文件上传前会压缩一把再上传！
+			resize: false,
+			// 只允许选择图片文件。
+			accept: {
+				title: 'Images',
+				extensions: 'gif,jpg,jpeg,bmp,png',
+				mimeTypes: 'image/*'
+			}
+		});
+		uploader.on( 'fileQueued', function( file ) {
+			var $li = $(
+				'<div id="' + file.id + '" class="item">' +
+					'<div class="pic-box"><img></div>'+
+					'<div class="info">' + file.name + '</div>' +
+					'<p class="state">等待上传...</p>'+
+				'</div>'
+			),
+			$img = $li.find('img');
+			$list.append( $li );
+
+			// 创建缩略图
+			// 如果为非图片文件，可以不用调用此方法。
+			// thumbnailWidth x thumbnailHeight 为 100 x 100
+			uploader.makeThumb( file, function( error, src ) {
+				if ( error ) {
+					$img.replaceWith('<span>不能预览</span>');
+					return;
+				}
+
+				$img.attr( 'src', src );
+			}, thumbnailWidth, thumbnailHeight );
+		});
+		// 文件上传过程中创建进度条实时显示。
+		uploader.on( 'uploadProgress', function( file, percentage ) {
+			var $li = $( '#'+file.id ),
+				$percent = $li.find('.progress-box .sr-only');
+
+			// 避免重复创建
+			if ( !$percent.length ) {
+				$percent = $('<div class="progress-box"><span class="progress-bar radius"><span class="sr-only" style="width:0%"></span></span></div>').appendTo( $li ).find('.sr-only');
+			}
+			$li.find(".state").text("上传中");
+			$percent.css( 'width', percentage * 100 + '%' );
+		});
+
+		// 文件上传成功，给item添加成功class, 用样式标记上传成功。
+		uploader.on( 'uploadSuccess', function( file ) {
+			$( '#'+file.id ).addClass('upload-state-success').find(".state").text("已上传");
+		});
+
+		// 文件上传失败，显示上传出错。
+		uploader.on( 'uploadError', function( file ) {
+			$( '#'+file.id ).addClass('upload-state-error').find(".state").text("上传出错");
+		});
+
+		// 完成上传完了，成功或者失败，先删除进度条。
+		uploader.on( 'uploadComplete', function( file ) {
+			$( '#'+file.id ).find('.progress-box').fadeOut();
+		});
+		uploader.on('all', function (type) {
+			if (type === 'startUpload') {
+				state = 'uploading';
+			} else if (type === 'stopUpload') {
+				state = 'paused';
+			} else if (type === 'uploadFinished') {
+				state = 'done';
+			}
+
+			if (state === 'uploading') {
+				$btn.text('暂停上传');
+			} else {
+				$btn.text('开始上传');
+			}
+		});
+
+		$btn.on('click', function () {
+			if (state === 'uploading') {
+				uploader.stop();
+			} else {
+				uploader.upload();
+			}
+		});
+
+		var ue = UE.getEditor('editor');
+
+	});
+        $(function () {
+            var ue = UE.getEditor('introductions', {
+                //关闭字数统计
+                wordCount: false,
+                toolbars: [['fullscreen', 'source', '|', 'undo', 'redo', '|',
+                    'bold', 'italic', 'underline', 'fontborder', 'strikethrough', 'superscript', 'subscript', 'removeformat', 'formatmatch', 'autotypeset', 'blockquote', 'pasteplain', '|', 'forecolor', 'backcolor', 'insertorderedlist', 'insertunorderedlist', 'selectall', 'cleardoc', '|',
+                    'rowspacingtop', 'rowspacingbottom', 'lineheight', '|',
+                    'customstyle', 'paragraph', 'fontfamily', 'fontsize', '|',
+                    'directionalityltr', 'directionalityrtl', 'indent', '|',
+                    'justifyleft', 'justifycenter', 'justifyright', 'justifyjustify', '|', 'touppercase', 'tolowercase', '|',
+                    'link', 'unlink', 'anchor', '|', 'imagenone', 'imageleft', 'imageright', 'imagecenter', '|',
+                    'insertimage', 'emotion', 'insertvideo', 'attachment', 'map', 'template', 'background', '|',
+                    'horizontal', 'date', 'time', 'spechars', 'wordimage', '|',
+                    'inserttable', 'deletetable', 'insertparagraphbeforetable', 'insertrow', 'deleterow', 'insertcol', 'deletecol', 'mergecells', 'mergeright', 'mergedown', 'splittocells', 'splittorows', 'splittocols', 'charts', '|',
+                    'print', 'preview', 'searchreplace', 'help'
+                ]],
+                //关闭elementPath
+                elementPathEnabled: false,
+            });
+        });
+
+        $(function(){
+            $("#fileToUpload").change(function(){
+                var f = document.getElementById('fileToUpload').files[0];
+                $.ajaxFileUpload({
+                    fileElementId : 'fileToUpload',
+                    url : 'uploadFindSkillImagesspf',
+                    dataType : 'json',
+                    data : {},
+                    async : true,
+                    error : function(data) {
+                        alert("网络异常，请重试");
+                    },
+                    success : function(message) {
+
+
+                        $("#imgOne").val(message.msg);
+                        chen();
+                    }
+                });
+            });
+        })
+        function chen(){
+            $("#fileToUpload").change(function(){
+                var f = document.getElementById('fileToUpload').files[0];
+                $.ajaxFileUpload({
+                    fileElementId : 'fileToUpload',
+                    url : 'uploadFindSkillImagesspf',
+                    dataType : 'json',
+                    data : {},
+                    async : true,
+                    error : function(data) {
+                        alert("网络异常，请重试");
+                    },
+                    success : function(message) {
+                        /*   alert(message.msg);*/
+                        $("#imgOne").val(message.msg);
+                        chen();
+                    }
+                });
+            });
+        }
+        $(function () {
+            $("#fileToUploads").change(function(){
+                var f = document.getElementById('fileToUploads').files[0];
+                $.ajaxFileUpload({
+                    fileElementId : 'fileToUploads',
+                    url : 'uploadFindSkillImagesspf',
+                    dataType : 'json',
+                    data : {},
+                    async : true,
+                    error : function(data) {
+                        alert("网络异常，请重试");
+                    },
+                    success : function(message) {
+                        showIpts.src=message.msg;
+                        $("#imgTwott").val(message.msg);
+                        chens();
+                    }
+                });
+            });
+        })
+        function chens() {
+            $("#fileToUploads").change(function () {
+                var f = document.getElementById('fileToUploads').files[0];
+                $.ajaxFileUpload({
+                    fileElementId: 'fileToUploads',
+                    url: 'uploadFindSkillImagesspf',
+                    dataType: 'json',
+                    data: {},
+                    async: true,
+                    error: function (data) {
+                        alert("网络异常，请重试");
+                    },
+                    success: function (message) {
+                        showIpts.src=message.msg;
+                        $("#imgTwott").val(message.msg);
+                        chens();
+                    }
+                });
+            });
+        }
+	</script>
+<!--/请在上方写此页面业务相关的脚本-->
+</body>
+</html>

src/main/webapp/WEB-INF/jsp/admin/worklibrary-list.jsp

@@ -0,0 +1,180 @@
+<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
+<%@taglib  uri="http://java.sun.com/jsp/jstl/functions" prefix="fn"%>
+<%@ page contentType="text/html;charset=UTF-8" language="java" %>
+<!DOCTYPE HTML>
+<html>
+<head>
+	<meta charset="utf-8">
+	<meta name="renderer" content="webkit|ie-comp|ie-stand">
+	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+	<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
+	<meta http-equiv="Cache-Control" content="no-siteapp" />
+	<!--[if lt IE 9]>
+	<script type="text/javascript" src="${pageContext.request.contextPath}/lib/html5shiv.js"></script>
+	<script type="text/javascript" src="${pageContext.request.contextPath}/lib/respond.min.js"></script>
+	<![endif]-->
+    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}${pageContext.request.contextPath}/static/h-ui/css/H-ui.min.css" />
+    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}${pageContext.request.contextPath}/static/h-ui.admin/css/H-ui.admin.css" />
+    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}${pageContext.request.contextPath}/lib/Hui-iconfont/1.0.8/iconfont.css" />
+    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}${pageContext.request.contextPath}/static/h-ui.admin/skin/default/skin.css" id="skin" />
+    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}${pageContext.request.contextPath}/static/h-ui.admin/css/style.css" />
+    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}${pageContext.request.contextPath}/static/h-ui.admin/css/page.css" />
+	<script>DD_belatedPNG.fix('*');</script>
+	<title>新闻列表</title>
+</head>
+<body>
+<nav class="breadcrumb"><i class="Hui-iconfont">&#xe67f;</i> 首页 <span class="c-gray en">&gt;</span> ${sessionScope.headNames} <span class="c-gray en">&gt;</span> 作品库 <a class="btn btn-success radius r" style="line-height:1.6em;margin-top:3px" href="javascript:location.replace(location.href);" title="刷新" ><i class="Hui-iconfont">&#xe68f;</i></a></nav>
+<div class="page-container">
+	<form class="form form-horizontal" id="form-article-add" action="worklibrary-list.html" method="post" enctype="multipart/form-data">
+		<div class="text-c">
+	<input type="text" name="titleName" id="titleName" placeholder=" 作品标题" style="width:250px" class="input-text" value="${titleName}">
+	<button name="" id="" class="btn btn-success"  type="submit"><i class="Hui-iconfont">&#xe665;</i> 搜标题</button>
+</div>
+</form>
+	<div class="cl pd-5 bg-1 bk-gray mt-20"> <span class="l"> <a class="btn btn-primary radius" title="添加作品" href="worklibrary-save.html" ><i class="Hui-iconfont">&#xe600;</i> 添加作品</a></span> <span class="r data_num">共有数据：<strong>${worklibraryList.total}</strong> 条</span></div>
+	<div class="mt-20">
+		<table class="table table-border table-bordered table-bg table-hover table-sort table-responsive">
+			<thead>
+				<tr class="text-c">
+					<th width="80">ID</th>
+					<th width="100">标题</th>
+					<th width="80">封面图</th>
+					<th width="135">更新时间</th>
+					<th width="135">视频路径</th>
+					<th width="135">点击量</th>
+					<th width="200">操作</th>
+				</tr>
+			</thead>
+			<tbody>
+				<c:forEach items="${worklibraryList.list}" var="item">
+				<tr class="text-c">
+					<td>${item.id}</td>
+					<td>${item.title}</td>
+					<td><img style="width: 130px;height: 90px " src=" ${item.img}"></td>
+					<td>${item.time}</td>
+					<td>${item.viodes}</td>
+					<td>${item.pv}</td>
+					<td class="f-14 td-manage">
+						<a style="text-decoration:none" class="ml-5" href="worklibraryById.html?id=${item.id}"  title="编辑"><i class="Hui-iconfont">&#xe6df; </i>编辑</a>
+						<a style="text-decoration:none" class="ml-5" onClick="article_del(this,${item.id})"  title="删除"><i class="Hui-iconfont">&#xe6e2;</i>删除</a></td>
+				</tr>
+				</c:forEach>
+			</tbody>
+		</table>
+	</div>
+	<div id="PageNum">
+		<section>
+			<div class="bd points-goods-list">
+				<ul class="pages">
+					<li><a href="worklibrary-list.html?pageNum=1&&titleName=${titleName}">首页</a></li>
+					<li class="prev"><a href="worklibrary-list.html?pageNum=${worklibraryList.prePage}&&titleName=${titleName}">上一页</a></li>
+					<c:forEach items="${worklibraryList.navigatepageNums}" var="nav">
+						<c:if test="${nav == worklibraryList.pageNum}">
+							<li ><a href="worklibrary-list.html?pageNum=${nav}&&titleName=${titleName}" class="active">${nav}</a></li>
+						</c:if>
+						<c:if test="${nav != worklibraryList.pageNum}">
+							<li><a href="worklibrary-list.html?pageNum=${nav}&&titleName=${titleName}">${nav}</a></li>
+						</c:if>
+					</c:forEach>
+					<li class="next"><a href="worklibrary-list.html?pageNum=${worklibraryList.nextPage}&&titleName=${titleName}">下一页</a></li>
+					<li><a href="worklibrary-list.html?pageNum=${worklibraryList.pages}&&titleName=${titleName}">末页</a></li>
+				</ul>
+			</div>
+		</section>
+	</div>
+</div>
+<!--_footer 作为公共模版分离出去-->
+<script type="text/javascript" src="${pageContext.request.contextPath}/lib/jquery/1.9.1/jquery.min.js"></script>
+<script type="text/javascript" src="${pageContext.request.contextPath}/lib/layer/2.4/layer.js"></script>
+<script type="text/javascript" src="${pageContext.request.contextPath}${pageContext.request.contextPath}/static/h-ui/js/H-ui.min.js"></script>
+<script type="text/javascript" src="${pageContext.request.contextPath}${pageContext.request.contextPath}/static/h-ui.admin/js/H-ui.admin.js"></script> <!--/_footer 作为公共模版分离出去-->
+
+<!--请在下方写此页面业务相关的脚本-->
+<script type="text/javascript" src="${pageContext.request.contextPath}/lib/My97DatePicker/4.8/WdatePicker.js"></script>
+<script type="text/javascript">
+
+
+    // $('.table-sort').dataTable({
+    // 	"aaSorting": [[ 1, "desc" ]],//默认第几个排序
+    // 	"bStateSave": true,//状态保存
+    // 	"pading":false,
+    // 	"aoColumnDefs": [
+    // 	  //{"bVisible": false, "aTargets": [ 3 ]} //控制列的隐藏显示
+    // 	  {"orderable":false,"aTargets":[0,8]}// 不参与排序的列
+    // 	]
+    // });
+
+    /*分页搜索*/
+
+
+
+    /*搜索标题*/
+    function searchByTitleName() {
+        //首先获取关键字
+        var titlename = $("#titlename").val();
+        alert("根据" + titlename + "搜索");
+        //跳转页面
+        location.href = "journalism-list.html?titlename=" + titlename;
+    }
+
+
+    /*批量删除*/
+    function datadel() {
+        var chkvalue ="" //定义一个数组
+        $("input[name='ck']:checked").each(function () {
+            chkvalue += $(this).val() + ",";
+        });
+        window.location.href = "deleteSomeJournalism?chkvalue=" + chkvalue;
+    }
+
+
+    /*全选和全不选*/
+    function checkBox(ckAll) {
+        //全选控制子窗
+        var cks = document.getElementsByName("ck");
+        for (var i = 0; i < cks.length; i++) {
+            cks[i].checked = ckAll.checked;
+        }
+        for (var i = 0; i < cks.length; i++) {
+            cks[i].onclick = function () {
+                if (!this.checked) {
+                    ckAll.checked = false;
+                }
+            };
+
+        }
+    }
+    /*资讯-添加*/
+    function article_add(title,url,w,h){
+        var index = layer.open({
+            type: 2,
+            title: title,
+            content: url
+        });
+        layer.full(index);
+    }
+    /*资讯-编辑*/
+    function article_edit(url,id){
+        var index = layer.open({
+            type: 2,
+            title: title,
+            content: url,
+            id: id
+        });
+        layer.full(index);
+
+    }
+    /*资讯-删除*/
+    function article_del(obj,id){
+        layer.confirm('确认要删除吗？',function(index){
+            $.post("delWorklibrary.html", {"id": id}, function () {
+                console.log(111);
+                $(obj).parents("tr").remove();
+                layer.msg('已删除!', {icon: 1, time: 1000});
+            });
+        });
+    }
+
+</script>
+</body>
+</html>

src/main/webapp/WEB-INF/jsp/admin/worklibrary-update.jsp

@@ -0,0 +1,388 @@
+<%@ page language="java" contentType="text/html; charset=UTF-8"
+		 pageEncoding="UTF-8"%>
+<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
+<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
+<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
+<% String base = pageContext.getServletContext().getContextPath(); %>
+<!--_meta 作为公共模版分离出去-->
+<!DOCTYPE HTML>
+<html>
+<head>
+	<meta charset="utf-8">
+	<script type="text/javascript">
+        window.UEDITOR_SERVER_URL = '<%=base%>';
+	</script>
+	<meta name="renderer" content="webkit|ie-comp|ie-stand">
+	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+	<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
+	<meta http-equiv="Cache-Control" content="no-siteapp" />
+	<link rel="Bookmark" href="/favicon.ico" >
+	<link rel="Shortcut Icon" href="/favicon.ico" />
+	<!--[if lt IE 9]>
+	<script type="text/javascript" src="${pageContext.request.contextPath}/lib/html5shiv.js"></script>
+	<script type="text/javascript" src="${pageContext.request.contextPath}/lib/respond.min.js"></script>
+	<![endif]-->
+	<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/static/h-ui/css/H-ui.min.css" />
+	<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/static/h-ui.admin/css/H-ui.admin.css" />
+	<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/lib/Hui-iconfont/1.0.8/iconfont.css" />
+	<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/static/h-ui.admin/skin/default/skin.css" id="skin" />
+	<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/static/h-ui.admin/css/style.css" />
+	<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/static/h-ui.admin/css/page.css" />
+	<link rel="stylesheet" href="${pageContext.request.contextPath}/user/css/baseindex.css">
+	<link rel="stylesheet" href="${pageContext.request.contextPath}/user/css/course.css">
+	<link rel="stylesheet" href="${pageContext.request.contextPath}/user/css/swiper.min.css">
+	<script src="${pageContext.request.contextPath}/user/js/jquery.min.js" type="text/javascript"></script>
+	<script src="${pageContext.request.contextPath}/user/js/swiper.min.js" type="text/javascript"></script>
+	<script src="${pageContext.request.contextPath}/user/js/js.js" type="text/javascript"></script>
+	<link rel="stylesheet" href="${pageContext.request.contextPath}/user/build/mediaelementplayer.min(1).css" />
+	<%--<script type="text/javascript" src="${pageContext.request.contextPath}js/displayvideo.js"></script>--%>
+	<!--[if IE 6]>
+	<script type="text/javascript" src="${pageContext.request.contextPath}/lib/DD_belatedPNG_0.0.8a-min.js" ></script>
+	<script>DD_belatedPNG.fix('*');</script>
+	<![endif]-->
+	<!--/meta 作为公共模版分离出去-->
+
+	<title>新增新闻 - 新闻管理 - H-ui.admin v3.1</title>
+	<meta name="keywords" content="H-ui.admin v3.1,H-ui网站后台模版,后台模版下载,后台管理系统模版,HTML后台模版下载">
+	<meta name="description" content="H-ui.admin v3.1，是一款由国人开发的轻量级扁平化网站后台模板，完全免费开源的网站后台管理系统模版，适合中小型CMS后台系统。">
+
+</head>
+<body>
+<article class="page-container">
+	<form class="form form-horizontal" id="form-article-add" action="worklibrary-update.html" method="post" enctype="multipart/form-data">
+		<div class="row cl">
+			<label class="form-label col-xs-4 col-sm-2"><span class="c-red">*</span>作品标题：</label>
+			<div class="formControls col-xs-8 col-sm-9">
+				<input type="hidden" name="id" value="${workibraryById.id}">
+				<input type="text" class="input-text" value="${workibraryById.title}" placeholder="" id="title" name="title">
+			</div>
+		</div>
+		<div class="row cl">
+			<label class="form-label col-xs-4 col-sm-2">封面图：</label>
+			<div class="formControls col-xs-8 col-sm-4">
+				<input type="file" class="input-text" name="filename" id="fileToUpload">
+				<input type="hidden" name="img" id="imgOne">
+			</div>
+			<div class="formControls col-xs-8 col-sm-2">
+				<img alt="" src="${workibraryById.img}" width="90" height="60" id="showIpt">
+			</div>
+			<div class="formControls col-xs-8 col-sm-4">
+				<span class="c-red">图片最佳尺寸(像素)：200 x 164</span>
+			</div>
+		</div>
+		<div class="row cl">
+			<label class="form-label col-xs-4 col-sm-2">视频：</label>
+			<div class="formControls col-xs-8 col-sm-4">
+				<input type="file" class="input-text" name="filename" id="fileToUploads">
+				<input type="hidden" name="viodes" id="imgTwott" value="${workibraryById.viodes}">
+			</div>
+			<%--<div class="formControls col-xs-8 col-sm-2 " id="video-box">
+				<video id="video" controls preload="auto" width="500px" height="150px">
+					<source src="" type="video/mp4" id="showIpts">
+				</video>
+				&lt;%&ndash;<img alt="" src="" width="90" height="60" id="showIpts">&ndash;%&gt;
+			</div>--%>
+		</div>
+
+		<div class="row cl">
+			<label class="form-label col-xs-4 col-sm-2">发布日期：</label>
+			<div class="formControls col-xs-8 col-sm-9">
+				<input type="text"  value="${workibraryById.time}" onfocus="WdatePicker({ dateFmt:'yyyy-MM-dd HH:mm:ss' })" id="time" name="time" class="input-text Wdate">
+			</div>
+		</div>
+		<div class="row cl">
+			<label class="form-label col-xs-4 col-sm-2">作品详情：</label>
+			<div class="formControls col-xs-8 col-sm-9">
+				<script id="introductions" name="contexts" type="text/plain" style="width:100%;height:400px;">${workibraryById.contexts}</script>
+                </div>
+                </div>
+                <div class="row cl">
+                    <div class="col-xs-8 col-sm-9 col-xs-offset-4 col-sm-offset-2">
+                    <button onClick="article_save_submit();" class="btn btn-primary radius" type="submit"> <i class="Hui-iconfont">&#xe632;  </i>  修改</button>
+                <a class="btn btn-default radius" href="javascript:history.go(-1)"  type="button" >&nbsp;&nbsp;取消&nbsp;&nbsp;</a>
+                </div>
+                </div>
+                </form>
+                </article>
+
+                <!--_footer 作为公共模版分离出去-->
+                <script type="text/javascript" src="${pageContext.request.contextPath}/lib/jquery/1.9.1/jquery.min.js"></script>
+				<script type="text/javascript" src="${pageContext.request.contextPath}/lib/layer/2.4/layer.js"></script>
+				<script type="text/javascript" src="${pageContext.request.contextPath}${pageContext.request.contextPath}/static/h-ui/js/H-ui.min.js"></script>
+				<script type="text/javascript" src="${pageContext.request.contextPath}${pageContext.request.contextPath}/static/h-ui.admin/js/H-ui.admin.js"></script> <!--/_footer /作为公共模版分离出去-->
+
+				<!--请在下方写此页面业务相关的脚本-->
+				<script type="text/javascript" src="${pageContext.request.contextPath}/lib/My97DatePicker/4.8/WdatePicker.js"></script>
+				<script type="text/javascript" src="${pageContext.request.contextPath}/lib/jquery.validation/1.14.0/jquery.validate.js"></script>
+				<script type="text/javascript" src="${pageContext.request.contextPath}/lib/jquery.validation/1.14.0/validate-methods.js"></script>
+				<script type="text/javascript" src="${pageContext.request.contextPath}/lib/jquery.validation/1.14.0/messages_zh.js"></script>
+				<script type="text/javascript" src="${pageContext.request.contextPath}/lib/webuploader/0.1.5/webuploader.min.js"></script>
+				<script type="text/javascript" src="${pageContext.request.contextPath}/lib/ueditor/1.4.3/ueditor.config.js"></script>
+				<script type="text/javascript" src="${pageContext.request.contextPath}/lib/ueditor/1.4.3/ueditor.all.min.js"> </script>
+				<script type="text/javascript" src="${pageContext.request.contextPath}/lib/ueditor/1.4.3/lang/zh-cn/zh-cn.js"></script>
+				<script type="text/javascript" charset="utf-8" src="${pageContext.request.contextPath}/lib/ueditor/1.4.3/ueditor.config.js"></script> <!--ueditor的配置文件-->
+				<script type="text/javascript" charset="utf-8" src="${pageContext.request.contextPath}/lib/ueditor/1.4.3/ueditor.all.min.js"></script> <!--ueditor核心文件-->
+				<script type="text/javascript" charset="utf-8" src="${pageContext.request.contextPath}/lib/ueditor/1.4.3/lang/zh-cn/zh-cn.js"></script> <!--ueditor语言文件-->
+
+				<!-- 百度文本编辑器   引用文件 -->
+
+				<script src="<%=base%>/static/ue/ueditor.config.js" type="text/javascript"></script>
+				<script src="<%=base%>/static/ue/ueditor.all.js" type="text/javascript"></script>
+				<script type="text/javascript" src="<%=base%>/static/ue/lang/zh-cn/zh-cn.js"></script>
+				<script type="text/javascript" src="${pageContext.request.contextPath}/lib/layer/2.4/layer.js"></script>
+				<script type="text/javascript" src="${pageContext.request.contextPath}/static/admin/js/ajaxfileupload.js"></script>
+
+				<script type="text/javascript">
+					$(function () {
+
+                        var src =$("#imgTwott").val();
+                        alert(src);
+                        sourceDom = $("<source src=\""+ src +"\">");
+                        $("#video-box video").empty();
+                        $("#video-box video").append(sourceDom);
+                        $("#video-box").show();
+                        $("#video-box video")[0].play();
+                    })
+                    fileToUpload.onchange=function(){
+                        showIpt.src=URL.createObjectURL(this.files[0]);
+                        console.log(this.files)
+
+                    }
+                    /* fileToUploads.onchange=function(){
+                         showIpts.src=URL.createObjectURL(this.files[0]);
+                         console.log(this.files)
+
+                     }*/
+
+                    var ue = UE.getEditor('editor',{});
+
+                    $(function(){
+                        $('.skin-minimal input').iCheck({
+                            checkboxClass: 'icheckbox-blue',
+                            radioClass: 'iradio-blue',
+                            increaseArea: '20%'
+                        });
+
+                        /*//表单验证
+                        $("#form-article-add").validate({
+                            rules:{
+                            },
+                            onkeyup:false,
+                            focusCleanup:true,
+                            success:"valid",
+                            submitHandler:function(form){
+                                $(form).ajaxSubmit();
+                                var index = parent.layer.getFrameIndex(window.name);
+                                //parent.$('.btn-refresh').click();
+                                parent.layer.close(index);
+                            }
+                        });*/
+
+                        $list = $("#fileList"),
+                            $btn = $("#btn-star"),
+                            state = "pending",
+                            uploader;
+
+                        var uploader = WebUploader.create({
+                            auto: true,
+                            swf: 'lib/webuploader/0.1.5/Uploader.swf',
+
+                            // 文件接收服务端。
+                            server: 'fileupload.php',
+
+                            // 选择文件的按钮。可选。
+                            // 内部根据当前运行是创建，可能是input元素，也可能是flash.
+                            pick: '#filePicker',
+
+                            // 不压缩image, 默认如果是jpeg，文件上传前会压缩一把再上传！
+                            resize: false,
+                            // 只允许选择图片文件。
+                            accept: {
+                                title: 'Images',
+                                extensions: 'gif,jpg,jpeg,bmp,png',
+                                mimeTypes: 'image/*'
+                            }
+                        });
+                        uploader.on( 'fileQueued', function( file ) {
+                            var $li = $(
+                                '<div id="' + file.id + '" class="item">' +
+                                '<div class="pic-box"><img></div>'+
+                                '<div class="info">' + file.name + '</div>' +
+                                '<p class="state">等待上传...</p>'+
+                                '</div>'
+                                ),
+                                $img = $li.find('img');
+                            $list.append( $li );
+
+                            // 创建缩略图
+                            // 如果为非图片文件，可以不用调用此方法。
+                            // thumbnailWidth x thumbnailHeight 为 100 x 100
+                            uploader.makeThumb( file, function( error, src ) {
+                                if ( error ) {
+                                    $img.replaceWith('<span>不能预览</span>');
+                                    return;
+                                }
+
+                                $img.attr( 'src', src );
+                            }, thumbnailWidth, thumbnailHeight );
+                        });
+                        // 文件上传过程中创建进度条实时显示。
+                        uploader.on( 'uploadProgress', function( file, percentage ) {
+                            var $li = $( '#'+file.id ),
+                                $percent = $li.find('.progress-box .sr-only');
+
+                            // 避免重复创建
+                            if ( !$percent.length ) {
+                                $percent = $('<div class="progress-box"><span class="progress-bar radius"><span class="sr-only" style="width:0%"></span></span></div>').appendTo( $li ).find('.sr-only');
+                            }
+                            $li.find(".state").text("上传中");
+                            $percent.css( 'width', percentage * 100 + '%' );
+                        });
+
+                        // 文件上传成功，给item添加成功class, 用样式标记上传成功。
+                        uploader.on( 'uploadSuccess', function( file ) {
+                            $( '#'+file.id ).addClass('upload-state-success').find(".state").text("已上传");
+                        });
+
+                        // 文件上传失败，显示上传出错。
+                        uploader.on( 'uploadError', function( file ) {
+                            $( '#'+file.id ).addClass('upload-state-error').find(".state").text("上传出错");
+                        });
+
+                        // 完成上传完了，成功或者失败，先删除进度条。
+                        uploader.on( 'uploadComplete', function( file ) {
+                            $( '#'+file.id ).find('.progress-box').fadeOut();
+                        });
+                        uploader.on('all', function (type) {
+                            if (type === 'startUpload') {
+                                state = 'uploading';
+                            } else if (type === 'stopUpload') {
+                                state = 'paused';
+                            } else if (type === 'uploadFinished') {
+                                state = 'done';
+                            }
+
+                            if (state === 'uploading') {
+                                $btn.text('暂停上传');
+                            } else {
+                                $btn.text('开始上传');
+                            }
+                        });
+
+                        $btn.on('click', function () {
+                            if (state === 'uploading') {
+                                uploader.stop();
+                            } else {
+                                uploader.upload();
+                            }
+                        });
+
+                        var ue = UE.getEditor('editor');
+
+                    });
+                    $(function () {
+                        var ue = UE.getEditor('introductions', {
+                            //关闭字数统计
+                            wordCount: false,
+                            toolbars: [['fullscreen', 'source', '|', 'undo', 'redo', '|',
+                                'bold', 'italic', 'underline', 'fontborder', 'strikethrough', 'superscript', 'subscript', 'removeformat', 'formatmatch', 'autotypeset', 'blockquote', 'pasteplain', '|', 'forecolor', 'backcolor', 'insertorderedlist', 'insertunorderedlist', 'selectall', 'cleardoc', '|',
+                                'rowspacingtop', 'rowspacingbottom', 'lineheight', '|',
+                                'customstyle', 'paragraph', 'fontfamily', 'fontsize', '|',
+                                'directionalityltr', 'directionalityrtl', 'indent', '|',
+                                'justifyleft', 'justifycenter', 'justifyright', 'justifyjustify', '|', 'touppercase', 'tolowercase', '|',
+                                'link', 'unlink', 'anchor', '|', 'imagenone', 'imageleft', 'imageright', 'imagecenter', '|',
+                                'insertimage', 'emotion', 'insertvideo', 'attachment', 'map', 'template', 'background', '|',
+                                'horizontal', 'date', 'time', 'spechars', 'wordimage', '|',
+                                'inserttable', 'deletetable', 'insertparagraphbeforetable', 'insertrow', 'deleterow', 'insertcol', 'deletecol', 'mergecells', 'mergeright', 'mergedown', 'splittocells', 'splittorows', 'splittocols', 'charts', '|',
+                                'print', 'preview', 'searchreplace', 'help'
+                            ]],
+                            //关闭elementPath
+                            elementPathEnabled: false,
+                        });
+                    });
+
+                    $(function(){
+                        $("#fileToUpload").change(function(){
+                            var f = document.getElementById('fileToUpload').files[0];
+                            $.ajaxFileUpload({
+                                fileElementId : 'fileToUpload',
+                                url : 'uploadFindSkillImagesspf',
+                                dataType : 'json',
+                                data : {},
+                                async : true,
+                                error : function(data) {
+                                    alert("网络异常，请重试");
+                                },
+                                success : function(message) {
+
+
+                                    $("#imgOne").val(message.msg);
+                                    chen();
+                                }
+                            });
+                        });
+                    })
+                    function chen(){
+                        $("#fileToUpload").change(function(){
+                            var f = document.getElementById('fileToUpload').files[0];
+                            $.ajaxFileUpload({
+                                fileElementId : 'fileToUpload',
+                                url : 'uploadFindSkillImagesspf',
+                                dataType : 'json',
+                                data : {},
+                                async : true,
+                                error : function(data) {
+                                    alert("网络异常，请重试");
+                                },
+                                success : function(message) {
+                                    /*   alert(message.msg);*/
+                                    $("#imgOne").val(message.msg);
+                                    chen();
+                                }
+                            });
+
+                        });
+                    }
+                    $(function () {
+                        $("#fileToUploads").change(function(){
+                            var f = document.getElementById('fileToUploads').files[0];
+                            $.ajaxFileUpload({
+                                fileElementId : 'fileToUploads',
+                                url : 'uploadFindSkillImagesspf',
+                                dataType : 'json',
+                                data : {},
+                                async : true,
+                                error : function(data) {
+                                    alert("网络异常，请重试");
+                                },
+                                success : function(message) {
+                                    $("#imgTwott").val(message.msg);
+                                    chens();
+                                }
+                            });
+                        });
+                    })
+                    function chens() {
+                        $("#fileToUploads").change(function () {
+                            var f = document.getElementById('fileToUploads').files[0];
+                            $.ajaxFileUpload({
+                                fileElementId: 'fileToUploads',
+                                url: 'uploadFindSkillImagesspf',
+                                dataType: 'json',
+                                data: {},
+                                async: true,
+                                error: function (data) {
+                                    alert("网络异常，请重试");
+                                },
+                                success: function (message) {
+                                    showIpts.src=message.msg;
+                                    $("#imgTwott").val(message.msg);
+                                    chens();
+                                }
+                            });
+                        });
+                    }
+				</script>
+				<!--/请在上方写此页面业务相关的脚本-->
+</body>
+</html>

src/main/webapp/WEB-INF/jsp/user/news.jsp

@@ -0,0 +1,149 @@
+<%@ page contentType="text/html;charset=UTF-8" language="java" %>
+<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
+<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>
+<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta name="renderer" content="webkit"/>
+<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
+<meta name="format-detection" content="telephone=no" />
+<meta name="apple-mobile-web-app-capable" content="yes" />
+<meta name="apple-mobile-web-app-status-bar-style" content="black" />
+<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0 user-scalable=no"/>
+<title>科技艺术课程</title>
+<link type="text/css" rel="stylesheet" href="${pageContext.request.contextPath}/user/css/aos.css"/>
+<link rel="stylesheet" href="${pageContext.request.contextPath}/user/css/base.css">
+<link rel="stylesheet" href="${pageContext.request.contextPath}/user/css/index.css">
+<script src="${pageContext.request.contextPath}/user/js/jquery.min.js" type="text/javascript"></script>
+</head>
+
+<body>
+<div class="top">
+    <div class="top_border clearfix">
+        <div class="bgcolor_1"></div>
+        <div class="bgcolor_2"></div>
+        <div class="bgcolor_3"></div>
+        <div class="bgcolor_4"></div>
+    </div>
+    <div class="header">
+        <div class="mainbox clearfix">
+            <a href="index.html" class="logo">
+                <img src="${pageContext.request.contextPath}/user/images/logo.png" alt="" />
+            </a>
+            <div class="top_login ts5">
+                <a href="login.html"><i class="icon_login"></i>登录</a>
+                <a href="register.html"><i class="icon_register"></i>注册</a>
+            </div>
+        </div>
+    </div>
+</div>
+
+
+
+
+<div class="nrbanner" style="background:url(${pageContext.request.contextPath}/user/images/news_bg.jpg) no-repeat center center/auto 400px;">
+   <div class="bread_w">
+        <div class="breadtit">
+            <h2>学院新闻</h2>
+            <p>College News</p>
+        </div>
+    </div>
+</div>
+
+<div class="mainbox course_about clearfix">
+    <div class="course_left">
+        <div class="tit clearfix">
+            <h1>学校要闻</h1>
+            <span>School news</span>
+        </div>
+        <div class="list clearfix">
+            <ul>
+                <c:forEach items="${news.list}" var="item">
+                    <li><a href="new_detail.html?id=${item.id}">${item.title}</a><i>[${fn:substring(item.releasetime,0,4 )}-${fn:substring(item.releasetime,5,7 )}-${fn:substring(item.releasetime,8,10 )}]</i></li>
+                </c:forEach>
+                <%--<li><a href="new_detail.html">第十四届中国特色社会主义论坛在我校成功举办</a><i>[2019-10-22]</i></li>
+
+                <li><a href="new_detail.html">67周年校庆丨科技艺术课程校友企业家论坛成功举行</a><i>[2019-10-22]</i></li>
+                <li><a href="new_detail.html">67周年校庆丨我校举行新校史馆落成暨开馆仪式</a><i>[2019-10-22]</i></li>
+
+                <li><a href="new_detail.html">第十四届中国特色社会主义论坛在我校成功举办</a><i>[2019-10-22]</i></li>
+
+                <li><a href="new_detail.html">67周年校庆丨科技艺术课程校友企业家论坛成功举行</a><i>[2019-10-22]</i></li>
+                <li><a href="new_detail.html">67周年校庆丨我校举行新校史馆落成暨开馆仪式</a><i>[2019-10-22]</i></li>
+
+                <li><a href="new_detail.html">第十四届中国特色社会主义论坛在我校成功举办</a><i>[2019-10-22]</i></li>
+
+                <li><a href="new_detail.html">67周年校庆丨科技艺术课程校友企业家论坛成功举行</a><i>[2019-10-22]</i></li>
+                <li><a href="new_detail.html">67周年校庆丨我校举行新校史馆落成暨开馆仪式</a><i>[2019-10-22]</i></li>
+
+                <li><a href="new_detail.html">第十四届中国特色社会主义论坛在我校成功举办</a><i>[2019-10-22]</i></li>
+
+                <li><a href="new_detail.html">67周年校庆丨科技艺术课程校友企业家论坛成功举行</a><i>[2019-10-22]</i></li>
+                <li><a href="new_detail.html">67周年校庆丨我校举行新校史馆落成暨开馆仪式</a><i>[2019-10-22]</i></li>
+                <li><a href="new_detail.html">67周年校庆丨我校举行新校史馆落成暨开馆仪式</a><i>[2019-10-22]</i></li>
+
+                <li><a href="new_detail.html">第十四届中国特色社会主义论坛在我校成功举办</a><i>[2019-10-22]</i></li>
+
+                <li><a href="new_detail.html">67周年校庆丨科技艺术课程校友企业家论坛成功举行</a><i>[2019-10-22]</i></li>
+                <li><a href="new_detail.html">67周年校庆丨我校举行新校史馆落成暨开馆仪式</a><i>[2019-10-22]</i></li>
+
+                <li><a href="new_detail.html">第十四届中国特色社会主义论坛在我校成功举办</a><i>[2019-10-22]</i></li>
+
+                <li><a href="new_detail.html">67周年校庆丨科技艺术课程校友企业家论坛成功举行</a><i>[2019-10-22]</i></li>
+                <li><a href="new_detail.html">67周年校庆丨我校举行新校史馆落成暨开馆仪式</a><i>[2019-10-22]</i></li>
+
+                <li><a href="new_detail.html">第十四届中国特色社会主义论坛在我校成功举办</a><i>[2019-10-22]</i></li>
+
+                <li><a href="new_detail.html">67周年校庆丨科技艺术课程校友企业家论坛成功举行</a><i>[2019-10-22]</i></li>
+                <li><a href="new_detail.html">67周年校庆丨我校举行新校史馆落成暨开馆仪式</a><i>[2019-10-22]</i></li>
+
+             --%>
+            </ul>
+        </div>
+
+        <div class="page clearfix">
+            <ul class="pages">
+                <li class="prev"><a href="news.html?pageNum=${news.prePage}">上一页</a></li>
+                <c:forEach items="${news.navigatepageNums}" var="nav">
+                    <c:if test="${nav == news.pageNum}">
+                        <li ><a href="news.html?pageNum=${nav}"class="active">${nav}</a></li>
+                    </c:if>
+                    <c:if test="${nav != news.pageNum}">
+                        <li><a href="news.html?pageNum=${nav}">${nav}</a></li>
+                    </c:if>
+                </c:forEach>
+                <li class="next"><a href="news.html?pageNum=${news.nextPage}">下一页</a></li>
+            </ul>
+        </div>
+    </div>
+
+    <div class="course_side">
+        <p class="course_sidetit"><i class="icon_xg"></i>相关课程</p>
+        <div class="course_sidelist">
+            <a href="index01.html">数字空间虚拟设计</a>
+            <a href="index01.html">数字影像技术</a>
+            <a href="index01.html">数字交互艺术设计</a>
+            <a href="index01.html">信息视觉设计</a>
+            <a href="index01.html">用户体验设计</a>
+            <a href="index01.html">虚拟现实设计</a>
+        </div>
+    </div>
+</div>
+
+
+<div class="footer">
+    版权所有：科技艺术课程 ALL RIGHTS RESERVED  苏ICP备05070685号
+</div>
+
+<script type="text/javascript" src="${pageContext.request.contextPath}/user/js/aos.js"></script>
+<script type="text/javascript">  
+    (function(){
+        AOS.init({});
+    }()); 
+</script>
+
+</body>
+</html>
+