【Django】后台admin应用SimpleUI实战

最新推荐文章于 2024-09-12 10:00:00 发布
最新推荐文章于 2024-09-12 10:00:00 发布
阅读量1.2w 收藏 171
点赞数 24
分类专栏： django 文章标签： django python 后端 simpleui admin
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_45859826/article/details/124781988
版权

文章目录

一、SimpleUI是什么

SimpleUI官网：https://simpleui.72wo.com/simpleui/

简而言之，就是一个很漂亮的开源的Django后台管理框架。

二、安装SimpleUI

2.1 pip安装

 pip install django-simpleui

在这里插入图片描述

2.2 应用注册

编辑django配置文件setting.py，注册simpleui
在这里插入图片描述

 INSTALLED_APPS = [
       'simpleui',   # 加入
       'django.contrib.admin',
       'django.contrib.auth',
       'django.contrib.contenttypes',
       'django.contrib.sessions',
       'django.contrib.messages',
       'django.contrib.staticfiles',
       ...     
 ]

2.3 注册超级管理员

python manage.py createsuperuser

在这里插入图片描述

2.3 登陆验证

访问：127.0.0.1/admin
在这里插入图片描述
用刚才注册的超级管理员登陆后台，原始后台主页：
在这里插入图片描述

三、美化SimpleUI

3.1 设置中文

在setting.py中：

 # 更改默认语言为中文
LANGUAGE_CODE = 'zh-hans'

 # 更改时区为上海
TIME_ZONE = 'Asia/Shanghai'

在这里插入图片描述

3.2 更换后台登陆logo

在setting.py中：

 # 换成自己Logo链接
SIMPLEUI_LOGO = '/static/image/star.png'

在这里插入图片描述

3.3 屏蔽右侧广告

在setting.py中：

# 隐藏右侧SimpleUI广告链接和使用分析
SIMPLEUI_HOME_INFO = False
SIMPLEUI_ANALYSIS = False

在这里插入图片描述

3.4 更改管理后台名字

随便编辑一个应用目录下的admin.py文件， 添加如下代码。这个设置属于Django的设置，不属于SimpleUI的设置。

from django.contrib import admin

admin.site.site_header = '微雨停了管理后台'  # 设置header
admin.site.site_title = '微雨停了管理后台'   # 设置title
admin.site.index_title = '微雨停了管理后台'

在这里插入图片描述
在这里插入图片描述

3.5 验证

此时admin登陆页：
在这里插入图片描述

首页：
在这里插入图片描述

四、admin后台数据管理

设置完SimpleUI后要将数据库的数据导入，才能正常管理数据。
以我的项目中users应用为例：

4.1 查看users数据表

models.py：
在这里插入图片描述
数据表：
在这里插入图片描述

4.2 编辑users应用中admin.py文件

1、加入：

from .models import users

class users_Manager(admin.ModelAdmin):
    list_display = ['id','username','password','created_time','update_time']

admin.site.register(users,users_Manager)

2、验证：
此时刷新后台，会发现，数据已加载。
在这里插入图片描述

4.3 自定义列表

1、在models.py中，加入以下两句，将 ‘Users’ 改为 ‘用户表’ ：
在这里插入图片描述

    class Meta:
        verbose_name = '用户表'
        verbose_name_plural = verbose_name

2、验证：
在这里插入图片描述

4.4 自定义菜单

1、将User改为中文，自定义右侧菜单栏，在setting.py中，加入：

SIMPLEUI_CONFIG = {
    # 是否使用系统默认菜单，自定义菜单时建议关闭。
    'system_keep': False,

    # 用于菜单排序和过滤, 不填此字段为默认排序和全部显示。空列表[] 为全部不显示.
    'menu_display': ['用户信息管理','权限认证'],

    # 设置是否开启动态菜单, 默认为False. 如果开启, 则会在每次用户登陆时刷新展示菜单内容。
    # 一般建议关闭。
    'dynamic': False,
    'menus': [
        {
            'app': 'auth',
            'name': '权限认证',
            'icon': 'fas fa-user-shield',
            'models': [
                {
                    'name': '管理用户列表',
                    'icon': 'fa fa-user-secret',
                    'url': 'auth/user/'
                },
                {
                    'name': '用户组',
                    'icon': 'fa fa-th-list',
                    'url': 'auth/group/'
                }
            ]
        },

        {
            'name': '用户信息管理',
            'icon': 'fa fa-user-md',
            'models': [
                {
                    'name': '普通用户列表',
                    # 注意url按'/admin/应用名小写/模型名小写/'命名。
                    'url': '/admin/user/users/',
                    'icon': 'fa fa-user'
                },
            ]
        },
    ]
}

验证：
在这里插入图片描述
此时就可以享受simpleUI后台了。

4.5 如果一个项目有多个应用、一个应用有多个model表

