Django 中自定义 Admin 样式与功能的实现方法


Posted in Python onJuly 04, 2019

自定义 Admin 样式与功能

1 页面修改中文

1.1 语言设置为中文

settings.py

LANGUAGE_CODE = 'zh-hans'

修改结果

Django 中自定义 Admin 样式与功能的实现方法

1.2 应用管理设置为中文

应用/apps.py

from django.apps import AppConfig
class BbssConfig(AppConfig):
 name = 'bbs'
 # 添加下面这句
 verbose_name = 'BBS系统'

修改结果

Django 中自定义 Admin 样式与功能的实现方法

1.3 数据库表设置为中文

应用/models.py

class Comment(models.Model):
 topic = models.ForeignKey(Topic, on_delete=models.CASCADE)
 comment_text = models.TextField(max_length=2000)
 author = models.ForeignKey(User, default=1, on_delete=models.CASCADE)
 picture = models.FileField(blank=True, null=True) # 添加文件类型字段,并默认为空
 pub_date = models.DateTimeField(auto_now_add=True)
 def get_comment_text_md(self):
  """将markdown格式转化为html"""
  return mark_safe(markdown(self.comment_text))
 def __str__(self):
  return self.comment_text
 class Meta:
  verbose_name = '评论' # 单数时显示内容
  verbose_name_plural = '评论' # 复数时显示内容

默认数据库表在后台中显示都为复数形式,而中文没有复数形式,因此将两种形式都设置为相同名称

修改结果

Django 中自定义 Admin 样式与功能的实现方法

1.4 数据库表字段名称修改为中文

应用/models.py

class Comment(models.Model):
 topic = models.ForeignKey(Topic, on_delete=models.CASCADE, verbose_name='话题')
 comment_text = models.TextField('评价内容', max_length=2000)
 author = models.ForeignKey(User, default=1, on_delete=models.CASCADE, verbose_name='用户')
 picture = models.FileField('图片', blank=True, null=True) # 添加文件类型字段,并默认为空
 pub_date = models.DateTimeField('发布时间', auto_now_add=True)

 def get_comment_text_md(self):
  """将markdown格式转化为html"""
  return mark_safe(markdown(self.comment_text))

 def __str__(self):
  return self.comment_text

 class Meta:
  verbose_name = '评论' # 单数时显示内容
  verbose_name_plural = '评论' # 复数时显示内容

一般的字段只需加个显示名称的位置参数就可以,而一对多关系的要指定关键字参数 verbose_name,并且关键字参数要放在位置参数后面

修改结果

Django 中自定义 Admin 样式与功能的实现方法

2 修改后台样式

使用 django-grappelli 第三方应用进行修改admin样式

GitHub:https://github.com/sehmaschine/django-grappelli

文档:https://django-grappelli.readthedocs.io/en/latest/quickstart.html

其他工具:https://djangopackages.org/grids/g/admin-interface/

2.1 安装

pip install django-grappelli

2.2 导入项目

settings.py

INSTALLED_APPS = [
 'accounts.apps.AccountsConfig',
 'polls.apps.PollsConfig',
 'bbs.apps.BbssConfig',
 'grappelli',
 'django.contrib.admin',
 'django.contrib.auth',
 'django.contrib.contenttypes',
 'django.contrib.sessions',
 'django.contrib.messages',
 'django.contrib.staticfiles',
]

2.3 导入URL

项目 / urls.py

urlpatterns = [
 path('grappelli', include('grappelli.urls')),
 path('admin/', admin.site.urls),
 path('', include('bbs.urls')),
 path('accounts/', include('accounts.urls')),
]

2.4 收集静态文件统一放到一个地方

settings.py 中添加

# 收集静态文件统一存放的根路径
STATIC_ROOT = os.path.join(BASE_DIR, 'static-files')

执行命令

python manage.py collectstatic

Django 中自定义 Admin 样式与功能的实现方法

自动生成

Django 中自定义 Admin 样式与功能的实现方法

再次启动服务会发现管理页面已经被修改

Django 中自定义 Admin 样式与功能的实现方法

2.5 自定义标题

settings.py 中添加

# 后台自定义标题
GRAPPELLI_ADMIN_TITLE = 'Z-BBS ADMIN'

刷新页面

Django 中自定义 Admin 样式与功能的实现方法

2.6 admin开启分页功能

应用 / admin.py

from django.contrib import admin

# Register your models here.
from .models import Topic, Comment


class TopicAdmin(admin.ModelAdmin):
 list_display = ('topic_text', 'author', 'pub_date')
 search_fields = ('topic_text', 'author')
 list_editable = ('author',)
 list_per_page = 10


class CommentAdmin(admin.ModelAdmin):
 list_display = ( 'comment_text', 'author', 'pub_date', 'topic')
 search_fields = ('comment_text', 'author')
 list_editable = ('author',)
 list_per_page = 10

Django 中自定义 Admin 样式与功能的实现方法

2.7 admin 开启过滤功能

应用 / admin.py

