欧美精品在线一区二区三区_亚洲女同精品视频_日韩一区免费_国产欧美久久久精品免费_国产这里只有精品_僵尸再翻生在线观看_久久99精品国产一区二区三区_亚洲免费一区二区_女教师淫辱の教室蜜臀av软件_中文字幕国产一区二区

根據json文件生成動態菜單

2018-5-31    seo達人

如果您想訂閱本博客內容，每天自動發到您的郵箱中， 請點這里

[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",//菜單前的圖標  
  4.         "name": "設備管理",  
  5.         "submenu": [  
  6.             {  
  7.                 "image": "glyphicon glyphicon-cloud",  
  8.                 "name": "設備分類",  
  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": "系統設置",  
  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": "組織機構",  
  50.                         "url": "html/dept/framework.html"  
  51.                     }  
  52.                 ]  
  53.             },  
  54.             {  
  55.                 "image": "glyphicon glyphicon-wrench",  
  56.                 "name": "設備管理",  
  57.                 "submenu": [  
  58.                     {  
  59.                         "image": "glyphicon glyphicon-edit",  
  60.                         "name": "設備參數",  
  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": "設備日志",  
  84.                 "url": "html/Log/hardwarelog.html"  
  85.             }  
  86.         ]  
  87.     },  
  88.     {  
  89.         "image":"glyphicon glyphicon-list",  
  90.         "name":"設備管理",  
  91.         "submenu":[  
  92.             {  
  93.             "image":"glyphicon glyphicon-list-alt",  
  94.             "name":"設備管理",  
  95.             "url":"html/mechanism/mechanism.html"  
  96.             }  
  97.         ]  
  98.     }  
  99. ]</span>  

2、讀取json文件的service層實現

