国产黄色免费网站_久久天天做天天爱综合色_精品国产一区久久久_成人黄色激情网站_久久成人在线视频_美女一区二区在线观看_亚洲精品免费一区亚洲精品免费精品一区 _91精品国产综合久久精品麻豆

根據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.newchinaweekly.com )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務

日歷

鏈接

個人資料

藍藍設計的小編 http://www.newchinaweekly.com

存檔

黑人另类精品××××性爽| 福利网址在线| 99久久精品国产成人一区二区| 国产精品入口日韩视频大尺度| 99久久综合狠狠综合久久| 成人女同在线观看| 福利视频亚洲| 国产一二三在线| 亚洲羞羞网站| 久操视频在线免费播放| 最新在线观看av网站| 黄色日本网站| 国产porn视频| 国产狂喷白浆在线观看视频| 中文字幕第八页| 性生交大片免费看女人按摩| 一区二区三区免费在线| 91av在线免费视频| 国产一卡二卡在线| 亚洲欧美一区二区三区不卡| 欧美精品色婷婷五月综合| 成人精品视频在线播放| 成年人三级视频| 综合视频免费看| 欧美一级免费在线观看| 永久免费网站视频在线观看| 久久久无码中文字幕久...| 在线观看免费的av| a级大片免费看| 一级免费在线观看| 国产乱视频在线观看播放| 理论视频在线观看| 最近中文视频在线| 91福利精品在线观看| 国产精品诱惑| 日韩区欧美区| 久久不见久久见免费视频7| 日韩系列在线| 亚洲精品久久久| 国户精品久久久久久久久久久不卡| 91精品蜜臀一区二区三区在线| 国产精品123| 99视频超级精品| 欧美一区中文字幕| 亚洲欧美激情视频| 欧美成年人视频网站欧美| 欧美极品欧美精品欧美视频| 欧美一区在线直播| 91欧美视频网站| 色爱区成人综合网| 日韩av高清| 亚洲黄色小说视频| 国产精品19乱码一区二区三区| 久久一本精品| japanesexxxxfree在线观看| 亚洲成人男人天堂| 久久国产精品黑丝| 欧美日韩中出| 亚洲成人99| 亚洲女爱视频在线| 在线播放日韩导航| 日韩亚洲在线观看| 国产日韩在线视频| 欧美日韩一区二| 可以在线看的黄色网址| 一起草最新网址| 欧美一级淫片aaaaaa| 国产免费av网站| av福利导福航大全在线播放| 日韩高清一区| 久久亚洲影视婷婷| 欧美伊人精品成人久久综合97| 日韩精品在线电影| 深夜精品寂寞黄网站在线观看| 国产精品午夜视频| www婷婷av久久久影片| 亚洲五月激情网| 三上悠亚在线观看视频| 亚洲视频中文字幕在线观看| 又黄又骚的视频| 婷婷成人激情| 国产丝袜一区| 久久国产综合精品| 亚洲日韩欧美一区二区在线| 亚洲成人a级网| 国产精品人人做人人爽| 日韩精品国产一区| 中文无码精品一区二区三区| 国产精品久久久精品a级小说| 在线男人天堂| 精品1区2区3区4区| 国产精品国产三级国产普通话99 | 51成人精品网站| 韩日一区二区| 国产欧美一区二区在线| 日韩欧美中文字幕制服| 日韩av男人的天堂| 91免费黄视频| 精国产品一区二区三区a片| 呦视频在线一区二区三区| 两个人hd高清在线观看| 日韩大陆av| 三级不卡在线观看| 亚洲精品国产视频| 色综合伊人色综合网| 东京热加勒比无码少妇| 美女把尿口扒开给男人桶视频| 亚洲成人影院少妇| 国产精品久久国产愉拍| 亚洲欧美日韩国产综合| 91精品国产综合久久久久久蜜臀| 成人性生交大片免费看无遮挡aⅴ| 中文字幕专区| 久久久久久久久久久久电影| 亚洲乱码国产乱码精品精98午夜| 亚洲在线一区二区| 91av免费观看| 好男人www在线视频| 欧美另类自拍| 欧美天堂影院| 91麻豆6部合集magnet| 亚洲视频777| 热这里只有精品| www.我爱av| 精品国产黄a∨片高清在线| 欧美激情在线看| 国产日韩在线一区二区三区| 人妻无码一区二区三区| 在线观看精品自拍视频| 国产精品一区hongkong| 久久综合九色欧美综合狠狠| 国产日韩欧美电影在线观看| 久久久精品视频免费| 18视频在线观看网站| 欧美韩日一区二区三区四区| 国产精品免费一区二区三区在线观看| 中文字幕在线免费看线人| 91热爆在线观看| 激情综合网av| 伊人激情综合网| www.av毛片| 五十路亲子中出在线观看| 国产精品99久久免费| 99久久久精品| 国产精品乱子乱xxxx| 亚洲精品一区二区三区不卡| www视频在线免费观看| 肉丝袜脚交视频一区二区| 97在线精品国自产拍中文| 岛国av在线免费| 男人天堂网页| 日韩激情在线| 欧美伊人精品成人久久综合97 | 亚洲av片一区二区三区| 午夜激情在线| 国产精品自拍一区| 中文字幕亚洲一区二区三区| 久久久久久久少妇| 在线亚洲精品自拍| 亚洲欧美综合久久久| 欧美一区二区三区喷汁尤物| 亚洲美女爱爱视频| 一级毛片在线播放| 在线不卡欧美| 9.1国产丝袜在线观看| 久久丫精品国产亚洲av不卡| av电影在线观看网站| 欧美日韩播放| 色播久久人人爽人人爽人人片视av| 成人黄色a级片| 在线免费黄色毛片| 91理论电影在线观看| 伊人精品久久久久7777| 黄色大片在线观看| 国产一区二区精品久久99| 国模极品一区二区三区| 精品夜夜澡人妻无码av| 国内小视频在线看| 精品视频在线免费| 欧美精品久久久久久久久久久| 天天综合天天操| 一区二区三区国产盗摄| 亚洲女人天堂色在线7777| 91n在线视频| 91视频成人| 日本久久电影网| 免费看污污视频| 激情视频免费| 一区二区三区四区五区精品视频| 国产精品免费久久久久影院| 亚洲不卡1卡2卡三卡2021麻豆| 伊人久久精品| 色悠悠国产精品| 最近中文字幕av| 男人亚洲天堂| 中文字幕日韩av| 国产精品无码天天爽视频| 国产亚洲亚洲国产一二区| 色悠悠国产精品| 国产免费一区二区三区最新不卡 |