django和xadmin打造后台管理系统(三)-xadmin进阶使用

1.修改app名称

参照上篇文章，自己补充一些model以后，界面如图所示：

可以看到左上角名称还是默认的，这样就显得很low，我们进行修改。
修改op_xadmin/apps.py，如下：

from django.apps import AppConfig

class OpXadminConfig(AppConfig):
    name = 'op_xadmin'
    verbose_name = '商城信息管理'

修改op_xadmin/init.py，如下：

default_app_config='op_xadmin.apps.OpXadminConfig'

刷新界面，就可以看到下图：

可以看到此时app名称已经修改为’商城信息管理’。

2.修改界面顶部和底部显示

app名称已经修改过来后，还看到界面顶部和底部都显示默认值，所以我们接着修改op_xadmin/adminx.py，在adminx.py中增加如下代码：

from xadmin import views
class globalSetting(object):
    site_title = '购物商城后台管理系统'
    site_footer = 'By 晟夏的叶 2019.'
xadmin.site.register(views.CommAdminView, globalSetting)

刷新界面就可以看到下面效果了：

3.设置左侧菜单折叠

如果我们想设置左侧菜单可折叠，该怎么办呢？
同样在adminx.py的globalSetting中增加一行代码：

menu_style = 'accordion'

刷新后如图：

4.界面增加主题修改功能

界面增加主题功能，也是在adminx.py中增加代码：

class themeSetting(object):
    enable_themes = True
    use_bootswatch = True
xadmin.site.register(views.BaseAdminView, themeSetting)

界面刷新后如图：

主题功能已经有了。

5.修改菜单图标

这时候菜单图片都是统一的圆圈，没有可辨识性，所以修改菜单图标：
在globalSetting类中增加如下代码：

global_models_icon = {
        goodsType:'fa fa-adjust', goods:'fa fa-cloud', goodsComments:'fa fa-comments', customers:'fa fa-user', shoppingCart:'fa fa-shopping-cart', orders:'fa fa-info', orderInfos:'fa fa-info-circle', 
    }

其中fa fa-XXXXX是固定格式，XXXXX代表图标名称，可以从以下网站http://fontawesome.dashgame.com/获取。
刷新后看到，如图：

6.adminx的其他属性

假设我们还想在后台管理系统中增加搜索框、过滤器等功能，也是可以的。
在adminx.py文件中每个model对应的XXXAdmin中增加以下属性即可：

• list_display:列出界面需要展示的字段；
• search_fields:激活搜索框，可以在搜索框中输入内容在指定字段名中进行搜索；
• list_editable:已经存在的记录中可以修改的字段，其中字段必须要在list_display中包含；
• list_filter:激活过滤器，可以根据字段内容进行过滤；
• list_per_page:分页条数；
• ordering:界面显示时排序方法；
• readonly_fields： 指定只读字段；

其他更多字段请参考官方文档：https://docs.djangoproject.com/en/1.11/ref/contrib/admin/#django.contrib.admin.ModelAdmin

标签：xadmin,界面,进阶,修改,py,django,fa,adminx
来源： https://blog.csdn.net/e21105834/article/details/97135195