继续对admin后台进行页面美化

上一篇文章既然对输入框进行了美化,那么我们可以联系到,django肯定有很多类似的模板库,对django各个边边角角进行美化。可能你并不愿意老是对着比较单一颜色的 django admin 登录页面,在不深入修改django admin页面代码的情况下,我们引入其他模板库进行美化。

先看相关的效果图:

1.后台美化我们使用django-jet这个库来实现,首先安装 django-jet

pip install django-jet

2.修改settings.py,注册应用 jet.dashboardjet,注意加在django.contrib.admin前面,为实现后台主题切换,还得添加 JET_THEMES 参数(读一下代码就知道,这个是关于主题配置)

djangoblog/settings.py

INSTALLED_APPS = [
	'jet.dashboard',
	'jet',
	'django.contrib.admin',
	'django.contrib.auth',
	'django.contrib.contenttypes',
	'django.contrib.sessions',
	'django.contrib.messages',
	'django.contrib.staticfiles',
	'blog',
	'haystack',
	'django_summernote',
]

# 主题
JET_THEMES = [
	{
		'theme': 'default', # theme folder name
		'color': '#47bac1', # color of the theme's button in user menu
		'title': 'Default' # theme title
	},
	{
		'theme': 'green',
		'color': '#44b78b',
		'title': 'Green'
	},
	{
		'theme': 'light-green',
		'color': '#2faa60',
		'title': 'Light Green'
	},
	{
		'theme': 'light-violet',
		'color': '#a464c4',
		'title': 'Light Violet'
	},
	{
		'theme': 'light-blue',
		'color': '#5EADDE',
		'title': 'Light Blue'
	},
	{
		'theme': 'light-gray',
		'color': '#222',
		'title': 'Light Gray'
	}
]

3.修改urls.py添加路由

djangoblog/urls.py

from django.contrib import admin
from django.urls import path, include
from django.conf import settings
from django.conf.urls.static import static

urlpatterns = [
	path('admin/', admin.site.urls),
	path('',include('blog.urls')),
	path('search/', include('haystack.urls')),
	path('summernote/', include('django_summernote.urls')),
	path('jet/', include('jet.urls', 'jet')),  # Django JET URLS
	path('jet/dashboard/', include('jet.dashboard.urls', 'jet-dashboard')),  # Django JET dashboard URLS
] + static(settings.STATIC_URL, document_root=settings.STATIC_ROOT)

4.创建django-jet所需数据库表

python manage.py migrate jet
python manage.py migrate dashboard

打开http://127.0.0.1:8000/admin/,可以看到我们的 django admin 后台稍微稍微是美化了。