JeePlus后台JSP页面编写指南

来源:互联网 发布:点击进入f2c最新域名 编辑:程序博客网 时间:2024/06/07 06:48
dictList页面<%@ page contentType="text/html;charset=UTF-8" %><%@ include file="/webpage/include/taglib.jsp"%><html><head><title>字典管理</title><meta name="decorator" content="default"/><script type="text/javascript">function page(n,s){$("#pageNo").val(n);$("#pageSize").val(s);$("#searchForm").submit();    return false;    }</script></head><body class="gray-bg"><div class="wrapper wrapper-content"><div class="ibox"><div class="ibox-title"><h5>字典列表 </h5><!-- 最右边的小工具 ① --><div class="ibox-tools"><a class="collapse-link"><i class="fa fa-chevron-up"></i></a><a class="dropdown-toggle" data-toggle="dropdown" href="form_basic.html#"><i class="fa fa-wrench"></i></a><ul class="dropdown-menu dropdown-user"><li><a href="#">选项1</a></li><li><a href="#">选项2</a></li></ul><a class="close-link"><i class="fa fa-times"></i></a></div></div>        <div class="ibox-content"><!-- 提示信息 --><sys:message content="${message}"/><!-- 查询工具栏 ②--><div class="row"><div class="col-sm-12"><!-- 查询表单 --><form:form id="searchForm" modelAttribute="dict" action="${ctx}/sys/dict/" method="post" class="form-inline"><input id="pageNo" name="pageNo" type="hidden" value="${page.pageNo}"/><input id="pageSize" name="pageSize" type="hidden" value="${page.pageSize}"/><table:sortColumn id="orderBy" name="orderBy" value="${page.orderBy}" callback="sortOrRefresh();"/><!-- 支持排序 --><div class="form-group"><span>类型:</span><!--下拉列表框 ③--><form:select id="type" path="type" class="form-control m-b"><form:option value="" label=""/><form:options items="${typeList}" htmlEscape="false"/></form:select><span>描述 :</span><form:input path="description" htmlEscape="false" maxlength="50" class="form-control"/> </div></form:form><br/></div></div><!-- 添加修改工具栏 ④--><div class="row"><div class="col-sm-12"><div class="pull-left"><!-- <shiro:hasPermission name="sys:dict:add"> 权限限制后台中:@RequiresPermissions(value={"sys:dict:add","sys:dict:edit"},logical=Logical.OR)@RequestMapping(value = "save")//@Valid public String save(Dict dict, Model model, RedirectAttributes redirectAttributes) { }   --><shiro:hasPermission name="sys:dict:add"><table:addRow url="${ctx}/sys/dict/form" title="字典"></table:addRow><!-- 增加按钮 --></shiro:hasPermission><shiro:hasPermission name="sys:dict:edit">    <table:editRow url="${ctx}/sys/dict/form" id="contentTable"  title="字典"></table:editRow><!-- 编辑按钮 --></shiro:hasPermission><shiro:hasPermission name="sys:dict:del"><table:delRow url="${ctx}/sys/dict/deleteAll" id="contentTable"></table:delRow><!-- 删除按钮 --></shiro:hasPermission>       <button class="btn btn-white btn-sm " data-toggle="tooltip" data-placement="left" onclick="sortOrRefresh()" title="刷新"><i class="glyphicon glyphicon-repeat"></i> 刷新</button></div><div class="pull-right"><button  class="btn btn-primary btn-rounded btn-outline btn-sm " onclick="search()" ><i class="fa fa-search"></i> 查询</button><button  class="btn btn-primary btn-rounded btn-outline btn-sm " onclick="reset()" ><i class="fa fa-refresh"></i> 重置</button></div></div></div><!--数据表格 ⑤--><table id="contentTable" class="table table-striped table-bordered  table-hover table-condensed  dataTables-example dataTable no-footer"><thead><tr><th> <input type="checkbox" class="i-checks"></th><!--sort-column value  可以点击进行排序 按value值进行排序 --><th  class="sort-column value">键值</th><th >标签</th><th  class="sort-column type">类型</th><th  class="sort-column description">描述</th><th  class="sort-column sort">排序</th><th>操作</th></tr></thead><tbody><!-- 输出数据 --><c:forEach items="${page.list}" var="dict"><tr><td> <input type="checkbox" id="${dict.id}" class="i-checks"></td><td>${dict.value}</td><td><a  href="#" onclick="openDialogView('查看字典', '${ctx}/sys/dict/form?id=${dict.id}','800px', '500px')">${dict.label}</a></td><td><a href="javascript:" onclick="$('#type').val('${dict.type}');$('#searchForm').submit();return false;">${dict.type}</a></td><td>${dict.description}</td><td>${dict.sort}</td><!--操作列 ⑥--><td><shiro:hasPermission name="sys:dict:view"><a href="#" onclick="openDialogView('查看字典', '${ctx}/sys/dict/form?id=${dict.id}','800px', '500px')" class="btn btn-info btn-xs" ><i class="fa fa-search-plus"></i> 查看</a></shiro:hasPermission><shiro:hasPermission name="sys:dict:edit">    <a href="#" onclick="openDialog('修改字典', '${ctx}/sys/dict/form?id=${dict.id}','800px', '500px')" class="btn btn-success btn-xs" ><i class="fa fa-edit"></i> 修改</a>    </shiro:hasPermission>    <shiro:hasPermission name="sys:dict:del"><a href="${ctx}/sys/dict/delete?id=${dict.id}&type=${dict.type}" onclick="return confirmx('确认要删除该字典吗?', this.href)"   class="btn btn-danger btn-xs"><i class="fa fa-trash"></i> 删除</a></shiro:hasPermission><shiro:hasPermission name="sys:dict:add"><a href="#" onclick="openDialog('添加键值', '<c:url value='${fns:getAdminPath()}/sys/dict/form?type=${dict.type}&sort=${dict.sort+10}'><c:param name='description' value='${dict.description}'/></c:url>','800px', '500px')" class="btn btn-primary btn-xs" ><i class="fa fa-plus"></i> 添加键值</a></shiro:hasPermission></td></tr></c:forEach></tbody></table><!-- 分页代码 --><table:page page="${page}"></table:page><br/><br/></div></div></div></body></html>



注释:

1、path 属性值是对应的实体的属性,如果path=“username”,那么提交数据的时候,就是username:lei
2、htmlEscape = false  是不让其提交数据的时候用网页编码,比如 空格在网页上是&nbsp; 那么提交的时候就是一个空格,而不是&nbsp;
3、<shiro:hasPermission name="sys:dict:add"> 是权限控制,只有拥有sys:dict:add的权限才会显示里面的内容,在后台中的方法也需要对权限进行控制
@RequiresPermissions(value={"sys:dict:add","sys:dict:edit"},logical=Logical.OR)@RequestMapping(value = "save")//@Valid public String save(Dict dict, Model model, RedirectAttributes redirectAttributes) { }