4.5.1 一个app注册多个model — admin.py写法

1、当前model.py：

from django.db import models

class users(models.Model):
    #id = models.AutoField(primary_key=True) #主键可省略不写
    username = models.CharField(max_length=30)
    password = models.CharField(max_length=50)
    created_time = models.DateTimeField(auto_now_add=True)
    update_time = models.DateTimeField(auto_now=True)

    class Meta:
        verbose_name = '用户表'
        verbose_name_plural = verbose_name


class user_ip(models.Model):
    username = models.CharField(max_length=30)
    userip = models.CharField(max_length=30)
    login_time = models.DateTimeField(auto_now_add=True)
    logout_time = models.DateTimeField(auto_now=True,null=True)
    isIN = models.BooleanField(null=True)

    class Meta:
        verbose_name = '用户审计表'
        verbose_name_plural = verbose_name

2、在admin.py中：

from django.contrib import admin

# Register your models here.
from .models import users
from .models import user_ip

class users_Manager(admin.ModelAdmin):
    list_display = ['id','username','password','created_time','update_time']

class user_ip_Manager(admin.ModelAdmin):
    list_display = ['id','username','userip','login_time','logout_time']

admin.site.register(users,users_Manager)
admin.site.register(user_ip,user_ip_Manager)

admin.site.site_header = '微雨停了管理后台'  # 设置header
admin.site.site_title = '微雨停了管理后台'   # 设置title
admin.site.index_title = '微雨停了管理后台'

4.5.2 多个model — setting.py写法

SIMPLEUI_CONFIG = {
    # 是否使用系统默认菜单，自定义菜单时建议关闭。
    'system_keep': False,

    # 用于菜单排序和过滤, 不填此字段为默认排序和全部显示。空列表[] 为全部不显示.
    'menu_display': ['漏洞信息管理','中间件漏洞管理', '资产收集管理','用户信息管理','权限认证'],

    # 设置是否开启动态菜单, 默认为False. 如果开启, 则会在每次用户登陆时刷新展示菜单内容。
    # 一般建议关闭。
    'dynamic': False,
    'menus': [
        {
            'app': 'auth',
            'name': '权限认证',
            'icon': 'fas fa-user-shield',
            'models': [
                {
                    'name': '管理用户列表',
                    'icon': 'fa fa-user-secret',
                    'url': 'auth/user/'
                },
                {
                    'name': '用户组',
                    'icon': 'fa fa-th-list',
                    'url': 'auth/group/'
                }
            ]
        },

        {
            'name': '用户信息管理',
            'icon': 'fa fa-user-md',
            'models': [
                {
                    'name': '普通用户列表',
                    # 注意url按'/admin/应用名小写/模型名小写/'命名。
                    'url': '/admin/user/users/',
                    'icon': 'fa fa-user'
                },
                {
                    'name': '用户登陆列表',
                    # 注意url按'/admin/应用名小写/模型名小写/'命名。
                    'url': '/admin/user/user_ip/',
                    'icon': 'fa fa-user-plus'
                },
            ]
        },

        {
            'name': '漏洞信息管理',
            'icon': 'fa fa-bug',
            'models': [
                {
                    'name': '漏洞列表',
                    # 注意url按'/admin/应用名小写/模型名小写/'命名。
                    'url': '/admin/vulnscan/vulnscan_vuln/',
                    'icon': 'fa fa-bell'
                },
            ]
        },

        {
            'name': '中间件漏洞管理',
            'icon': 'fa fa-bomb',
            'models': [
                {
                    'name': '中间件漏洞列表',
                    # 注意url按'/admin/应用名小写/模型名小写/'命名。
                    'url': '/admin/poc/pocscan/',
                    'icon': 'fa fa-flag'
                },
            ]
        },

        {
            'name': '资产收集管理',
            'icon': 'fa fa-envelope',
            'models': [
                {
                    'name': '资产收集列表',
                    # 注意url按'/admin/应用名小写/模型名小写/'命名。
                    'url': '/admin/detection/detection_collect/',
                    'icon': 'fa fa-envelope-open'
                },
            ]
        },
    ]
}

4.6 完整后台数据展示

在这里插入图片描述

五、对于fa图标

可以去这里查询并加入：https://www.thinkcmf.com/font/font_awesome/icons.html

对于 fa-snowflake-o图标，插入语法：

<i class="fa fa-snowflake-o" aria-hidden="true"></i>

六、注意

当你部署Django项目时，请记得收集admin静态文件，否则后台将404！

收集方法：

python manage.py collectstatic    # 必须调到生产模式才能成功

生产模式，在setting.py中切换如下：

DEBUG = False  # 开发模式为True，实际生产False
ALLOWED_HOSTS = ['8.130.98.214']  # 开发模式为*，实际生产为真实IP或域名

