列表页面

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <title>商户管理系统</title>
  6.     <link rel="stylesheet" href="${basePath}/css/layui.css">
  7.     <%
  8.     layout("/page/tags/header.html",{}){}
  9.     %>
  10. </head>
  11. <body>
  13.         <table id="listGrid" class="easyui-datagrid" title="员工管理"
  14.                style="height: 90%;" url="${basePath}ms/staff/findPage"
  15.                pagination="true" rownumbers="true" fitColumns="true"
  16.                singleSelect="true" pageSize="10" striped="true" toolbar="#toolbar">
  17.             <thead>
  18.             <tr>
  19.                 <th align="center" field="loginName" width="19%" sortable="false">登录名</th>
  20.                 <th align="center" field="staffName" width="23%" sortable="false">姓名</th>
  21.                 <th align="center" field="staffMobile" width="19%" sortable="false">电话</th>
  22.                 <th align="center" field="createTime" width="19%" sortable="false">创建时间</th>
  23.                 <th align="center" field="updateTime" width="19%" sortable="false">修改时间</th>
  24.             </tr>
  25.             </thead>
  26.         </table>
  27.         <div id="toolbar">
  28.             <div style="margin-bottom: 5px">
  29.                 <input id="StaffNameF" name="staffNameF" type="text" placeholder="姓名">
  30.                 <input id="StaffMobileF" name="staffMobileF" type="text" placeholder="电话">
  31.                 <a href="javascript:void(0)" class="easyui-linkbutton" iconCls="icon-search" plain="true"
  32.                    onclick="reload()">查询</a>
  33.                 <a href="javascript:void(0)" class="easyui-linkbutton" iconcls="icon-search" plain="true"
  34.                    onclick="add()">新增</a>
  35.                 <a href="javascript:void(0)" class="easyui-linkbutton" iconcls="icon-search" plain="true"
  36.                    onclick="addSelectRowFun('listGrid',update);">修改</a>
  37.                 <a href="javascript:void(0)" class="easyui-linkbutton" iconcls="icon-search" plain="true"
  38.                 onclick="addSelectRowFun('listGrid',view)">查看</a>
  39.                 <a href="javascript:void(0)" class="easyui-linkbutton" iconcls="icon-search" plain="true"
  40.                    onclick="pubDel('listGrid','${basePath}mch/staff/delStaff?id=','id');">删除</a>
  41.             </div>
  42.         </div>
  44.     <div id="addOrUpdateDialog" class="easyui-dialog" title="商户管理"
  45.          data-options="iconCls:'icon-save'" closed="true"
  46.          style="width: 820px; height: 410px; padding: 10px"
  47.          buttons="#dlg-buttons"></div>
  48.     <div id="dlg-buttons">
  49.         <a href="#" id="subBtn" class="easyui-linkbutton" onclick="save()">保存</a>
  50.         <a href="#" class="easyui-linkbutton" onclick="closeDialog()">返回</a>
  51.     </div>
  53.     <script type="text/javascript">
  54.         //重新加载
  55.         function reload() {
  56.             $('#listGrid').datagrid('load', {
  57.                 staffName : $('#staffNameF').val(),
  58.                 staffMobile : $('#staffMobileF').val()
  59.             });
  60.         }
  62.         function view(row) {
  63.             openDialog('${basePath}/b/page-ms/staff_add_update?isView=true&id=' + row.id, '查看');
  64.         }
  66.         function add(){
  67.             openDialog('${basePath}/b/page-ms/staff_add_update?isAdd=true', '添加');
  68.         }
  70.         function update(row) {
  71.             openDialog('${basePath}/b/page-ms/staff_add_update?isEdit=true&id=' + row.id, '修改');
  72.         }
  74.     </script>
  75. </body>
  76. </html>

表单页面

  1. <%
  2. include("/page/tags/form_include.html"){}
  3. %>
  4. <form id="addUpdateForm" method="post">
  5.    <div class="fitem">
  6.       <#InputFormTag  name='menuName' title='菜单名称' required='true' />
  7.       <#InputFormTag  name='namespace' title='Namespace' required='true' />
  8.    </div>
  9.    <#BigInputFormTag  name='menuUrl' title='链接地址' required='true' />
  10.    <div class="fitem">
  11.       <#WordBookFormTag  name='isDisable' title='是否禁用' code='yesOrNo' required='true' />
  12.       <#WordBookFormTag  name='menuState' title='是否隐藏' code='yesOrNo' required='true' />
  13.    </div>
  14.    <#UploadFormTag  name='image' title='LOGO'  placeholder="请上传菜单LOGO"/>
  15.    <div class="fitem">
  16.     <#SelectFormTag  name='serverNameId' title='所在服务器' url='${basePath}/ms/menuServer/getData' required='true' valueField= 'id'
  17.       textField= 'serverName' />
  18.     <#InputFormTag  name='orderIndex' title='菜单序号' required='true' dataType="n"/>
  19.    </div>
  21.    <div class="fitem">
  22.       <#SelectFormTag  name='systemId' title='子系统' url='${basePath}/ms/sysSystem/getSystemComBoxData' required='true' valueField= 'id'
  23.       textField= 'text' />
  24.       <#WordBookFormTag  name='menuType' title='菜单类型' code='menu_type' required='true' />
  25.    </div>
  26.    <#HideFormTag type="hidden" name="fatherMenuId" value="${parameter.parentId}"/>
  27.    <div class="fitem ">
  28.       <center class="fitem-footer">
  29.          <a href="#" class="easyui-linkbutton btn btn-suc" onclick="save()">保存</a>
  30.          <a href="#" class="easyui-linkbutton btn btn-can" onclick="closeDialog()">返回</a>
  31.       </center>
  32.    </div>
  33. </form>
  35. <script>
  36.     $(function () {
  37.          $('#isDisable').combobox('setValue',0);
  38.          $('#menuState').combobox('setValue',0);
  39.     })
  41.    function saveAfterSuccessHandler(){
  42.       document.getElementById('left').contentWindow.reloadData();
  43.        document.getElementById('rightFrame').contentWindow.reload();
  44.    }
  45. </script>
  46. <%
  47.  layout("/page/tags/add_update_tag.html",{'nameSpace':'sysMenu','idField':'menuId'}){}
  48. %>

参考：https://gitee.com/fhs-opensource/fhs-framework/blob/master/fhs_framework_parent/src/main/resources/META-INF/resources/page/tags/add_update_tag.html

权限控制

使用#shiro tag即可控制权限，如果没此权限则节点html 不会展示

  1.   <#shiro name="staff:see">
  2.             <a href="javascript:void(0)" class="easyui-linkbutton searchBTN"
  3.                iconCls="icon-search" plain="true" onclick="reload()">查询</a>
  4.         </#shiro>