---恢复内容开始---
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>
base
将这个文件-->为了做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:;
bottom:;
overflow: scroll; {# 打开滚动条 #}