1、利用代码生成功能制作好单表增删改查的模块
2、修改前段代码,插入‘导入’按钮并且写好导入弹出框界面,加入复制粘贴用户模块的前段代码
3、修改实体类,加上注释
4、在控制器加入下载模板和导入功能的响应方法
第一步:根据前面两篇博文去操作,建立左树右表的单表增删改查,在原有的根据字段查询数据的查询按钮右边,加入导入按钮
第二步:修改前段代码,如下:
<%@ page contentType="text/html;charset=UTF-8"%>
<%@ include file="/WEB-INF/views/include/taglib.jsp"%>
<html>
<head>
<title>课程表管理</title>
<meta name="decorator" content="default" />
<script type="text/javascript">
$(document).ready(function() {
$("#btnImport").click(function(){
$.jBox($("#importBox").html(), {title:"导入数据", buttons:{
"关闭":true},
bottomText:"导入文件不能超过5M,仅允许导入“xls”或“xlsx”格式文件!"});
});
});
function page(n, s) {
$("#pageNo").val(n);
$("#pageSize").val(s);
$("#searchForm").submit();
return false;
}
</script>
</head>
<body>
<div id="importBox" class="hide">
<form id="importForm" action="${ctx}/jsl/jslCourse/import"
method="post" enctype="multipart/form-data" class="form-search"
style="padding-left: 20px; text-align: center;"
onsubmit="loading('正在导入,请稍等...');">
<br />
<input id="uploadFile" name="file" type="file"
style="width: 330px" />
<br /> <br />
<input id="btnImportSubmit"
class="btn btn-primary" type="submit" value=" 导 入 " /> <a
href="${ctx}/jsl/jslCourse/import/template">下载模板</a>
</form>
</div>
<ul class="nav nav-tabs">
<li class="active"><a href="${ctx}/jsl/jslCourse/">课程表列表</a></li>
<shiro:hasPermission name="jsl:jslCourse:edit">
<li><a href="${ctx}/jsl/jslCourse/form">课程表添加</a></li>
</shiro:hasPermission>
</ul>
<form:form id="searchForm" modelAttribute="jslCourse"
action="${ctx}/jsl/jslCourse/" method="post"
class="breadcrumb form-search">
<input id="pageNo" name="pageNo" type="hidden" value="${page.pageNo}" />
<input id="pageSize" name="pageSize" type="hidden"
value="${page.pageSize}" />
<ul class="ul-form">
<li>