crm 03--> crm与权限结合

最新推荐文章于 2025-09-04 09:29:28 发布

转载最新推荐文章于 2025-09-04 09:29:28 发布 · 104 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/jassin-du/p/8689943.html

本文介绍了一种基于角色的访问控制系统(RBAC)的设计方法，包括权限分组、具体权限设计及URL管理等内容，并展示了如何通过自定义HTML模板实现左侧菜单栏的权限控制功能。

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

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;       {# 打开滚动条 #}

转载于:https://www.cnblogs.com/jassin-du/p/8689943.html