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