[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對應的代碼片段

[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>";//根據文件名判斷讀取具體json文件  
  10.         } else {  
  11.             model = new ModelAndView("headerUser");  
  12.             jsonFileName = "<span style="color:#ff0000;">user.json</span>";</span>/<span style="font-size:16px;">/根據文件名判斷讀取具體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轉換成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);//調用下邊的方法生成動態菜單</span>  

5、對js對象遍歷 $.append動態添加到對應頁面

[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、效果如下圖

藍藍設計( www.ocunn.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務

日歷

鏈接

個人資料

藍藍設計的小編 http://www.ocunn.cn

存檔

国产厕拍一区| 国产一级做a爱免费视频| 亚洲国产精品一| 亚州欧美在线| 国产在线国偷精品免费看| 欧美在线综合视频| 国产精品99久久久久久久久| 黄色国产小视频| 亚洲免费视频二区| 久久亚洲精品爱爱| 国产毛片精品视频| 亚洲第一精品久久忘忧草社区| 韩国一区二区三区美女美女秀| 熟女人妻一区二区三区免费看| 日本激情一区二区| 琪琪久久久久日韩精品| 久久精品人人做人人综合| 日韩中文娱乐网| 2022中文字幕| 国产精品视频123| 色8久久影院午夜场| 卡一卡二国产精品 | 国产精品第三页| 国产又粗又长又爽又黄的视频| 亚洲va欧美va| 欧美亚洲国产日韩| 国产精品第一页第二页第三页| 欧美精品一区三区| 久久9精品区-无套内射无码| 国产精品日韩无码| 91精品国产自产精品男人的天堂| 久久久不卡网国产精品二区| 久久视频这里只有精品| 成人av一级片| av观看在线免费| 欧美理伦片在线播放| 国产精品电影一区二区| 4p变态网欧美系列| 国内精品国产三级国产aⅴ久| 国产网友自拍电影在线| 最新精品国偷自产在线| 亚洲影院免费观看| 国产精品丝袜一区二区三区| 精品黑人一区二区三区观看时间| аⅴ资源新版在线天堂| 最新日韩av| 欧美丰满高潮xxxx喷水动漫| 蜜桃久久影院| 日韩激情一区二区三区| 91成人抖音| 久久综合一区二区| 久久久视频精品| 激情久久综合网| 久草在线青青草| 9国产精品视频| 欧美成人官网二区| 久久久久久久久影视| 一区二区三区日| 日韩三级av| 午夜精品久久久久久久久久久 | 久久99精品久久久久久久青青日本 | 国产肥白大熟妇bbbb视频| 1区2区3区在线视频| 麻豆久久一区二区| 色一区av在线| www.久久91| 蝌蚪视频在线播放| 免费亚洲婷婷| 亚洲欧美日韩精品久久| av之家在线观看| 91短视频在线观看| 激情成人亚洲| 亚洲高清一区二| 免费看日本毛片| 天堂av一区二区三区| 欧美xxx在线观看| 日韩小视频在线观看专区| 制服诱惑一区| 国产不卡精品视频| 911久久香蕉国产线看观看| 69成人精品免费视频| 亚洲高潮无码久久| 亚洲高清视频网站| 欧美日韩国产成人精品| 亚洲国产第一页| 人妻有码中文字幕| 欧美成熟毛茸茸| 日本v片在线高清不卡在线观看| 中文字幕亚洲精品| 五月六月丁香婷婷| 91麻豆一二三四在线| 成人小视频在线| 日本久久久久久久久久久| 精品人妻中文无码av在线| 欧美美女日韩| 成人欧美一区二区三区1314| 国产高清在线精品一区二区三区| 亚洲 欧美 视频| 天海翼亚洲一区二区三区| 欧美视频在线一区二区三区 | 在线电影中文日韩| 91热视频在线观看| 第四色日韩影片| 国产视频一区在线观看| 91精品免费| 免费又黄又爽又猛大片午夜| 国产精品手机在线播放 | 天天操天天操天天干| 亚洲一区免费| 久久亚洲影音av资源网| aaaaaav| 成人全视频在线观看在线播放高清 | 秋霞av一区二区三区| 日韩毛片视频| 日韩精品视频观看| 午夜免费福利网站| av资源网在线播放| 自拍偷拍国产精品| 日本视频精品一区| 深夜福利视频网站| 日韩中文字幕不卡| 91国语精品自产拍在线观看性色 | 狠狠97人人婷婷五月| yw视频在线观看| 久久综合网色—综合色88| 亚洲自拍偷拍视频| 中文字幕+乱码+中文乱码91| 欧美色图首页| 日韩在线观看精品| 97人妻人人揉人人躁人人| 国产日韩一区二区三免费高清| 日本高清不卡aⅴ免费网站| 91动漫在线看| 国产黄色片在线观看| 91一区二区三区在线观看| 97国产超碰| 99久久夜色精品国产亚洲| 国产精品嫩草99av在线| 欧美国产日本高清在线| 久久精品黄色片| 欧洲杯半决赛直播| 亚洲图片在线综合| 欧美日韩高清丝袜| 国产精品对白| 精品91自产拍在线观看一区| 黄色片子免费看| 成人国产一区| 欧美日韩免费一区二区三区视频| 亚洲中文字幕久久精品无码喷水| a级片在线免费观看| 亚洲电影一级黄| 成人中文字幕在线播放| 婷婷在线播放| 亚洲一区在线观看网站| 青青青青在线视频| 萌白酱视频在线| 美腿丝袜亚洲图片| 亚洲精品福利资源站| 影音先锋人妻啪啪av资源网站| 精品精品视频| 欧美刺激午夜性久久久久久久| 日本女人性视频| 日韩精品久久久久久久软件91| 日韩精品中文字幕在线不卡尤物| 亚洲熟女乱综合一区二区| av日韩一区| 日韩欧美国产1| 国产麻豆xxxvideo实拍| 国产成人一二| 亚洲日本中文字幕| 九一在线免费观看| 日本电影一区二区| 九九热这里只有在线精品视| 国产成人自拍视频在线| 国产精品腿扒开做爽爽爽挤奶网站| 日本国产高清不卡| 一二三区在线播放| 精品一区二区久久| 国产精品二区在线观看| 国产精品久久久久白浆| 国产亚洲欧美中文| 狠狠干视频网站| 久草免费在线色站| 色就色 综合激情| 国产传媒免费观看| 91麻豆精品激情在线观看最新 | 97超碰资源站在线观看| 欧美日韩一区免费| 中文字幕资源在线观看| 秋霞一区二区三区| 亚洲欧美日韩国产精品| 高h视频免费观看| 日韩午夜高潮| 3d蒂法精品啪啪一区二区免费| 国产69精品久久久久孕妇| 日本一区二区三区高清不卡 | 国产高清免费av| 99久久精品国产一区| 四虎影院一区二区| 91九色在线播放| 91精品欧美久久久久久动漫| 一本色道久久综合亚洲精品图片| 日韩一区欧美| 国产91露脸中文字幕在线| 国产成人精品a视频| 91色porny| 无码熟妇人妻av在线电影| 亚洲天堂一区二区| 亚洲变态欧美另类捆绑| 国产一区二区播放| 亚洲一区国产一区| 国产91aaa| 91精品国产综合久久久久久豆腐| 疯狂做受xxxx高潮欧美日本 | 伊人在线视频| 日韩欧美中文字幕在线观看| 女性生殖扒开酷刑vk| 成人综合专区| 国产www精品| 调教视频在线观看| 亚洲成av人片在www色猫咪| 色哟哟在线观看视频| 国产日产精品一区二区三区四区的观看方式| 欧美黑人巨大精品一区二区| 国产av无码专区亚洲a∨毛片| 久久久99久久| 国产精品人人妻人人爽人人牛| 日韩三级精品| 欧美激情亚洲一区| 丰满人妻一区二区三区免费视频| 国产精品丝袜91| 国产高清视频网站| 免费看av成人| 国产成人在线亚洲欧美| 亚洲精品97久久久babes| 欧美日韩国产限制| 四虎永久免费影院| 亚洲国产二区| 久久伦理网站| 国产高清在线a视频大全| 精品日本一线二线三线不卡| 久久9999久久免费精品国产| 国产一区二区不卡在线| 真人做人试看60分钟免费| 色诱色偷偷久久综合| 久久天天躁狠狠躁夜夜躁2014| 国产三级三级在线观看| 亚洲日本电影在线| 四虎永久免费观看| 狠狠88综合久久久久综合网| 精品无人区一区二区三区竹菊 | 黄污视频在线观看| 亚洲精品大尺度| 日韩黄色片网站| 国产亚洲精品超碰| 国产精品自在自线| 小处雏高清一区二区三区| 岛国一区二区三区高清视频| 麻豆av在线免费观看| 亚洲另类图片色| 亚洲熟女乱色一区二区三区久久久 | 精品中文av资源站在线观看| 996这里只有精品| 国产成人澳门| 国产精品私拍pans大尺度在线| 色的视频在线免费看| 精品久久久久一区| aaaaaa毛片| 国产精品久久三区| 91精品啪在线观看国产| 午夜亚洲性色视频| www.午夜色| 大桥未久女教师av一区二区| 国产精品精品一区二区三区午夜版 | 日韩三级久久久| 国产成人午夜精品影院观看视频 | 香蕉av一区二区三区| 欧美性猛交xxxx富婆弯腰| 一级片一级片一级片| 丁香六月久久综合狠狠色| 欧美成人福利在线观看| 欧美va天堂在线| 亚洲第一导航| 99精品在免费线中文字幕网站一区 | 国产精品久久久久久久9999| 最新国产在线拍揄自揄视频| 亚洲欧美在线第一页| 亚洲国产精品久久人人爱潘金莲| 第一福利永久视频精品| 久草成人在线视频| 国产婷婷色一区二区三区 | 中文字幕乱妇无码av在线| 亚洲欧美日韩在线观看a三区| 国产女主播av| 激情五月色综合国产精品| 国产欧美日韩亚洲| 玖玖精品在线| 国产精品xxxxx| 日韩av激情| 免费91麻豆精品国产自产在线观看| 在线免费观看你懂的| 日韩欧美亚洲国产另类| 国产精品久久久久毛片| 欧美天天综合色影久久精品| 九九热国产视频| 国产精品成人在线观看| 东方伊人免费在线观看| 99精品久久免费看蜜臀剧情介绍| 色欲无码人妻久久精品| 美女视频免费一区| 天天干天天干天天干天天干天天干| 伊人久久综合| 日韩伦理在线免费观看| 久久久久久影院| 熟女视频一区二区三区| 成人毛片在线| 在线精品日韩| 精品国产一区二区三区香蕉沈先生 | 欧美精品二区三区四区免费看视频| 香蕉免费一区二区三区在线观看| 成人欧美一区二区三区黑人| 精品国模一区二区三区| 国产精品一区二区女厕厕| 性欧美hd调教| 国产男人精品视频| 成人黄色在线| 午夜不卡av在线| 色综合久久久久网| 青花影视在线观看免费高清| 国产日产一区二区| 久久久精品国产一区二区| 精品久久久精品| 超碰超碰超碰超碰| 欧美色偷偷大香| 午夜福利一区二区三区| 亚洲欧美三级在线| 成人在线网址| 国产精品678| 视频二区欧美| 一区二区不卡视频| 亚洲大胆av| 亚欧精品在线视频| 91麻豆精东视频| 久草成人在线视频| 欧美天堂一区二区三区| 久草在线看片| 欧美精品在线播放| se01亚洲视频| 美乳视频一区二区| 伊人久久大香线| 国产精品视频分类| 成人黄色小视频在线观看| 色欲人妻综合网| 色综合天天做天天爱| 午夜激情小视频| 久久久精品视频成人| 中文在线最新版地址| 国产精品久久久一区二区三区| 日本一区二区三区视频| 日日碰狠狠躁久久躁婷婷| 国产成人在线色| 丝袜美腿小色网| 欧美中文字幕一区二区三区| 李宗瑞系列合集久久| 欧美国产亚洲视频| 欧美电影在线观看网站| 亚洲国产午夜伦理片大全在线观看网站| 18成人免费观看视频| 99免费观看视频| 亚洲欧洲国产日韩| 国产精品久久欧美久久一区| 国产午夜精品一区二区三区| 国产亚洲成av人片在线观看| 国产精品免费在线播放| 91精品国产91久久久久久黑人| 欧美成人乱码一二三四区免费| 久久综合久久综合久久综合| 中文字幕免费观看| 日韩av一区在线| 国产传媒在线| 免费久久99精品国产自| 99精品热6080yy久久| 日本一区二区三区网站| 亚洲一级电影视频| 天天躁日日躁狠狠躁喷水| 欧美激情高清视频| 伊色综合久久之综合久久| 丰满少妇大力进入| 成人黄色大片在线观看 | 国产男人搡女人免费视频| 国产丝袜一区二区三区| 午夜伦理福利在线| 五月天久久狠狠| 美女任你摸久久| 好吊色视频在线观看| 精品久久人人做人人爽| bl视频在线免费观看| 欧美日韩无遮挡| 日本不卡在线视频| 免费在线视频观看|