class TopicAdmin(admin.ModelAdmin):
 list_display = ('topic_text', 'author', 'pub_date')
 list_filter = ('topic_text', 'author', 'pub_date')
 search_fields = ('topic_text',)
 list_editable = ('author',)
 list_per_page = 10


class CommentAdmin(admin.ModelAdmin):
 list_display = ( 'comment_text', 'author', 'pub_date', 'topic')
 list_filter = ('comment_text', 'author', 'pub_date', 'topic')
 search_fields = ('comment_text',)
 list_editable = ('author',)
 list_per_page = 10

开启之后记得强制刷新页面(ctrl + shift + r),重新加载 js 和 css 代码

Django 中自定义 Admin 样式与功能的实现方法

总结

以上所述是小编给大家介绍的Django 中自定义 Admin 样式与功能的实现方法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!
如果你觉得本文对你有帮助,欢迎转载,烦请注明出处,谢谢!

Python 相关文章推荐
python 基础学习第二弹 类属性和实例属性
Aug 27 Python
Python中的闭包详细介绍和实例
Nov 21 Python
python实现下载指定网址所有图片的方法
Aug 08 Python
Python两个内置函数 locals 和globals(学习笔记)
Aug 28 Python
Python字典简介以及用法详解
Nov 15 Python
Python3.6简单操作Mysql数据库
Sep 12 Python
django初始化数据库的实例
May 27 Python
Python基于pyCUDA实现GPU加速并行计算功能入门教程
Jun 19 Python
python实现求两个字符串的最长公共子串方法
Jul 20 Python
Python 实现取多维数组第n维的前几位
Nov 26 Python
python定间隔取点(np.linspace)的实现
Nov 27 Python
Python 中的Sympy详细使用
Aug 07 Python
python3用PIL把图片转换为RGB图片的实例
Jul 04 #Python
python中比较两个列表的实例方法
Jul 04 #Python
一文秒懂python读写csv xml json文件各种骚操作
Jul 04 #Python
远程部署工具Fabric详解(支持Python3)
Jul 04 #Python
Python之修改图片像素值的方法
Jul 03 #Python
在python中,使用scatter绘制散点图的实例
Jul 03 #Python
python opencv 二值化 计算白色像素点的实例
Jul 03 #Python
You might like
防止MySQL注入或HTML表单滥用的PHP程序
2009/01/21 PHP
Laravel中扩展Memcached缓存驱动实现使用阿里云OCS缓存
2015/02/10 PHP
PHP调用API接口实现天气查询功能的示例
2017/09/21 PHP
TP5(thinkPHP框架)实现后台清除缓存功能示例
2019/05/29 PHP
微博@符号的用户名提示效果。(想@到谁?)
2010/11/05 Javascript
一个JQuery写的点击上下滚动的小例子
2011/08/27 Javascript
jQuery的.live()和.die() 使用介绍
2011/09/10 Javascript
jQuery代码优化 选择符篇
2011/11/01 Javascript
js常用代码段整理
2011/11/30 Javascript
使用js检测浏览器的实现代码
2013/05/14 Javascript
js中利用tagname和id获取元素的方法
2016/01/03 Javascript
jquery实现左右无缝轮播图
2020/07/31 Javascript
巧方法 JavaScript获取超链接的绝对URL地址
2016/06/14 Javascript
使用JS正则表达式 替换括号,尖括号等
2016/11/29 Javascript
jQuery+Ajax请求本地数据加载商品列表页并跳转详情页的实现方法
2017/07/12 jQuery
Angular实现下载安装包的功能代码分享
2017/09/05 Javascript
使用axios实现上传图片进度条功能
2017/12/21 Javascript
vue.js的双向数据绑定Object.defineProperty方法的神奇之处
2019/01/18 Javascript
python实现bucket排序算法实例分析
2015/05/04 Python
python 排序算法总结及实例详解
2016/09/28 Python
Python中生成Epoch的方法
2017/04/26 Python
CentOS中升级Python版本的方法详解
2017/07/10 Python
python3实现逐字输出的方法
2019/01/23 Python
opencv中图像叠加/图像融合/按位操作的实现
2020/04/01 Python
CSS3制作皮卡丘动画壁纸的示例
2020/11/02 HTML / CSS
女士时装鞋:Chinese Laundry
2018/08/29 全球购物
澳大利亚在线家具、灯饰和家居装饰店:LivingStyles
2018/11/20 全球购物
自荐信如何“自荐”
2013/10/24 职场文书
五年级语文教学反思
2014/01/30 职场文书
小学生开学感言
2014/02/28 职场文书
销售人员求职的自我评价分享
2014/03/15 职场文书
故意伤害人身损害赔偿协议书
2014/11/19 职场文书
中学教代会开幕词
2016/03/04 职场文书
如何书写公司员工保密协议?
2019/06/27 职场文书
使用Python的开发框架Brownie部署以太坊智能合约
2021/05/28 Python
vue3语法糖内的defineProps及defineEmits
2022/04/14 Vue.js