嫩草影院久久99_老司机午夜网站国内精品久久久久久久久_久久夜色精品国产_国产一级做a爰片久久毛片

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

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

日歷

鏈接

個人資料

藍藍設計的小編 http://m.sdgs6788.com

存檔

嫩草影院久久99_老司机午夜网站国内精品久久久久久久久_久久夜色精品国产_国产一级做a爰片久久毛片
<em id="09ttv"></em>
    <sup id="09ttv"><pre id="09ttv"></pre></sup>
    <dd id="09ttv"></dd>

        • 
久久精品国产精品亚洲综合|
国产亚洲成年网址在线观看|
午夜精品美女自拍福到在线|
男女av一区三区二区色多|
久久久久久欧美|
国产欧美日韩三区|
中国亚洲黄色|
亚洲影视在线播放|
国产精品女人久久久久久|
亚洲视频在线观看三级|
亚洲一区欧美激情|
国产精品国产三级国产aⅴ无密码|
亚洲日本中文字幕|
亚洲国产小视频|
你懂的国产精品|
亚洲电影中文字幕|
亚洲精品视频一区|
欧美日韩国产一级片|
亚洲九九九在线观看|
中文久久精品|
国产精品三级久久久久久电影|
亚洲专区一区二区三区|
久久精品综合|
在线日本高清免费不卡|
欧美大片网址|
一区二区三区四区五区精品视频|
午夜精品在线|
在线成人激情视频|
欧美国产精品一区|
这里只有精品在线播放|
久久国产精品一区二区三区四区|
韩国在线一区|
欧美激情一区二区在线|
在线中文字幕一区|
久久久久久久久伊人|
亚洲国产精品女人久久久|
欧美精品福利|
亚洲尤物精选|
免费在线观看成人av|
日韩视频在线一区二区三区|
国产精品毛片a∨一区二区三区|国
|
国产精品二区在线|
亚洲欧美精品suv|
美女爽到呻吟久久久久|
日韩亚洲欧美中文三级|
国产乱理伦片在线观看夜一区|
久久久综合精品|
99国产精品久久久久久久久久|
久久er精品视频|
亚洲另类自拍|
国产日韩欧美夫妻视频在线观看|
蜜臀a∨国产成人精品|
中日韩美女免费视频网址在线观看|
久久精品主播|
亚洲视频一区在线|
在线观看国产成人av片|
国产精品yjizz|
嫩草影视亚洲|
久久精品成人|
亚洲一线二线三线久久久|
欧美国产免费|
欧美在线视频免费观看|
一区二区三区四区五区精品视频|
激情欧美一区二区三区在线观看|
国产精品扒开腿做爽爽爽软件|
麻豆精品网站|
亚洲无毛电影|
欧美a级片网站|
欧美在线播放高清精品|
亚洲精品美女91|
国模精品一区二区三区|
欧美日韩精品免费观看视一区二区|
欧美一区二区在线免费播放|
一区二区三区不卡视频在线观看
|
一个色综合导航|
欧美成人四级电影|
久久久久久黄|
午夜精品久久久久久久99黑人|
亚洲精品一区二区三区四区高清|
国产最新精品精品你懂的|
国产精品久久激情|
欧美—级a级欧美特级ar全黄|
久久国产夜色精品鲁鲁99|
亚洲专区免费|
亚洲欧美另类在线|
日韩性生活视频|
亚洲国产精品尤物yw在线观看|
久久国产精品久久久|
亚洲综合999|
亚洲特黄一级片|
亚洲精品视频一区二区三区|
亚洲电影在线播放|
韩日精品在线|
国内精品久久久久久久影视麻豆|
国产精一区二区三区|
久久免费偷拍视频|
久久久久久香蕉网|
久久久91精品|
久久婷婷国产综合国色天香|
久久久.com|
久久综合狠狠综合久久综合88|
久久精品国产精品亚洲|
久久欧美中文字幕|
免费中文字幕日韩欧美|
老司机67194精品线观看|
久久久蜜臀国产一区二区|
久久久精彩视频|
久久综合中文字幕|
欧美成人日本|
91久久精品日日躁夜夜躁国产|
亚洲国产美女|
日韩网站在线|
亚洲综合色在线|
午夜精品影院|
久久精品日韩一区二区三区|
久久精品人人|
欧美精品123区|
国产精品久久久久久av下载红粉|
国产精品视频免费观看|
国产一区二区精品久久99|
在线观看日韩欧美|
99国产一区|
午夜视频在线观看一区二区|
久久精品一本|
亚洲福利小视频|
一本色道精品久久一区二区三区|
中日韩高清电影网|
久久riav二区三区|
欧美大片一区二区三区|
国产精品久久久久久av下载红粉|
国产亚洲欧洲|
亚洲精品视频在线观看网站|
亚洲专区一区|
老色鬼久久亚洲一区二区|
亚洲国产成人精品视频|
一本久道久久综合婷婷鲸鱼|
欧美亚洲网站|
蜜臀av性久久久久蜜臀aⅴ四虎
|
欧美成年人网站|
亚洲国产成人av|
中文日韩电影网站|
久久久91精品国产一区二区精品|
美女主播精品视频一二三四|
国产精品多人|
亚洲国产精彩中文乱码av在线播放|
99国产精品久久|
久久久一区二区|
日韩香蕉视频|
久久人人爽人人爽|
欧美午夜视频一区二区|
黄色成人在线|
亚洲欧美日本伦理|
欧美成va人片在线观看|
亚洲在线免费观看|
欧美福利影院|
国产欧美在线观看一区|
亚洲精品资源|
久久精品午夜|
一本色道久久综合亚洲精品小说|
久久久人人人|
国产免费亚洲高清|
亚洲精品在线视频|
蜜桃av一区二区|
午夜伦欧美伦电影理论片|
欧美日韩国产精品一区|
亚洲成色999久久网站|
先锋影音网一区二区|
亚洲国产日韩综合一区|
久久精品日产第一区二区三区
|
久久久www|
欧美午夜不卡影院在线观看完整版免费
|
亚洲欧美成人一区二区在线电影|
女人天堂亚洲aⅴ在线观看|
国产一区二区三区久久久
|
国产精品亚洲综合天堂夜夜|
亚洲激情视频网|
久久综合精品一区|
午夜国产欧美理论在线播放|
欧美午夜精品久久久|
亚洲精品人人|
蜜臀av国产精品久久久久|
欧美一区二区在线|
国产欧美日韩伦理|
一区二区三区欧美视频|
亚洲高清资源综合久久精品|
久久久国产精品一区|
国产视频自拍一区|
性色一区二区|
亚洲一区二区欧美日韩|
欧美少妇一区|
一区二区三区导航|
亚洲高清不卡在线观看|
久久综合色播五月|
国内综合精品午夜久久资源|
久久精品日韩欧美|
久久精品国产第一区二区三区最新章节
|
亚洲日本成人女熟在线观看|
欧美mv日韩mv国产网站|
亚洲片在线观看|
亚洲高清视频在线观看|