STATIC_URL = '/static/'
# STATICFILES_DIRS = [
#     os.path.join(BASE_DIR, "static"),    # 开发模式
# ]
STATIC_ROOT = os.path.join(BASE_DIR, "static")    # 生产模式

具体部署方法请见：【Django】宝塔面板部署Django+MySQL项目实战

七、Reference

1、Django实战: 手把手教你配置Django SimpleUI打造美丽后台(多图)：
https://blog.csdn.net/weixin_42134789/article/details/116772878

2、admin后台管理设置步骤以及常见样式详解 ：https://wenku.baidu.com/view/9c807af1b24e852458fb770bf78a6529647d3526.html

3、Django框架之-admin管理员后台：https://www.bilibili.com/video/BV1ot4y117DC

微雨停了
关注
专栏目录
Django后台admin使用SimpleUi
weixin_41560737的博客
09-28 2202
Django后台前端框架SimpleUi
告别单调，Django后台主页改造 - 使用AdminLTE组件
m0_56069948的博客
06-28 1723
之前我做了个Django的项目，为了让管理后台更加美观，我对Django（应该说是SimpleUI的）默认的Admin后台主页进行改造，具体可以看这篇文章：项目完成 - 基于Django3.x版本 - 开发部署小结之前的两篇关于Django3.x开发部署小结的文章介绍的都是数据库、接口、性能方面的，看到有朋友留言对后台主页的改造表示有兴趣，所以就写一篇来介绍一下~改造基于我定制的 DjangoStarter 开发模板，本文代码会同步提交到Github，项目地址：https://github.com/Deal
Django Admin后台管理系统的美化，使用simpleui第三方模块
weixin_69999177的博客
07-26 446
Django Admin后台管理系统默认界面很简陋，接下来我们使用simpleui来美化Admin后台管理系统。
Django Admin
最新发布
weixin_42695345的博客
09-12 735
Django Admin是Django 提供了基于 web 的管理工具，是 django.contrib 的一部分。
SimpleUI: 为您的Django Admin增添美学与功能
gitblog_00121的博客
08-09 561
SimpleUI: 为您的Django Admin增添美学与功能 simpleuiA modern theme based on vue+element-ui for django admin.一款基于vue+element-ui的django admin现代化主题。全球20000+网站都在使用！喜欢可以点个star✨项目地址:https://gitcode.com/gh_mirrors/si/...
探秘SimpleUI：一个简洁高效的前端框架
gitblog_00055的博客
03-22 661
探秘SimpleUI：一个简洁高效的前端框架 simpleuiA modern theme based on vue+element-ui for django admin.一款基于vue+element-ui的django admin现代化主题。全球20000+网站都在使用！喜欢可以点个star✨项目地址:https://gitcode.com/gh_mirrors/si/simpleui 是...
Django 创建应用
sterson的博客
04-28 644
一个项目可以有多个应用，切换到项目所在路径，输入：pythonmanage.pystartappweb windows（本例路径为E:\myweb）， 目录结构如下： Linux目录结构如下： 这样就创建了一个名为web的应用，注意切记要启用该应用，做如下修改。 修改 myweb\myweb\settings.py，将web应用加入到INSTALLED_APPS： ...
Django之admin页面样式定制（Simpleui）
xiaoyu070321的博客
11-26 3915
SimpleUI是一款简单易用的用户界面（UI）库，旨在帮助开发人员快速构建美观、直观的用户界面。它提供了一系列现代化的UI组件和布局工具，可用于各种类型的应用程序，包括Web应用、移动应用和桌面应用。SimpleUI的设计理念是简洁、灵活和可定制的。它提供了丰富的预定义样式和布局选项同时也支持开发人员根据项目需求进行自定义样式和布局。这使得开发人员能够快速创建符合自己品牌标识和用户喜好的界面。SimpleUI的特点之一是响应式设计。
Django的Admin
实践求真知
12-01 829
一 什么是Admin Admin是Django自带的一个功能强大的自动化数据管理界面 被授权的用户可直接在Admin中管理数据 Django提供了许多针对Admin的定制功能 二 配置Admin 1 创建用户 ptyon manage.py createsuperuser 创建超级用户 2 实践 PS E:\Django\myblog&gt; python ...
Simple UI+django
weixin_35098008的博客
06-12 309
https://www.liujiangblog.com/course/django/87 https://simpleui.88cto.com/docs/simpleui/doc.html#%E4%BB%8B%E7%BB%8D
simpleui：基于vue + element-ui的django管理员的现代主题。一个基于vue + element-ui的django管理员的主题。全球10000+网站都在使用！喜欢可以点个star:sparkles:
02-06
让Django Admin简单而友好 简单友好。 Django管理主题simpleui 中文| | --- simpleui特色 :thumbs_up:内置28款流行的主题 :high_voltage: pip闪电安装100％兼容原生admin无需修改代码 :sparkles:多标签页面，各个模块更加清晰明了 :direct_hit:配置简单，极速上手，在settings.py中加入simpleui后启动立即生效，效率提高100％！让逐步开发得心应手。 :hot_beverage: Element-UI + Vue加持，让古老的django管理员焕然一新。 :crab:新增支持Django3.0，Python3.8，Python3.9，敢于做第一个吃螃蟹的人。 开发初衷 Django Ad
Django实战 手把手教你配置Django SimpleUI打造美丽后台(多图)
bsegebr的博客
06-08 650
很多人对Django自带的管理后台admin是又爱又恨，优点是几行代码配置就可以撸出一个功能性强的管理后台，缺点就是不怎么美观，感觉拿不出手。在所有的Django后台美化插件中，SimpleUI处于第一阵营，非常符合国人的审美观。本文将手把手教你如何配置使用Simple UI, 包括自定义菜单和控制面板等高级使用技巧. 修改, 将加入到里去，放在第一行，也就是django自带admin的前面。 第二步 测试是否安装成功 使用命令启动本地测试服务器, 访问, 如果你能看到如下页面说明安装成功。登录后你还将看到
Django simpleui实战web平台开发
qq_45872274的博客
10-26 3574
使用Django simple UI 从搭建环境开始搭建简单的web平台
Django实战: 手把手教你配置Django SimpleUI打造美丽后台(多图)
热门推荐
大江狗
05-13 2万+
很多人对Django自带的管理后台admin是又爱又恨，优点是几行代码配置就可以撸出一个功能性强的管理后台，缺点就是不怎么美观，感觉拿不出手。在所有的Django后台美化插件中，Simpl...
花了两个小时彻底搞明白Django后台管理的插件——SimpleUI_simpleui格式化后台时间
2401_84265548的博客
04-14 535
在自定义主题之前，请先把simpleui的静态资源克隆到根目录。然后找到theme theme.js 就是用于配置主题列表按该文件中的格式配置即可},important;important;important;编译注：simpleui 原则上不涉及代码，所以采用setting方式。后续可考虑扩展Model的 Meta class 进行配置图标‘系统管理’: ‘fab fa-apple’,‘员工管理’: ‘fas fa-user-tie’
Django笔记-Admin
Good good study!
10-25 2361
1.Using the Admin siteadmin模块在django.contrib中，所以添加admin管理时需要在ulrs中去掉以下两行注释；from django.contrib import adminadmin.autodiscover()2.setting设置1)在INSTALLED_APPS中添加django.contrib.admin小技巧：INTALLED_APPS最好以
django admin 主题框架 simpleui 发布更新，更贴近国人的操作习惯
weixin_34297704的博客
04-24 871
百度智能云 云生态狂欢季 热门云产品1折起>>> simpleui 是一个基于django admi...
Django-admin管理工具
weixin_33939380的博客
01-26 841
admin组件的使用 Django 提供了基于 web 的管理工具。 Django 自动管理工具是 django.contrib 的一部分。你可以在项目的 settings.py 中的 INSTALLED_APPS 看到它： # Application definition INSTALLED_APPS = [ 'django.contrib.admin', '...
Django_simpleui 笔记
炎焱狼的博客
09-09 2047
Django默认后台样式不美观，可以使用simpleui替代本章记录Django和simpleui的安装使用和自定义
修改django的admin界面 用simpleui
05-19
要修改 Django 的 admin 界面，可以使用 SimpleUI 这个第三方库。下面是具体的步骤： 1. 安装 SimpleUI： ``` pip install django-simpleui ``` 2. 在 Django 项目中的 `settings.py` 文件中添加 SimpleUI 的应用： ```python INSTALLED_APPS = [ # ... 'simpleui', # ... ] ``` 3. 修改 `settings.py` 文件中的 `TEMPLATES` 配置： ```python TEMPLATES = [ { 'BACKEND': 'django.template.backends.django.DjangoTemplates', 'DIRS': [], 'APP_DIRS': True, 'OPTIONS': { 'context_processors': [ # ... 'django.template.context_processors.request', ], 'builtins': [ # ... 'simpleui.templatetags.simpleui_tags', ] }, }, ] ``` 4. 启用 SimpleUI 的样式： 在 `settings.py` 文件中添加以下配置： ```python SIMPLEUI_STATIC_OFFLINE = True SimpleUI_USE_MINIFIED = True ``` 5. 运行 Django 项目，登录 admin 界面，你会发现界面已经被修改了。 注意：如果你想要自定义 SimpleUI 的样式，可以在 `static` 目录下创建 `simpleui` 目录，并在其中添加对应的静态文件。具体可以查看 SimpleUI 的文档。
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

微雨停了

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值