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
来源: http://www.jianshu.com/p/83e20ade5da4