文章目录
jet
JET是新式的Django后台管理界面并且增强了功能。
Django默认的后台可能我们看着很不习惯,xadmin又渐渐的没入了历史舞台,所以我们在这儿介绍这一款Django的后台管理工具 – JET.
JET暂不支持Django3.x以上版本
1).安装jet
pip install django-jet -i https://pypi.doubanio.com/simple
2).在INSTALLED_APPS的admin的前面注册jet
INSTALLED_APPS = [
# 注册jet
'jet',
'django.contrib.admin',
'django.contrib.auth',
'django.contrib.contenttypes',
'django.contrib.sessions',
'django.contrib.messages',
'django.contrib.staticfiles',
]
3).执行迁移:
python manage.py migrate jet
4).URL配置
from django.contrib import admin
from django.urls import path, include
urlpatterns = [
path('admin/', admin.site.urls),
path('jet/', include('jet.urls', 'jet')),
]
5).创建管理员账号
在创建管理员账号之前我们需要先进行迁移
python manage.py migrate
创建管理员账户
接下来我们就可以看到美丽的后台界面了
到此,我们一行代码没有写就出现了一个美丽的后端界面了
django-debug-toolbar
- django-debug-toolbar只有在后端渲染的时候有效,前后端渲染的话没有效果。。。
安装django-debug-toolbar
pip install django-debug-toolbar
在配置文件进行配置以下三点
(1)在INSTALLED_APPS注册debug_toolbar
INSTALLED_APPS = [
'django.contrib.admin',
'django.contrib.auth',
'django.contrib.contenttypes',
'django.contrib.sessions',
'django.contrib.messages',
'django.contrib.staticfiles',
# django-debug-toolbar注册
'debug_toolbar',
]
(2)添加中间键
MIDDLEWARE = [
# django-debug-toolbar中间键添加
'debug_toolbar.middleware.DebugToolbarMiddleware',
'django.middleware.security.SecurityMiddleware',
'django.contrib.sessions.middleware.SessionMiddleware',
'django.middleware.common.CommonMiddleware',
'django.middleware.csrf.CsrfViewMiddleware',
'django.contrib.auth.middleware.AuthenticationMiddleware',
'django.contrib.messages.middleware.MessageMiddleware',
'django.middleware.clickjacking.XFrameOptionsMiddleware',
]
(3)配置前端效果:
DEBUG_TOOLBAR_CONFIG = {
# 引入jQuery库
'JQUERY_URL': 'https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js',
# 工具栏是否折叠
'SHOW_COLLAPSED': True,
# 是否显示工具栏
'SHOW_TOOLBAR_CALLBACK': lambda x: True,
}
URL路由配置:
from django.urls import path, include
from django.conf import settings
if settings.DEBUG:
import debug_toolbar
urlpatterns.insert(0, path('__debug__/', include(debug_toolbar.urls)))
Django随机验证码
- 下面以登录验证码为例
- 由于我们用的某大佬自己封装的验证码画图函数,所以在开始之前我们需要先将画图函数和用到的图片拷到我们的app下面
login.html页面
<h2>登录界面</h2>
<hr>
<a style="position: absolute; right: 200px; top: 100px