xadmin之界面美化修整

本文介绍如何通过Django Xadmin进行界面定制,包括语言设置、字段显示名称修改、添加搜索与过滤功能、编辑数据时字段控制、列表页直接编辑、排序与分页设置、主题选择等,提供了一系列实用技巧。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

今天像大家介绍一下界面的的修整,在此之前为了观看,我们改一下界面的语言展示为中文。

clipboard.png
看一下结果:

clipboard.png
之后我们点击一下之前添加的Model(人)

clipboard.png
修改字段的显示名称

clipboard.png
修改默认字段显示

clipboard.png
添加搜索数据功能

clipboard.png
添加过滤器

clipboard.png
还有日期过滤器,只能添加日期字段:我没日期字段,就不掩饰了,和前面用法一样:
属性为:date_hierarchy

在编辑数据时,不可修改的字段:readonly_fields = ('age',)

clipboard.png
在编辑数据时,不显示的字段:exclude = ['age']

clipboard.png
为左侧model类添加icon:model_icon = 'fa fa-user'
图标样式:http://fontawesome.dashgame.com/,使用的时候'fa fa-'+icon名

clipboard.png
直接在数据列表页修改数据:list_editable = ['name','age']

clipboard.png
数据列表显示排序:ordering = ('-age',) -表示降序,直接写字段表示升序

clipboard.png
数据分页显示:list_per_page = 2

clipboard.png

不显示标签功能:show_bookmarks = False

clipboard.png
添加主题的选择:

# 在adminx文件中
from xadmin import views

class GlobalSetting(object):
    site_title = "JIM STYLE"    # 设置标题
    site_footer = "this is a about book web" # 设置底部文字
    menu_style="accordion"    # 使左侧菜单列表为伸缩样式
    
xadmin.site.register(views.CommAdminView, GlobalSetting) #views.CommAdminView这是xadmin自带的类

clipboard.png

添加主题选择(上图右上角我已经添加了):

# 同样是在adminx.py文件下
class BaseSetting(object):
    enable_themes = True    #添加主题选择功能
    use_bootswatch = True    #添加多个主题到选择中
    
xadmin.site.register(views.BaseAdminView, BaseSetting)

clipboard.png

【更详细的配置】

上面配置都是自己找的并进行了尝试,也找了一篇更为详细的文章作为以后的需要:
https://www.django.cn/course/...

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值