菜单管理界面的传值和分析

大体顺序：

1. tomcat启动解析项目成功后和浏览器建立TCP协议的联系，产生request,reponse默认访问页面调用LoginController中的index方法，跳转到login.html页面；
2. 
   
3. login.html加载，调用当前页面中方法login,调用后台方法$.post("${basePath}/login/login",LoginController中的login方法，返回成功，跳转"main"页面；
4. 
   
5. 加载main.html时引入src="${basePath}/res/js/menu.js，同时嵌入了右边首页<div title="首页"><iframe src="${basePath}/tspace/index/index.html" >
   
6. 左边菜单加载，menu.jsz中默认调用方法加载出左侧的菜单栏loadTree，$.post(basePath + "/login/getMenu", LoginController中的getMenu返回一个menulist集合；
7. menu.js中的EasyUI特殊的组件加载方式会将菜单信息根据id的直加载出来，一级目录的parent_id为0，其他会根据菜单新建立时存入的id来进行页面的拼接和路径的拼接；
8. menu.js还有打开关闭菜单的事件function treeBeforeSelect(node) {通过传入的node获取进行EasyUIt特有的组件的打开和关闭；
9. menu.js中点击进入菜单的事件addMainTab，addMainTab方法默认调用访问list或者listPage页面，这是多个页面共享一个js和html页面；
10. addMainTab方法每次点击左侧的菜单都会调用，利用EasyUI特有的tabs方法来进行页面的嵌套iframe，src地址为headId和listPage的页面的拼接；
11. 加载listPage.html页面会默认调用到方法listData来进行后台方法的访问调用TspaceController中的listPage方法，封装参数并跳转render("listPage.html");
12. datagrid组件的调用和dgOptions的参数配置来实现列表的加载，整个页面都是返回的list数据中获取各个属性进行拼接展示出来的，所以多个页面通用
13. 
14. 调用当前页面中的方法可以实现增加删除修改等；

    var initPara = tspaceGetParam();
    function add() {
       top.window.subPage.loadCurrDatagrid = function() {
          showMsg("增加成功！");
          datagrid.datagrid("load");
       }
       top.openWindow("${head.form_name}-增加", getCurrUrl("addPage") + "?" + $.param(initPara), {
       size: '${head.dialog_size!}'});
    }
    
    function update() {
       var rowsSel = datagrid.datagrid("getSelections");
       if(rowsSel.length != 1) {
          showWarnMsg("请选择需要编辑的一条数据！");
          return;
       }
       var id = rowsSel[0].${head.id_field};
       top.window.subPage.loadCurrDatagrid = function() {
          showMsg("更新成功！");
          datagrid.datagrid("reload");
       }
       top.openWindow("${head.form_name}-编辑", getCurrUrl("updatePage") + "?id=" + id, {
       size: '${head.dialog_size!}'});
    }
    
    function del() {
       var ids = [];
       $.each(datagrid.datagrid("getSelections"), function(i, item) {
          ids.push(item.${head.id_field});
       });
       if(ids.length < 1) {
          showWarnMsg("请选择需要删除的数据！");
          return;
       }
       confirmMsg("确认删除？", function() {
          $.post("delete", {
       id: ids}, function(data) {
             showMsg("删除成功！");
             datagrid.datagrid("reload");
          });
       });
    }
    
    function detail() {
       var rowsSel = datagrid.datagrid("getSelections");
       if(rowsSel.length != 1) {
          showWarnMsg("请选择需要查看的一条数据！");
          return;
       }
       var id = rowsSel[0].${head.id_field};
       top.openWindow("${head.form_name}-详情", getCurrUrl("detailPage") + "?id=" + id, {
       size: '${head.dialog_size!}'});
    }
    
    function exportCsv() {
       var option = datagrid.datagrid("options");
       var param = option.queryParams;
       param.sortName = option.sortName;
       param.sortOrder = option.sortOrder;
       window.location.href = "exportCsv?" + $.param(param);
    }

15. /**
     * 增加一个主窗口
     */
    function addMainTab(text, url) {
       if(!mainTabs.tabs("exists", text)) {
          mainTabs.tabs('add',{
                title: text,
                content:'<iframe src="' + url + '" class="easyui-panel" data-options="fit:true,border:false" frameborder="0"></iframe>',
                closable:true
            });
        }else {
           mainTabs.tabs("select", text);
           //刷新
           mainTabs.tabs('getSelected').panel('panel').find('iframe').attr("src", url)
        }
    }

16. var datagrid = $("#dg");
    
    var dgOptions = {
            rownumbers:true,
           fit:true,
           border:false,
            rownumbers:true,
           url:'listData',
           method:'post',
           toolbar:'#tb',
           pageSize: 20,
           pagination:true,
           multiSort:true,
          sortName: getInitParam().sort,
           sortOrder: getInitParam().order,
            queryParams: getInitParam(),
            <#if footerFieldList.size() gt 0>showFooter: true, </#if>
            columns: [[
                   {
       field:'${head.id_field}', checkbox:true}
                 <#list fieldList as item>
                       <#if item.is_show_list == 1 && item.field_name != head.id_field>
                       ,{
       field:'${item.field_name}', title: '${item.column_name}', width:${item.column_length}, sortable: true <#if item.input_type == 'easyui-filebox_img'>,formatter: function(value){
       return formatterDgImage(value)}</#if>}
                       </#if>
                    </#list>
                    <#if lineList.size() gt 0>
                  ,{
       field:'operate', title: '操作', width: window.operateWidth || 120, 
                      formatter: function(value, row, index){
                         var html = "";
                         <#list lineList as item>
                         html += '<a class="operate" href="###" οnclick="btnClick${item.id}(' + index + ')">${item.btn_name}</a>';
                         </#list>
                       return html;
                    } 
                    }
                  </#if>
                  ]],
                  loadFilter: function(data) {
                     if(data.result && data.result == 'fail') {  //失败时，错误消息提示
                        showWarnMsg(data.msg);
                        return {};
                     }else {
                        return data;
                     }
                  }           
       };

17. 10:{ id: 3, text: "菜单管理", attributes: "/menu/list", parent_id: 1, iconCls: "glyphicon-menu-hamburger", …}
18. 点击菜单管理时会调用到main.html中的menu.js中的打开新窗口的方法，来加载list.html界面；
19. 加载men下的list.html界面时访问url: "/menu/listAll",方法MenuController中的listAll方法来获取所有菜单return find("select * from sys_menu order by order_num asc");返回给前台一个json串。
    1. 0:{ create_time: "2016-09-18 18:55:28", parent_id: 9, menu_name: "小说采集",