---恢复内容开始---
1:先分组
2：给权限分组
3：具体的权限（即设计url）
二：制作左侧菜单，显示当前用户拥有的权限
关于项目下的templates里的HTML查找顺序
先从根目录找，找不到就到每个app目录下找
添加数据：将增删改查都有继承base展示
在模板搞三个盒子
<!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Title</title> <link rel="stylesheet" href="/static/bs/css/bootstrap.css"> <script src="/static/jquery-2.1.1.js"></script> {% block css %} {% endblock css %} </head> <body> <div class="container"> {% block content %} {% endblock content %} </div> {% block js %} {% endblock js %} </body> </html>
将这个文件-->为了做rbac的url情况下，不共用到stark(组件)里面的base，组件不服务于任何逻辑，所有走权限的时候，走自己的当下
{% load rbac_tags %} <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Title</title> <link rel="stylesheet" href="/static/bootstrap-3.3.7/css/bootstrap.css"> <script src="/static/jquery-3.2.1.min.js"></script> {% block css %} {% endblock css %} <style> .header { width: 100%; height: 50px; background-color: #336699; } .menu, .content { float: left; } .menu { position: fixed; top:50px; left: 0; bottom: 0; width: 200px; background-color: darkgray; } .content{ position:fixed; top:50px; left: 200px; right: 0; bottom: 0; overflow: scroll; } .hide { display: none; } .menu .title { font-size: 16px; color: #336699 !important; margin: 20px 0; } .con a { margin-left: 30px; color: white; } .active { color: red !important; } </style> </head> <body> <div class="header"> </div> <div class="box"> <div class="menu"> {% get_menu request %} </div> <div class="content"> {% block content %} {% endblock content %} </div> </div> {% block js %} {% endblock js %} </body> </html>
优化布局方式
将左侧菜单固定住，打开滚动条
{# 将左侧菜单固定 #}
.content{
position:fixed;
top:50px;
left: 200px;
right: 0;
bottom: 0;
overflow: scroll; {# 打开滚动条 #}