項目介紹
一款 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、Layui等優秀開源項目。
版權聲明
本文章版權歸作者所有,未經作者允許禁止任何轉載、采集,作者保留一切追究的權利;