嫩草影院久久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、效果如下圖

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

日歷

鏈接

個人資料

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

存檔

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

        • 
免费视频一区|
欧美精品久久久久a|
亚洲欧美日韩国产综合|
国产中文一区|
欧美日韩国产在线播放网站|
欧美一区二区视频网站|
99精品欧美一区|
一本大道久久a久久精二百|
亚洲黄色成人久久久|
欧美一区高清|
亚洲深夜福利网站|
亚洲欧美日韩在线|
久久综合久久综合这里只有精品|
久久免费视频在线观看|
亚洲自拍电影|
午夜精品久久久久久久久
|
欧美va亚洲va国产综合|
欧美大片在线影院|
中文成人激情娱乐网|
午夜亚洲伦理|
欧美a级理论片|
国产精品自在线|
亚洲精品日产精品乱码不卡|
午夜精品福利一区二区蜜股av|
久久国产精品久久久|
欧美成人在线免费观看|
日韩一级精品|
老色批av在线精品|
国产欧美日韩视频在线观看|
亚洲国产精品999|
欧美在线一区二区|
亚洲美女视频在线观看|
久久欧美中文字幕|
国产一区亚洲一区|
欧美一级黄色录像|
亚洲精品人人|
亚洲激情成人在线|
久久视频免费观看|
在线观看国产一区二区|
久久久久.com|
久久精品女人天堂|
亚洲国产精品久久|
亚洲国产精品成人一区二区|
香蕉亚洲视频|
亚洲国产精品一区二区久|
欧美国产日韩精品|
欧美成人资源网|
欧美成人dvd在线视频|
亚洲激情国产精品|
亚洲伦理网站|
国产精品每日更新|
久久亚洲图片|
欧美日韩国产在线一区|
欧美一级黄色网|
国产亚洲一区在线|
亚洲三级视频|
国产日韩精品一区观看|
欧美福利网址|
国产欧美精品在线|
亚洲国产精品尤物yw在线观看|
欧美激情一区三区|
最新国产成人av网站网址麻豆|
女女同性精品视频|
欧美成人综合一区|
亚洲一区二区三区在线看
|
极品日韩av|
一区二区三区 在线观看视|
国产精品日韩久久久|
免费成人av在线看|
欧美视频在线看|
欧美粗暴jizz性欧美20|
欧美视频一区二区在线观看
|
欧美三级电影一区|
久久精品一区蜜桃臀影院
|
欧美成人午夜免费视在线看片|
麻豆国产va免费精品高清在线|
亚洲欧美日韩视频一区|
你懂的视频一区二区|
国产精品欧美久久|
国产麻豆成人精品|
亚洲精品视频免费|
激情婷婷欧美|
一区二区三区四区国产精品|
1769国产精品|
久久久久久9999|
免费永久网站黄欧美|
国产日韩精品在线|
亚洲欧美日韩天堂一区二区|
99精品视频免费观看|
免费试看一区|
国际精品欧美精品
|
国产婷婷成人久久av免费高清|
亚洲激情视频网站|
亚洲一二三级电影|
国产综合久久久久久鬼色|
欧美一区二区三区在线播放|
欧美一级理论片|
黑人巨大精品欧美一区二区|
99视频精品|
国产精品久久久久久久久久免费看|
亚洲人人精品|
欧美影院午夜播放|
1769国内精品视频在线播放|
欧美视频在线观看|
欧美亚洲视频在线看网址|
久久久久久久精|
亚洲国产视频一区|
国产精品成人国产乱一区|
久久久综合激的五月天|
亚洲视频专区在线|
黑人操亚洲美女惩罚|
欧美午夜在线|
蜜月aⅴ免费一区二区三区|
一区二区不卡在线视频 午夜欧美不卡在|
久久阴道视频|
欧美大片免费|
欧美激情一区二区三区在线|
亚洲永久在线|
欧美99在线视频观看|
香蕉成人久久|
亚洲午夜视频在线观看|
亚洲精品免费网站|
亚洲国产专区校园欧美|
欧美视频一区|
国产精品私房写真福利视频|
欧美特黄一级大片|
欧美欧美天天天天操|
免费观看一区|
一片黄亚洲嫩模|
亚洲欧美中文日韩在线|
欧美亚洲在线视频|
欧美一区午夜视频在线观看|
亚洲欧美一区二区精品久久久|
欧美在线亚洲一区|
欧美在线短视频|
美女网站久久|
欧美三区美女|
好看的日韩视频|
日韩一级精品|
午夜欧美理论片|
久久美女艺术照精彩视频福利播放|
午夜精品久久|
久久综合色婷婷|
亚洲欧美国产日韩天堂区|
午夜久久久久|
欧美二区在线观看|
国产伦精品一区二区三区四区免费|
狠狠爱www人成狠狠爱综合网|
亚洲全部视频|
久久精品首页|
一区二区欧美国产|
欧美午夜免费影院|
在线观看视频欧美|
亚洲自拍电影|
亚洲青涩在线|
亚洲欧美日韩在线观看a三区|
麻豆成人在线|
99精品视频网|
免费成人av|
亚洲韩国精品一区|
欧美激情国产日韩|
久久成人综合视频|
国产啪精品视频|
午夜精品久久久久久久久久久久久|
中文精品视频|
欧美日韩性生活视频|
妖精视频成人观看www|
蜜桃av噜噜一区二区三区|
午夜欧美不卡精品aaaaa|
欧美屁股在线|
亚洲网站在线播放|
中日韩在线视频|
国产日韩精品在线|
亚欧成人在线|
久久久亚洲人|
国产午夜精品美女视频明星a级|
久久久www成人免费精品|
亚洲手机视频|
黄色成人免费观看|
毛片一区二区三区|
欧美ab在线视频|
99精品国产一区二区青青牛奶|
亚洲精品在线三区|
国产区二精品视|
开心色5月久久精品|
国产精品影视天天线|
欧美成人一区二区在线|
欧美视频免费在线观看|
老**午夜毛片一区二区三区|
国产综合久久久久久鬼色|
亚洲日本视频|
伊人色综合久久天天五月婷|
一本久久青青|
亚洲欧美日韩网|
欧美精品九九99久久|
欧美国产第一页|
曰韩精品一区二区|
欧美黑人国产人伦爽爽爽|
欧美成黄导航|
亚洲激情电影在线|