99久久精品国产片-99久久精品国产免费-99久久精品国产麻豆-99久久精品国产国产毛片-99久久精品国产高清一区二区-99久久精品费精品国产一区二区

根據(jù)json文件生成動(dòng)態(tài)菜單

2018-5-31    seo達(dá)人

如果您想訂閱本博客內(nèi)容，每天自動(dòng)發(fā)到您的郵箱中， 請點(diǎn)這里

[plain] view plain copy
  1. <span style="font-family:SimSun;font-size:16px;">admin.json</span>  
[plain] view plain copy
  1. <span style="font-family:SimSun;font-size:16px;">[  
  2.     {  
  3.         "image": "glyphicon glyphicon-home",//菜單前的圖標(biāo)  
  4.         "name": "設(shè)備管理",  
  5.         "submenu": [  
  6.             {  
  7.                 "image": "glyphicon glyphicon-cloud",  
  8.                 "name": "設(shè)備分類",  
  9.                 "submenu": [  
  10.                     {  
  11.                         "image": "glyphicon glyphicon-off",  
  12.                         "name": "電源管理",  
  13.                         "url": "html/Node/creditCardPower.html"  
  14.                     },  
  15.                     {  
  16.                             "image": "glyphicon glyphicon-lock",  
  17.                         "name": "門禁管理",  
  18.                         "url": "html/Guard/guardList.html"  
  19.                     },  
  20.                     {  
  21.                         "image": "glyphicon glyphicon-folder-open",  
  22.                         "name": "物品管理",  
  23.                         "url": "html/goods/goodsList.html"  
  24.                     },  
  25.                     {  
  26.                         "image": "glyphicon glyphicon-facetime-video",  
  27.                         "name": "視頻管理",  
  28.                         "url": "html/monitor/monitorList.html"  
  29.                     }  
  30.                 ]  
  31.             }  
  32.         ]  
  33.     },  
  34.     {  
  35.         "image": "glyphicon glyphicon-cog",  
  36.         "name": "系統(tǒng)設(shè)置",  
  37.         "submenu": [  
  38.             {  
  39.                 "image": "glyphicon glyphicon-heart",  
  40.                 "name": "用戶管理",  
  41.                 "submenu": [  
  42.                     {  
  43.                         "image": "glyphicon glyphicon-align-justify",  
  44.                         "name": "用戶列表",  
  45.                         "url": "html/User/userList.html"  
  46.                     },  
  47.                     {  
  48.                         "image": "glyphicon glyphicon-random",  
  49.                         "name": "組織機(jī)構(gòu)",  
  50.                         "url": "html/dept/framework.html"  
  51.                     }  
  52.                 ]  
  53.             },  
  54.             {  
  55.                 "image": "glyphicon glyphicon-wrench",  
  56.                 "name": "設(shè)備管理",  
  57.                 "submenu": [  
  58.                     {  
  59.                         "image": "glyphicon glyphicon-edit",  
  60.                         "name": "設(shè)備參數(shù)",  
  61.                         "url": "html/Device/DeviceList.html"  
  62.                     },  
  63.                     {  
  64.                         "image": "glyphicon glyphicon-edit",  
  65.                         "name": "物品庫",  
  66.                         "url": "html/equgoods/equGoodsList.html"  
  67.                     }  
  68.                 ]  
  69.             }  
  70.         ]  
  71.     },  
  72.     {  
  73.         "image": "glyphicon glyphicon-list",  
  74.         "name": "日志管理",  
  75.         "submenu": [  
  76.             {  
  77.                 "image": "glyphicon glyphicon-list-alt",  
  78.                 "name": "登入日志",  
  79.                 "url": "html/Log/loginlog.html"  
  80.             },  
  81.             {  
  82.                 "image": "glyphicon glyphicon-tag",  
  83.                 "name": "設(shè)備日志",  
  84.                 "url": "html/Log/hardwarelog.html"  
  85.             }  
  86.         ]  
  87.     },  
  88.     {  
  89.         "image":"glyphicon glyphicon-list",  
  90.         "name":"設(shè)備管理",  
  91.         "submenu":[  
  92.             {  
  93.             "image":"glyphicon glyphicon-list-alt",  
  94.             "name":"設(shè)備管理",  
  95.             "url":"html/mechanism/mechanism.html"  
  96.             }  
  97.         ]  
  98.     }  
  99. ]</span>  

2、讀取json文件的service層實(shí)現(xiàn)

