今天看啥  ›  专栏  ›  晟夏的叶

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

晟夏的叶  · 简书  ·  · 2019-07-24 17:55

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




原文地址:访问原文地址
快照地址: 访问文章快照