index.html 12 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263
  1. <!DOCTYPE HTML>
  2. <html lang="zh-cn">
  3. <head>
  4. <meta charset="utf-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6. <meta name="viewport" content="width=device-width, initial-scale=1">
  7. <title>用户权限管理系统</title>
  8. <link href="plugins/fullPage/jquery.fullPage.css" rel="stylesheet"/>
  9. <link href="plugins/bootstrap-3.3.0/css/bootstrap.min.css" rel="stylesheet"/>
  10. <link href="plugins/material-design-iconic-font-2.2.0/css/material-design-iconic-font.min.css" rel="stylesheet"/>
  11. <link href="plugins/waves-0.7.5/waves.min.css" rel="stylesheet"/>
  12. <link href="plugins/malihu-custom-scrollbar-plugin/jquery.mCustomScrollbar.min.css" rel="stylesheet"/>
  13. <link href="css/admin.css" rel="stylesheet"/>
  14. <style>
  15. /** skins **/
  16. #zheng-upms #header {background: #29A176;}
  17. #zheng-upms .content_tab{background:#29A176;}
  18. #zheng-upms .s-profile>a{background:url(images/zheng-upms.png) left top no-repeat;}
  19. #zheng-cms #header {background: #455EC5;}
  20. #zheng-cms .content_tab{background:#455EC5;}
  21. #zheng-cms .s-profile>a{background:url(images/zheng-cms.png) left top no-repeat;}
  22. #zheng-pay #header {background: #F06292;}
  23. #zheng-pay .content_tab{background:#F06292;}
  24. #zheng-pay .s-profile>a{background:url(images/zheng-pay.png) left top no-repeat;}
  25. #zheng-ucenter #header {background: #6539B4;}
  26. #zheng-ucenter .content_tab{background:#6539B4;}
  27. #zheng-ucenter .s-profile>a{background:url(images/zheng-ucenter.png) left top no-repeat;}
  28. #zheng-oss #header {background: #0B8DE5;}
  29. #zheng-oss .content_tab{background:#0B8DE5;}
  30. #zheng-oss .s-profile>a{background:url(images/zheng-oss.png) left top no-repeat;}
  31. </style>
  32. </head>
  33. <body>
  34. <header id="header">
  35. <ul id="menu">
  36. <li id="guide" class="line-trigger">
  37. <div class="line-wrap">
  38. <div class="line top"></div>
  39. <div class="line center"></div>
  40. <div class="line bottom"></div>
  41. </div>
  42. </li>
  43. <li id="logo" class="hidden-xs">
  44. <a href="index.html">
  45. <img src="images/logo.png"/>
  46. </a>
  47. <span id="system_title">权限管理系统</span>
  48. </li>
  49. <li class="pull-right">
  50. <ul class="hi-menu">
  51. <!-- 搜索 -->
  52. <li class="dropdown">
  53. <a class="waves-effect waves-light" data-toggle="dropdown" href="javascript:;">
  54. <i class="him-icon zmdi zmdi-search"></i>
  55. </a>
  56. <ul class="dropdown-menu dm-icon pull-right">
  57. <form id="search-form" class="form-inline">
  58. <div class="input-group">
  59. <input id="keywords" type="text" name="keywords" class="form-control" placeholder="搜索"/>
  60. <div class="input-group-btn">
  61. <button type="submit" class="btn btn-default"><span class="glyphicon glyphicon-search"></span></button>
  62. </div>
  63. </div>
  64. </form>
  65. </ul>
  66. </li>
  67. <li class="dropdown">
  68. <a class="waves-effect waves-light" data-toggle="dropdown" href="javascript:;">
  69. <i class="him-icon zmdi zmdi-dropbox"></i>
  70. </a>
  71. <ul class="dropdown-menu dm-icon pull-right">
  72. <li class="skin-switch hidden-xs">
  73. 请选择系统切换
  74. </li>
  75. <li class="divider hidden-xs"></li>
  76. <li class="hidden-xs">
  77. <a class="waves-effect switch-systems" systemid="1" systemname="zheng-upms" systemtitle="权限管理系统" href="javascript:;"><i class="zmdi zmdi-shield-security"></i> 权限管理系统</a>
  78. </li>
  79. <li>
  80. <a class="waves-effect switch-systems" systemid="2" systemname="zheng-cms" systemtitle="内容管理系统" href="javascript:;"><i class="zmdi zmdi-wikipedia"></i> 内容管理系统</a>
  81. </li>
  82. <li>
  83. <a class="waves-effect switch-systems" systemid="3" systemname="zheng-pay" systemtitle="支付管理系统" href="javascript:;"><i class="zmdi zmdi-paypal-alt"></i> 支付管理系统</a>
  84. </li>
  85. <li>
  86. <a class="waves-effect switch-systems" systemid="4" systemname="zheng-ucenter" systemtitle="用户管理系统" href="javascript:;"><i class="zmdi zmdi-account"></i> 用户管理系统</a>
  87. </li>
  88. <li>
  89. <a class="waves-effect switch-systems" systemid="5" systemname="zheng-oss" systemtitle="存储管理系统" href="javascript:;"><i class="zmdi zmdi-cloud"></i> 存储管理系统</a>
  90. </li>
  91. </ul>
  92. </li>
  93. <li class="dropdown">
  94. <a class="waves-effect waves-light" data-toggle="dropdown" href="javascript:;">
  95. <i class="him-icon zmdi zmdi-more-vert"></i>
  96. </a>
  97. <ul class="dropdown-menu dm-icon pull-right">
  98. <li class="hidden-xs">
  99. <a class="waves-effect" data-ma-action="fullscreen" href="javascript:fullPage();"><i class="zmdi zmdi-fullscreen"></i> 全屏模式</a>
  100. </li>
  101. <li>
  102. <a class="waves-effect" data-ma-action="clear-localstorage" href="javascript:;"><i class="zmdi zmdi-delete"></i> 清除缓存</a>
  103. </li>
  104. <li>
  105. <a class="waves-effect" href="javascript:;"><i class="zmdi zmdi-face"></i> 隐私管理</a>
  106. </li>
  107. <li>
  108. <a class="waves-effect" href="javascript:;"><i class="zmdi zmdi-settings"></i> 系统设置</a>
  109. </li>
  110. <li>
  111. <a class="waves-effect" href="javascript:;"><i class="zmdi zmdi-run"></i> 退出登录</a>
  112. </li>
  113. </ul>
  114. </li>
  115. </ul>
  116. </li>
  117. </ul>
  118. </header>
  119. <section id="main">
  120. <!-- 左侧导航区 -->
  121. <aside id="sidebar">
  122. <!-- 个人资料区 -->
  123. <div class="s-profile">
  124. <a class="waves-effect waves-light" href="javascript:;">
  125. <div class="sp-pic">
  126. <img src="images/avatar.jpg"/>
  127. </div>
  128. <div class="sp-info">
  129. 张恕征,您好!
  130. <i class="zmdi zmdi-caret-down"></i>
  131. </div>
  132. </a>
  133. <ul class="main-menu">
  134. <li>
  135. <a class="waves-effect" href="javascript:;"><i class="zmdi zmdi-account"></i> 个人资料</a>
  136. </li>
  137. <li>
  138. <a class="waves-effect" href="javascript:;"><i class="zmdi zmdi-face"></i> 隐私管理</a>
  139. </li>
  140. <li>
  141. <a class="waves-effect" href="javascript:;"><i class="zmdi zmdi-settings"></i> 系统设置</a>
  142. </li>
  143. <li>
  144. <a class="waves-effect" href="javascript:;"><i class="zmdi zmdi-run"></i> 退出登录</a>
  145. </li>
  146. </ul>
  147. </div>
  148. <!-- /个人资料区 -->
  149. <!-- 菜单区 -->
  150. <ul class="main-menu">
  151. <li>
  152. <a class="waves-effect" href="javascript:Tab.addTab('首页', 'home');"><i class="zmdi zmdi-home"></i> 首页</a>
  153. </li>
  154. <li class="sub-menu system_menus system_1 0">
  155. <a class="waves-effect" href="javascript:;"><i class="zmdi zmdi-accounts-list"></i> 系统组织管理</a>
  156. <ul>
  157. <li><a class="waves-effect" href="javascript:Tab.addTab('系统管理', 'crud.html');">系统管理</a></li>
  158. <li><a class="waves-effect" href="javascript:Tab.addTab('组织管理', '/manage/organization/index');">组织管理</a></li>
  159. </ul>
  160. </li>
  161. <li class="sub-menu system_menus system_1 3">
  162. <a class="waves-effect" href="javascript:;"><i class="zmdi zmdi-accounts"></i> 角色用户管理</a>
  163. <ul>
  164. <li><a class="waves-effect" href="javascript:Tab.addTab('角色管理', '/manage/role/index');">角色管理</a></li>
  165. <li><a class="waves-effect" href="javascript:Tab.addTab('用户管理', '/manage/user/index');">用户管理</a></li>
  166. </ul>
  167. </li>
  168. <li class="sub-menu system_menus system_1 6">
  169. <a class="waves-effect" href="javascript:;"><i class="zmdi zmdi-lock-outline"></i> 权限资源管理</a>
  170. <ul>
  171. <li><a class="waves-effect" href="javascript:Tab.addTab('权限管理', '/manage/permission/index');">权限管理</a></li>
  172. </ul>
  173. </li>
  174. <li class="sub-menu system_menus system_1 7">
  175. <a class="waves-effect" href="javascript:;"><i class="zmdi zmdi-more"></i> 其他数据管理</a>
  176. <ul>
  177. <li><a class="waves-effect" href="javascript:Tab.addTab('公共码表', '/manage/coder/index');">公共码表</a></li>
  178. <li><a class="waves-effect" href="javascript:Tab.addTab('会话管理', '/manage/session/index');">会话管理</a></li>
  179. <li><a class="waves-effect" href="javascript:Tab.addTab('日志记录', '/manage/log/index');">日志记录</a></li>
  180. <li><a class="waves-effect" href="javascript:Tab.addTab('键值设置', '/manage/map/index');">键值设置</a></li>
  181. </ul>
  182. </li>
  183. <li class="sub-menu system_menus system_2 12" style="display:none;">
  184. <a class="waves-effect" href="javascript:;"><i class="zmdi zmdi-menu"></i> 标签类目管理</a>
  185. <ul>
  186. <li><a class="waves-effect" href="javascript:Tab.addTab('标签管理', '/manage/tag/index');">标签管理</a></li>
  187. <li><a class="waves-effect" href="javascript:Tab.addTab('类目管理', '/manage/category/index');">类目管理</a></li>
  188. </ul>
  189. </li>
  190. <li class="sub-menu system_menus system_2 15" style="display:none;">
  191. <a class="waves-effect" href="javascript:;"><i class="zmdi zmdi-collection-text"></i> 文章内容管理</a>
  192. <ul>
  193. <li><a class="waves-effect" href="javascript:Tab.addTab('文章管理', '/manage/article/index');">文章管理</a></li>
  194. <li><a class="waves-effect" href="javascript:Tab.addTab('回收管理', '/manage/article/recycle');">回收管理</a></li>
  195. </ul>
  196. </li>
  197. <li>
  198. <div class="upms-version">
  199. &copy; ZHENG-UPMS V1.0.0
  200. </div>
  201. </li>
  202. </ul>
  203. <!-- /菜单区 -->
  204. </aside>
  205. <!-- /左侧导航区 -->
  206. <section id="content">
  207. <div class="content_tab">
  208. <div class="tab_left">
  209. <a class="waves-effect waves-light" href="javascript:;"><i class="zmdi zmdi-chevron-left"></i></a>
  210. </div>
  211. <div class="tab_right">
  212. <a class="waves-effect waves-light" href="javascript:;"><i class="zmdi zmdi-chevron-right"></i></a>
  213. </div>
  214. <ul id="tabs" class="tabs">
  215. <li id="tab_home" data-index="home" data-closeable="false" class="cur">
  216. <a class="waves-effect waves-light" href="javascript:;">首页</a>
  217. </li>
  218. </ul>
  219. </div>
  220. <div class="content_main">
  221. <div id="iframe_home" class="iframe cur">
  222. <p><h4>通用用户权限管理系统 <i style="color:#c00">(此站仅为静态页演示)</i></h4></p>
  223. <p><b>演示地址</b>:<a href="http://www.zhangshuzheng.cn/zhengAdmin" target="_blank">http://www.zhangshuzheng.cn/zhengAdmin</a></p>
  224. <p><b>系统简介</b>:本系统是基于RBAC授权和基于用户授权的细粒度权限控制通用平台,并提供单点登录、会话管理和日志管理。接入的系统可自由定义组织、角色、权限、资源等。</p><br/>
  225. <p><h4>系统功能概述:</h4></p>
  226. <p><b>系统组织管理</b>:系统和组织增加、删除、修改、查询功能。</p>
  227. <p><b>用户角色管理</b>:用户和角色增加、删除、修改、查询功能。</p>
  228. <p><b>资源权限管理</b>:资源和权限增加、删除、修改、查询功能。</p>
  229. <p><b>权限分配管理</b>:提供给角色和用户的权限增加、删除、修改、查询功能。</p>
  230. <p><b>单点登录(SSO)</b>:提供统一用户单点登录认证、用户鉴权功能。</p>
  231. <p><b>用户会话管理</b>:提供分布式用户会话管理</p>
  232. <p><b>操作日志管理</b>:提供记录用户登录、操作等日志。</p><br/>
  233. <p><h4>对外接口概述:</h4></p>
  234. <p><b>系统组织数据接口</b>、<b>用户角色数据接口</b>、<b>资源权限数据接口</b>、<b>单点登录(SSO)接口</b>、<b>用户鉴权接口</b></p><br/>
  235. <p><h4>关于作者</h4></p>
  236. <p><b>姓  名</b>:张恕征</p>
  237. <p><b>电子邮箱</b>:469741414@qq.com</p>
  238. </div>
  239. </div>
  240. </section>
  241. </section>
  242. <footer id="footer"></footer>
  243. <script src="plugins/jquery.1.12.4.min.js"></script>
  244. <script src="plugins/bootstrap-3.3.0/js/bootstrap.min.js"></script>
  245. <script src="plugins/waves-0.7.5/waves.min.js"></script>
  246. <script src="plugins/malihu-custom-scrollbar-plugin/jquery.mCustomScrollbar.concat.min.js"></script>
  247. <script src="plugins/BootstrapMenu.min.js"></script>
  248. <script src="plugins/device.min.js"></script>
  249. <script src="plugins/fullPage/jquery.fullPage.min.js"></script>
  250. <script src="plugins/fullPage/jquery.jdirk.min.js"></script>
  251. <script src="js/admin.js"></script>
  252. </body>
  253. </html>