AdminLTE 다 세대 권한 기반 격 리

12752 단어 쓰다AdminLTE
나 눔 을 위 한 정리 가 상대 적 으로 간단 하 다.
AdminLTE 를 바탕 으로 하 는 기업 응용 개발 플랫폼 은 여러 가지 구성 요 소 를 패 키 징 하고 통합 시 켜 전단, 백 엔 드 의 전체적인 해결 방안 을 제공 하여 운영 WEB 개발 을 더욱 간단 하 게 한다.
배경 요구 사항:
         현재 하 는 시스템 은 운영 자동화 플랫폼 입 니 다. 다 세대 의 권한 격 리 를 해 야 합 니 다. 솔직히 말 하면 장삼 이 A, B, C 세 가지 기능 을 가지 면 이사 가 B, C, D 기능 권한 을 가지 고 있 습 니 다. 사용자 가 장삼 이 로그 인 할 때 D 의 기능 메뉴 가 보이 지 않 습 니 다. 사용자 가 이사 가 로그 인 할 때 A 기능 메뉴 가 보이 지 않 습 니 다. 현재 사 고 는 사용자 가 그룹 에 도착 하고 권한 이 그룹 에 도착 하 는 것 입 니 다.
        
전단 페이지: AdminLte 아래 starter. html 를 직접 수정 하면 됩 니 다. 아래 에 몇 가지 변 경 된 부분 을 표시 합 니 다.
  • aside 태그
  •  
     
       
        기능 메뉴 목록
       
      
     
  • JS 코드, db 에서 데 이 터 를 가 져 오고 sidebar 에 데이터 추가 조작

  •     $.ajax({


            type:'POST',


            async:false,


            url:'testing',


            success:function(data){


                var $li,$menu_f_ul;


                data=$.parseJSON(data);


                $.each(data,function(index,item){


                    if(item.levelCode.length==6){


                        $li=$('');


                        var $menu_f=$('
    '+


                            ''+item.name+'
    '+


                            '
    '+


                            '
    '+


                           '');


                    $li.append($menu_f);


                    $menu_f_ul=$('');


                    $li.append($menu_f_ul);


                   $("ul.sidebar-menu").append($li);


                }


                else if(item.levelCode.length==12){


                    $menu_s=$('

  • '+item.name+'
  • ');

                    $menu_f_ul.append($menu_s);


            }


        });


    }


    });


     


    $(function(){


          // 첫 페이지 에 < / span >, < span style = "font - family: '송 체';" > 를 기본 으로 불 러 옵 니 다. < / span > active < span style = "font - family: '송 체';" 클래스 를 추가 하여 각 부모 부록 을 펼 칩 니 다. < / span > < / p >

          $("a[data-url]").click(function(evt){


              loadPage($(this).data("url"));


              $("ul.treeview-menu li").removeClass("active");


              $(this).parent().addClass("active");


          }); 


      });


     


     


    < p > < span style = "font - family: '송 체';" > 데이터 형식 은: < / span > < / p > 입 니 다.

             [{"levelCode": "00001", "url": "," id ":" 4028818a567745ec0156786cd39e000b "," name ":" < span style = "font - family: '송 체'," > 내 업무 < / span >, "icon": "fafa - calendar - check - o"}, {"levelCode": "00001000001", "url": "url": "TEST", "id": "402881f2568c52a0155681d472ba0000", "name": "name", "name": "name": "," url ":", "url": "," TEST ",", "id": "402881f25881f25858585c52" TEST "," icon ":" fa fa - bicycle "}, {" levelCode ":" 000002 "," url ":", "id":"402880eb56875b7f01568763381100000", "name": "CURD DEMO", "icon": "fa fatable"}, {"levelCode": "00002000001", "url": "/ user / list", "id": "402880eb56875b7f01568763ac630001", "name": "span 스타일 =" font - family: 송 체 "," > 사용자 리스트 < / span > - Dailog "," icon "," icon ":" fa - user "," fafa - userer "}, {" level Code ":" level code ":" font - family: "송 체", "," > 사용자 리스트 < / span > - Dailog, "," icon > - "00000200002", "url": "/ user / tab / list", "id": ""name": "< span style =" font - family: '송 체'; "> 사용자 목록 < / span > - tab", "icon": "fa - male"}, {"levelCode": "0000020003", "url": "/ user/ page / list", "id", "id": "8a8a8a801b581b58ce14d2c20000", "name": "< span style =" font - family: '송 체'; "," > 사용자 목록 < / s < / s'; "> 사용자 목록 < / / 사용자 목록 < / / / / / 사용자 목록 < < < / s < < / s > > > 사용자 목록 < / 사용자 목록 < < / s < < / 사용자 목록 > > > < / 사용자 목록 < / 목록 < / 사용자 목록 >,", "pan > - Page", "icon": "fa fa - user"}, {"levelCode": "000004", "url": ""," id ":", "id": "< span style =" font - family: '송 체'; "> 구성 요소 사용 설명 < / span >", "icon": "fa - server"}, {"levelCode": "00004000001", "url": "/ markdown / preview / modal", "id", "id": "ff8080808159ea142c0159ea68d1e30001", "name": "< span style =" font - family: '송 체', '송 체', '송 체', '송 체', ',', 'name "," name ":" < span style = "font - family:', '송 체', ',' 송 체 ',', '송 체', ','," > 창 < / span > - modals "," icon ":" fa fa - windows "}, {" levelCode ""00004000002", "url": "/ markdown / preview / form", "id": "402880e95a72d8a4015a738980e30000", "name": "< span style =" font - family: '송 체', "> 폼 < / span > - form", "icon": "fa faedit"}, {"levelCode": "00004000003", "url": "/ mark다운 / 리 뷰 / 파일", "id": "402880eae3e3edf015ab1ab1ab1ab1ab100010001000040000003", "url": "/ mark다운 / 리 뷰 / 파일", "id": "" 402880ea3e3e3e3e3e3e3e3a40404040b0ec9d 0017 "," name ":" < span style = "font - family: '송 체';"> 첨부 파일 업로드 < / span > - file", "icon": "fa - file - o"}, {"levelCode": "00028", "url": "," id ":" 402880eb58d9d40158d9a7b21f0000 "," name ":" < span style = "font - family: '송 체'," > 시스템 도구 < / span >, "icon": "fa - wrench"}, {"levelCode": "2800000001", "url": "/ mark다운 / list", "id / skin / span / span", "ico", "fafafa- wrench"}, {"levelCode": "280000001", "url": "/ markddown / list / list,", "id /": "402880 e958eb 83230158eb85a30f 0000", "name": "< span style ="font - family: '송 체';" > 내 글 < / span > "," icon ":" fafa - edit "}, {" levelCode ":" 0000028000002 "," url ":" / markdown / edit "," id ":" 402880eb58d9d40158 d9a995130001 "," name ":" Markdown < span style = "font - family: '송 체';" > 편집기 < / span > "," icon "," icon ":" fafa - pencil "}, {" levelCode "," levelCode ":" 0000 "코드": "," Font - family: '송 체'; "> 편집기 < / span >", "," icon "," icon ":" "," 3 "," url ":" / generator / setting "," id ":"8a8a8a81425a1b36e9015a1b42074b0000", "name": "< span style =" font - family: '송 체', "> 코드 생 성기 < / span >", "icon": "fa fa - list"}, {"levelCode": "0000028000004", "url": "/ generator / list", "id": "8a8a8a8a81d65a85a3598d9015a360092e60000", "name": "< span style =" font - family: '송 체', "코드 코드 코드 코드 코드 코드 코드 코드 코드 코드 코드 코드 코드 코드 코드 코드 코드 코드 코드 코드 코드 코드 코드 코드 코드 코드 코드 코드 코드 코드 코드 코드 코드 코드 코드 코드 코드 코드 코드 코드 코드 코드 코드 코드 코드 코드 코드 코드 코드 생 성기 테스트 < / span >," icon ":" fa fa - edit "}, {" levelCode ":" 00002800005"," url ":" / job / list "," id ":" 402880e95a72a4015a4015a738bb190001 "," name ":" < span style = "font - family: '송 체';" > 작업 관리자 < / span > "," ico"아이콘": "fa facaplendar - check - o"}, {"levelCode": "0000028000006", "url": "/ message / list", "id", "id": "8a8a8a8329a83a81a843a843e397b0000", "name" / message / list "," url "/ message / list", "id": "": "< span style =" font - family: '송 체'; "> 메시지 관리자 < / span >", "icon": "fa fa - list"}, {"levelCode": "00030", "url": "," id ":" 4028818a56d407950156d4335263000 "," name ":" < span style = "font - family: '송 체'," > 시스템 관리 < / span >, "icon": "fa fa - tv"}, {"levelCode": "0000000001", "url": "/ 사용자 / 페이지 / 목록", "id", "id": "402888818a56d40795454544343001", "name": "< span 스타일 =", "url" / user/ 페이지 / 페이지 / 목록 "," id "," id ":" 4028818a565454545454545454544343043043001 ",", "name" "" "font - family: '송 체';" > 사용자 관리 < / span > "," icon ":" fa fa - user "},"levelCode": "000000000002", "url": "/ dict / tree", "id": "4028818a56d407950156d4160e390002", "name": "< span style =" font - family: '송 체', "> 사전 관리 < / span >," icon ":" fa - book "}, {" levelCode ":" 000000000003 "," url ":" / function / tree "," id ":" 402888818a56d407950156d41d32ab00003 "," name "name" levelCode ":" 000000000000003 "," url ":" / function/ tree / tree "," id ":" 4028818a56d40795015454545454545454545454":" < span style = "font - family: '송 체'," > 기능 관리 < / span > "," icon ":"fa fa- cog"}, {"levelCode": "00030000004", "url": "/ role / list", "id": "4028818a56d407950156d4ecfafafafafa0004", "name": "< span style =" font - family: '송 체', "> 캐릭터 관리 < / span >," ico"," fa- stret - view "아이콘"}, {"levelCode": "0003000000005", "url": "/ roleffunc / list", "id": "8a8a807a59634b154b15252525252525252545454fafafafafafafafafafafafafafafafafafafafafafafafafafafafafafafafafafa96364 e33d 0001", "name": "< span style =" font - family: '송 체'; "> 캐릭터 권한 부여 < / span > "," icon ":" fa fa - key "}] < / p >

     


    < p > < span style = "font - family: '송 체';" > 전단 페이지 효과 도: < / span > < / p >

       


     
    < p > < span style = "font - family: '송 체';" > 첫 페이지 의 코드 다운로드, < / span > view. py < span style = "font - family: '송 체';" > 및 < / span > DB sql < span style = "font - family: '송 체';" > 를 보 세 요 < / span > github: < / p >

    https://github.com/caibird1990/platform


     


    < p > < span style = "font - family: '송 체';" > 소통 방식: < / span >[email protected]


    < p > < span style = "font - family: '송 체';" > 데이터 참조: < / span >http://www.admineap.com/


     


     







    좋은 웹페이지 즐겨찾기