天天看點

Django靈活開發架構|DjangoAdmin

項目介紹

一款 Python 語言基于Django、Layui、MySQL等架構精心打造的一款子產品化、高性能、企業級的靈活開發架構,本着簡化開發、提升開發效率的初衷觸發,架構自研了一套個性化的元件,實作了可插拔的元件式開發方式:單圖上傳、多圖上傳、下拉選擇、開關按鈕、單選按鈕、多選按鈕、圖檔裁剪等等一系列個性化、輕量級的元件,是一款真正意義上實作元件化開發的靈活開發架構。

項目特點

  • 子產品化、松耦合
  • 子產品豐富、開箱即用
  • 簡潔易用、快速接入
  • 文檔詳盡、易于維護
  • 自頂向下、體系化設計
  • 統一架構、統一元件、降低選擇成本
  • 開發規範、設計模式、代碼分層模型
  • 強大便捷的開發工具鍊
  • 完善的本地中文化支援
  • 設計為團隊及企業使用

內建子產品

  • 使用者管理:用于維護管理系統的使用者,正常資訊的維護與賬号設定。
  • 角色管理:角色菜單管理與權限配置設定、設定角色所擁有的菜單權限。
  • 菜單管理:配置系統菜單,操作權限,按鈕權限辨別等。
  • 職級管理:主要管理使用者的職級。
  • 崗位管理:主要管理使用者擔任職務。
  • 部門管理:配置系統組織機構(公司、部門、小組),樹結構展現支援資料權限。
  • 字典管理:對系統中常用的較為固定的資料進行統一維護。
  • 配置管理:對系統的正常配置資訊進行維護,網站配置管理功能進行統一維護。
  • 通知公告:系統通知公告資訊釋出維護。
  • 記錄檔:系統正常記錄檔記錄和查詢;系統異常資訊日志記錄和查詢。
  • 登入日志:系統登入日志記錄查詢包含登入異常。
  • 代碼生成:一鍵生成子產品CRUD的功能,包括後端和前端等相關代碼。
  • 案例示範:正常代碼生成器一鍵生成後的示範案例。

軟體資訊

  • 軟體名稱:DjangoAdmin靈活開發架構Django+Layui版本
  • 官網網址:https://www.djangoadmin.cn
  • 文檔網址:http://docs.django.layui.djangoadmin.cn

系統示範

  • 示範位址:http://manage.django.layui.djangoadmin.cn

版本說明

版本名稱 版本說明 版本位址
Django+Layui混編版 采用Django、Layui、MySQL等架構研發 https://gitee.com/djangoadmin/DjangoAdmin_Django_Layui
Flask+Layui混編版 采用Flask、Layui、MySQL等架構研發 https://gitee.com/djangoadmin/DjangoAdmin_Flask_Layui
Tornado+Layui混編版 采用Tornado、Layui、MySQL等架構研發 https://gitee.com/djangoadmin/DjangoAdmin_Tornado_Layui
Django+EleVue前後端分離版 采用Django、Vue、ElementUI等架構研發 https://gitee.com/djangoadmin/DjangoAdmin_Django_EleVue
Flask+EleVue前後端分離版 采用Flask、Vue、ElementUI等架構研發 https://gitee.com/djangoadmin/DjangoAdmin_Flask_EleVue
Tornado+EleVue前後端分離版 采用Tornado、Vue、ElementUI等架構研發 https://gitee.com/djangoadmin/DjangoAdmin_Tornado_EleVue
Django+AntdVue前後端分離版 采用Django、Vue、AntDesign等架構研發 https://gitee.com/djangoadmin/DjangoAdmin_Django_AntdVue
Flask+AntdVue前後端分離版 采用Flask、Vue、AntDesign等架構研發 https://gitee.com/djangoadmin/DjangoAdmin_Flask_AntdVue
Tornado+AntdVue前後端分離版 采用Tornado、Vue、AntDesign等架構研發 https://gitee.com/djangoadmin/DjangoAdmin_Tornado_AntdVue

核心元件

  • 單圖上傳元件
{% image "avatar|頭像|90x90|建議上傳尺寸450x450|450x450" data.avatar "" 0 %}
           
  • 多圖上傳元件
{% album "avatar|圖集|90x90|20|建議上傳尺寸450x450" "" "png,jpg" 10 %}
           
  • 下拉選擇元件
{% select "gender|1|性别|name|id" "1=男,2=女,3=保密" data.gender %}
           
  • 單選按鈕元件
{% radio "gender|name|id" data 1 %}
           
  • 複選框元件
{% checkbox "gender|name|id" data 1 %}
           
  • 城市選擇元件
{% city data.district_code 3 1 %}
           
  • 開關元件
{% switch "status" "在用|禁用" data.status|default:1 %}
           
  • 日期元件
{% date "birthday|1|出生日期|date" data.birthday  %}
           
  • 圖示元件
{{ "icon"|icon:data.icon }}
           
  • 穿梭元件
{% transfer "func|0|全部節點,已賦予節點|name|id|220x350" "1=清單,5=添加,10=修改,15=删除,20=詳情,25=狀态,30=批量删除,35=添加子級,40=全部展開,45=全部折疊,50=導出資料,55=導入資料,60=配置設定權限,65=重置密碼" funcList %}
           

模闆布局

  • Layout布局
<!DOCTYPE html>
<html>
<!-- 頭部開始 -->
{% include "public/header.html" %}
<!-- 頭部結束 -->
<body>

<!-- 主體部分開始 -->
<div class="layui-fluid">
    <div class="layui-card">
        <div class="layui-card-body">
            <!-- 内容區 -->
            {% block content %}
            {% endblock %}
        </div>
    </div>
</div>
<!-- 主體部分結束 -->

<!-- 腳部開始 -->
{% include "public/footer.html" %}
<!-- 腳部結束 -->
</body>
</html>
           
  • 頭部模闆
<head>
    {% load static %}
    <meta charset="utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>Django+Layui靈活開發架構</title>
    <link href="{% static '/assets/images/favicon.ico' %}" target="_blank" rel="external nofollow"  rel="icon">
    <link type="text/css" rel="stylesheet" href="{% static '/assets/libs/layui/css/layui.css' %}" target="_blank" rel="external nofollow" />
    <link type="text/css" rel="stylesheet" href="{% static '/assets/module/admin.css' %}" target="_blank" rel="external nofollow" />
    <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js' %}"></script>
    <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js' %}"></script>
    <![endif]-->
    <script type="text/javascript" src="{% static '/assets/libs/layui/layui.js' %}"></script>
    <script type="text/javascript" src="{% static '/assets/js/common.js' %}"></script>
    <script type="text/javascript">
        var url = window.location.pathname.substring(1);
        var item = url.split("/");
        var C = item[0];
        var A = item[1];
        var cUrl = "/" + C;
    </script>
</head>
           
  • 腳部模闆
<!-- JS部分 -->
<script type="text/javascript">
    var url = window.location.pathname.substring(1);
    var item = url.split("/");
    var jsUrl = "/static/module/djangoadmin_" + item[0] + ".js";
    document.write("<script src='" + jsUrl + "'><\/script>");
</script>
           

子產品展示

Django靈活開發架構|DjangoAdmin
Django靈活開發架構|DjangoAdmin

特别鳴謝

感謝Django、Layui等優秀開源項目。

版權聲明

本文章版權歸作者所有,未經作者允許禁止任何轉載、采集,作者保留一切追究的權利;