[java] view plain copy
  1. <span style="font-size:16px;">package com.dskj.service.impl;  
  2.   
  3. import java.io.File;  
  4. import java.util.Scanner;  
  5. import org.springframework.beans.factory.annotation.Value;  
  6. import org.springframework.core.io.Resource;  
  7. import org.springframework.stereotype.Service;  
  8.   
  9. import com.dskj.common.util.StringUtil;  
  10. import com.dskj.service.ReadJsonService;  
  11.   
  12. @Service  
  13. public class ReadJsonServiceImpl implements ReadJsonService{  
  14.     <span style="color:#ff0000;">@Value(value="classpath:json/admin.json")</span>  
  15.     private Resource dataAdmin;      
  16.     <span style="color:#ff0000;">@Value(value="classpath:json/user.json")</span>  
  17.     private Resource dataUser;    
  18.       
  19.     public String getData(String fileName){       
  20.         if(StringUtil.isEmpty(fileName)){  
  21.             throw new NullPointerException();  
  22.         }  
  23.           
  24.         String jsonData = null;  
  25.           
  26.         try {  
  27.             File file = null;     if(fileName.equals("admin.json")){  
  28.                 file = dataAdmin.getFile();  
  29.             }else{  
  30.                 file = dataUser.getFile();  
  31.             }  
  32.               
  33.             jsonData = this.jsonRead(file);  
  34.               
  35.         } catch (Exception e) {  
  36.            e.printStackTrace();  
  37.         }    
  38.         return jsonData;         
  39.     }  
  40.     /** 
  41.      * 讀取文件類容為字符串 
  42.      * @param file 
  43.      * @return 
  44.      */  
  45.       private String jsonRead(File file){  
  46.             Scanner scanner = null;  
  47.             StringBuilder buffer = new StringBuilder();  
  48.             try {  
  49.                 scanner = new Scanner(file, "utf-8");  
  50.                 while (scanner.hasNextLine()) {  
  51.                     buffer.append(scanner.nextLine());  
  52.                 }  
  53.             } catch (Exception e) {  
  54.                   
  55.             } finally {  
  56.                 if (scanner != null) {  
  57.                     scanner.close();  
  58.                 }  
  59.             }  
  60.             return buffer.toString();  
  61.         }  
  62. }</span>  

3、controller對應(yīng)的代碼片段

[java] view plain copy
  1. <span style="font-size:16px;">@RequestMapping("")  
  2.     public ModelAndView main() {  
  3.         ModelAndView model = null;  
  4.         String jsonFileName = null;  
  5.           
  6.         SysUser currentUser = (SysUser) ContextUtil.getSession().getAttribute("currentUser");  
  7.         if ("admin".equals(currentUser.getUsername())) {  
  8.             model = new ModelAndView("header1");  
  9.             jsonFileName = "<span style="color:#ff0000;">admin.json</span>";//根據(jù)文件名判斷讀取具體json文件  
  10.         } else {  
  11.             model = new ModelAndView("headerUser");  
  12.             jsonFileName = "<span style="color:#ff0000;">user.json</span>";</span>/<span style="font-size:16px;">/根據(jù)文件名判斷讀取具體json文件  
  13.   
  14.         }  
  15.           
  16.         String menue = <span style="color:#3333ff;">readJsonServiceImpl.getData</span>(jsonFileName);  
  17.           
  18.         model.addObject("menue", menue);  
  19.         return model;  
  20.   
  21.     }</span>  

4、html頁面 將jsonarray轉(zhuǎn)換成js對象

