crm 03--> crm与权限结合

---恢复内容开始---

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: 0;
            bottom: 0;
            overflow: scroll;       {# 打开滚动条 #}

 

 

posted @ 2018-04-02 08:24  小杜要加油  阅读(145)  评论(0)  编辑  收藏  举报