Django实战 手把手教你配置Django SimpleUI打造美丽后台(多图)

很多人对Django自带的管理后台admin是又爱又恨，优点是几行代码配置就可以撸出一个功能性强的管理后台，缺点就是不怎么美观，感觉拿不出手。在所有的Django后台美化插件中，SimpleUI处于第一阵营，非常符合国人的审美观。本文将手把手教你如何配置使用Simple UI, 包括自定义菜单和控制面板等高级使用技巧.

安装

第一步 pip安装并加入INSTALLED_APPS

?pip install django-simpleui

修改settings.py, 将simpleui加入到INSTALLED_APPS里去，放在第一行，也就是django自带admin的前面。

?INSTALLED_APPS = [
? ? ? ?'simpleui', # 注意这里
? ? ? ?'django.contrib.admin',
? ? ? ?'django.contrib.auth',
? ? ? ?'django.contrib.contenttypes',
? ? ? ?'django.contrib.sessions',
? ? ? ?'django.contrib.messages',
? ? ? ?'django.contrib.staticfiles',
? ? ?  ... ? ? 
?]

第二步 测试是否安装成功

使用python manage.py runserver命令启动本地测试服务器, 访问/admin/, 如果你能看到如下页面说明安装成功。

登录后你还将看到如下用户界面：

注意：如果你在生成环境中使用SimpleUI，还需要使用python manage.py collectstatic命令收集静态文件，否则样式无法正常显示。

常用配置

设置语言, 去Logo和管理后台名字

当你看到以上界面时，首先你想改动的一定是语言，去掉SimpleUI的默认logo，并把Django administration改成比如某某管理后台的名字。

修改settings.py， 添加如下代码：

?# 更改默认语言为中文
?LANGUAGE_CODE = 'zh-hans'
?
?# 去掉默认Logo或换成自己Logo链接
?SIMPLEUI_LOGO = 'https://th.bing.com/th/id/R2411a2b340731d67dfa0d84503e915e3?rik=zmYce%2fLys72JVQ&pid=ImgRaw'

修改管理后台的名称和标题要稍微复杂些，因为你不能直接在settings.py里进行配置。在任何一个app的目录下新建一个admin.py, 添加如下代码即可修改(本例app名为tasks)。这个设置属于Django的设置，不属于SimpleUI的设置。

?# tasks/admin.py
?from django.contrib import admin
?
?admin.site.site_header = '管理后台' ?# 设置header
?admin.site.site_title = '管理后台' ? # 设置title
?admin.site.index_title = '管理后台'
?
?from .models import Task
?admin.site.register(Task)

登录后的效果如下所示：

现在你可以看到语言、logo和管理后台名字都已经改过来了。但是你会发现两个问题，左侧菜单的tasks显示的依然是英文，我们需要将其设置成中文。另外，右侧有simpleui的广告链接，页面背后有js文件跟踪simpleui的使用，这些都需要关闭。我们接下来教你如何解决这两个问题。

自定义或第三方APP名和模型名修改成中文

修改tasks/app.py, 通过verbose_name可以将app名改为中文，这里将tasks 改成了任务管理。

?from django.apps import AppConfig
?
?class TasksConf