[javascript] view plain copy
  1. <span style="font-size:16px;">$(function() {  
  2.     var menue = JSON.parse('<span style="color:#ff0000;"><%=request.getAttribute("menue")%></span>');  
  3.     console.info(menue);  
  4.     createMenu(menue);//調(diào)用下邊的方法生成動(dòng)態(tài)菜單</span>  

5、對js對象遍歷 $.append動(dòng)態(tài)添加到對應(yīng)頁面

[javascript] view plain copy
  1. <span style="font-size:16px;">function createMenu(menue){  
  2.             /* 一級菜單 */  
  3.             $.each(menue,function(i,v){  
  4.                 var menu1 = '<li class="active"><a href="javaScript:;">';  
  5.                 /* menu1 += '<span class="glyphicon glyphicon-home"></span>'; */  
  6.                 menu1 += '<span class=' + '\'' + v.image + '\'' + '>' + '</span>';  
  7.                 menu1 += '<span style="margin-left: 10px;">' + v.name + '</span><span class="fa arrow"></span>';  
  8.                 menu1 += '</a>';  
  9.                 menu1 += '<ul class="nav nav-second-level nps collapse in">';  
  10.                   
  11.                  /* 二級菜單  */  
  12.                     $.each(v.submenu,function(j,vJ){                      
  13.                         var menu2 = '<li class="active">';  
  14.                         menu2 +=        '<a href="javaScript:;" class="">';  
  15.                         /* menu2 +=         '<span class="glyphicon glyphicon-cloud" style="margin-right: 10px;"></span>'; */  
  16.                         menu2 +=            '<span class=' + '\'' + vJ.image + '\'' + 'style=' + '\'' + 'margin-right: 10px;' + '\'' + '>' + '</span>';  
  17.                         menu2 +=             vJ.name + '<span class="fa arrow "></span>';  
  18.                         menu2 +=        '</a>';  
  19.                         menu2 +=                '<ul class="nav nav-third-level nps collapse in">';                             
  20.                               
  21.                         /* 三級菜單 */  
  22.                         if(vJ.submenu){  
  23.                             $.each(vJ.submenu,function(k,vk){  
  24.                                 var menu3 = '<li>';  
  25.                                 menu3 +=        '<a href="javascript:openUrl(\'' + vk.url + '\')">';  
  26.                                 /* menu3 +=             '<span style="margin-right: 10px;" class="glyphicon glyphicon-off">'; */  
  27.                                 menu3 +=            '<span stype=' + '\'' + 'margin-right: 10px;' + '\'' + 'class=' + '\'' + vk.image + '\'' + '';  
  28.                                 menu3 +=            '</span>'+vk.name;  
  29.                                 menu3 +=        '</a>';  
  30.                                 menu3 +=    '</li>';  
  31.                                   
  32.                                 menu2 += menu3;  
  33.                                       
  34.                             });  
  35.                         }else{  
  36.                             $.each(v.submenu,function(j,vJ){  
  37.                                 var menu4 = '<li>';  
  38.                                 menu4 +=        '<a href="javascript:openUrl(\'' + vJ.url + '\')">';  
  39.                                 /* menu3 +=             '<span style="margin-right: 10px;" class="glyphicon glyphicon-off">'; */  
  40.                                 menu4 +=            '<span stype=' + '\'' + 'margin-right: 10px;' + '\'' + 'class=' + '\'' + vJ.image + '\'' + '';  
  41.                                 menu4 +=            '</span>'+vJ.name;  
  42.                                 menu4 +=        '</a>';  
  43.                                 menu4 +=    '</li>';  
  44.                                       
  45.                                  menu2 = menu4;   
  46.                             });  
  47.                         }  
  48.                             menu1 += menu2;  
  49.                     });  
  50.                       
  51.                     $("#side-menu").append(menu1);  
  52.                 });  
  53.                   
  54.             }</span>  

6、效果如下圖

藍(lán)藍(lán)設(shè)計(jì)( www.lapeinture.cn )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)

日歷

鏈接

個(gè)人資料

存檔

精品国产一区二区三区精东影业| 欧美另类videosbestsex视频| 久久精品欧美一区二区| 精品国产一区二区三区免费| 久久成人性色生活片| 可以免费看污视频的网站| 午夜在线亚洲男人午在线| 青青久久精品| 国产不卡福利| 91麻豆精品国产自产在线 | 沈樵在线观看福利| 国产国语对白一级毛片| 国产不卡高清| 国产极品精频在线观看| 国产不卡福利| 黄视频网站免费看| 成人免费一级毛片在线播放视频| 国产视频一区二区三区四区| 国产高清在线精品一区a| 欧美日本免费| 亚洲第一页乱| 日本特黄一级| 国产精品免费久久| 91麻豆精品国产片在线观看| 四虎影视久久久免费| 日韩avdvd| 精品视频免费观看| 国产伦精品一区三区视频| 毛片高清| 天天色成人网| 国产网站免费视频| 可以在线看黄的网站| 91麻豆爱豆果冻天美星空| 国产成人精品综合| 四虎影视久久久免费| 欧美a级成人淫片免费看| 二级特黄绝大片免费视频大片| 日本在线不卡免费视频一区| 亚洲天堂一区二区三区四区| 九九热国产视频| 欧美夜夜骑 青草视频在线观看完整版 久久精品99无色码中文字幕 欧美日韩一区二区在线观看视频 欧美中文字幕在线视频 www.99精品 香蕉视频久久 | 欧美国产日韩在线| 国产一区精品| 欧美大片a一级毛片视频| 国产原创视频在线| 麻豆污视频| 精品视频一区二区| 在线观看导航| 精品在线免费播放| 亚洲精品中文一区不卡| 精品久久久久久中文字幕2017| 国产成a人片在线观看视频| a级黄色毛片免费播放视频| 免费毛片播放| 国产亚洲免费观看| 欧美大片一区| 色综合久久久久综合体桃花网| 久久国产影院| 国产成人精品综合| 欧美日本免费| 精品国产一区二区三区久久久蜜臀| a级毛片免费观看网站| 黄视频网站在线观看| 精品国产一区二区三区久| 欧美a级v片不卡在线观看| 国产欧美精品| 国产网站免费在线观看| 欧美夜夜骑 青草视频在线观看完整版 久久精品99无色码中文字幕 欧美日韩一区二区在线观看视频 欧美中文字幕在线视频 www.99精品 香蕉视频久久 | 欧美日本国产| 国产伦久视频免费观看视频| 999久久66久6只有精品| 日韩在线观看网站| 日韩av成人| 久久精品店| 久久福利影视| 精品久久久久久中文字幕2017| 日本特黄一级| 欧美一区二区三区在线观看| 美女免费精品视频在线观看| 亚洲精品影院一区二区| 国产a毛片| 久久精品成人一区二区三区| 国产麻豆精品视频| 国产麻豆精品| 欧美夜夜骑 青草视频在线观看完整版 久久精品99无色码中文字幕 欧美日韩一区二区在线观看视频 欧美中文字幕在线视频 www.99精品 香蕉视频久久 | 亚欧成人乱码一区二区| 国产视频一区二区在线播放| 99久久网站| 国产麻豆精品视频| 精品视频在线观看一区二区三区| 午夜在线亚洲| 免费国产一级特黄aa大片在线| 可以免费在线看黄的网站| 九九热精品免费观看| 国产不卡福利| 国产不卡在线看| 久久国产精品永久免费网站| 一级女性全黄生活片免费| 精品视频在线观看免费| 韩国毛片免费| 精品视频在线看| 免费国产在线观看| 精品在线观看一区| 欧美激情伊人| 亚洲 国产精品 日韩| 欧美一级视频免费| 欧美激情一区二区三区在线| 日本免费区| 欧美另类videosbestsex| 亚洲精品影院一区二区| 黄视频网站在线看| 国产91精品系列在线观看| 亚洲 激情| 深夜做爰性大片中文| 亚洲 欧美 成人日韩| 国产原创中文字幕| 欧美夜夜骑 青草视频在线观看完整版 久久精品99无色码中文字幕 欧美日韩一区二区在线观看视频 欧美中文字幕在线视频 www.99精品 香蕉视频久久 | 欧美激情一区二区三区中文字幕| 国产精品免费久久| 日韩中文字幕一区二区不卡| 成人免费福利片在线观看| 成人a大片高清在线观看| 欧美另类videosbestsex视频| a级黄色毛片免费播放视频| 亚洲精品久久久中文字| 午夜久久网| 久久国产精品永久免费网站| 沈樵在线观看福利| 亚洲不卡一区二区三区在线| 日韩免费在线视频| 国产一区二区高清视频| 精品视频免费观看| 精品在线免费播放| a级毛片免费观看网站| 尤物视频网站在线| 韩国毛片免费| 天天做日日爱| 日本特黄特色aaa大片免费| 国产一区精品| 欧美一区二区三区性| 亚州视频一区二区| 一级毛片看真人在线视频| 日本久久久久久久 97久久精品一区二区三区 狠狠色噜噜狠狠狠狠97 日日干综合 五月天婷婷在线观看高清 九色福利视频 | 欧美电影免费| 高清一级片| 九九免费高清在线观看视频| 黄视频网站免费| 日本久久久久久久 97久久精品一区二区三区 狠狠色噜噜狠狠狠狠97 日日干综合 五月天婷婷在线观看高清 九色福利视频 | 麻豆网站在线看| 久久国产精品自由自在| 免费国产一级特黄aa大片在线| 一级女性大黄生活片免费| 日韩一级精品视频在线观看| 久草免费在线观看| 欧美国产日韩一区二区三区| 午夜家庭影院| 久久99欧美| 麻豆系列国产剧在线观看| 午夜精品国产自在现线拍| 国产精品自拍亚洲| 高清一级毛片一本到免费观看| 亚洲第一色在线| 九九久久国产精品| 国产一区二区精品久久91| 国产成a人片在线观看视频| 精品视频在线观看一区二区| 尤物视频网站在线| 国产美女在线观看| 成人影院久久久久久影院| 九九精品久久| 精品国产三级a| 99热精品一区| 国产精品123| 一级毛片视频在线观看| 精品国产一区二区三区久久久蜜臀| 日本久久久久久久 97久久精品一区二区三区 狠狠色噜噜狠狠狠狠97 日日干综合 五月天婷婷在线观看高清 九色福利视频 | 久久99中文字幕| 国产高清在线精品一区a| 成人a大片在线观看| 天天做日日爱夜夜爽| 国产极品精频在线观看| 日韩免费片| 99热精品一区| 成人在免费观看视频国产| 999久久狠狠免费精品| 国产91精品系列在线观看| 国产一级生活片| 日韩一级精品视频在线观看| 国产视频一区在线| 免费毛片基地| 国产网站在线| 欧美另类videosbestsex视频| 日韩一级黄色| 四虎影视久久| 高清一级毛片一本到免费观看| 九九久久国产精品| 中文字幕一区二区三区精彩视频| 四虎影视库| 成人影院久久久久久影院| 免费国产在线观看|