Bootstrap

xadmin的使用

xadmin的使用

一、前端后台模板介绍

前端后台模板
	-Xadmin:基于layui写的一个后台管理模板,便于大家快速搭建后台管理
	-layui也有一套后台管理
	-bootstrap:后台管理自己搭建(bbs的后台管理)
	-admin lte
    
	-django的admin继续写
	-xadmin:bootstrap+jq   ---基本上废弃 
	-simple ui:vue+emelentui      ---比较友好
    
	-前后端分离项目
    	-iview
       -vue-admin
    
   -使用第三方的模块,包
		-把它下载下来,放到自己项目中,作为项目的一部分
    	-而不用pip install的方式

二、xadmin介绍

xadmin是Django的第三方扩展,可是使Django的admin站点使用更方便。

文档:https://xadmin.readthedocs.io/en/latest/index.html

三、安装

通过如下命令安装xadmin的最新版

pip install https://codeload.github.com/sshwsfc/xadmin/zip/django2 --default-timeout=1000

在配置文件中注册如下应用

BASE_DIR = os.path.dirname(os.path.dirname(os.path.abspath(__file__)))
# 把apps目录设置环境变量中的导包路径
sys.path.append(os.path.join(BASE_DIR, "apps"))


INSTALLED_APPS = [
    ...
    'xadmin',
    'crispy_forms',
    'reversion',
    ...
]

# 修改使用中文界面
LANGUAGE_CODE = 'zh-hans'
# LANGUAGE_CODE = 'en-us'


# 修改时区
# TIME_ZONE = 'UTC'
TIME_ZONE = 'Asia/shanghai'

# USE_TZ = True
USE_TZ = False

xadmin有建立自己的数据库模型类,需要进行数据库迁移

# 其实makemigrations已经帮我们做好了, 只需要migrate就行了
# 查看
from xadmin import migrations

# 执行以下命令
python manage.py makemigrations
python manage.py migrate

image-20200719164001019

在总路由中添加xadmin的路由信息

import xadmin
xadmin.autodiscover()

# version模块自动注册需要版本控制的 Model
from xadmin.plugins import xversion
xversion.register_models()

urlpatterns = [
    path(r'xadmin/', xadmin.site.urls)
]

创建超级用户

python manage.py createsuperuser

四、使用

  • xadmin不再使用Django的admin.py,而是需要编写代码在adminx.py文件中。
  • xadmin的站点管理类不用继承admin.ModelAdmin,而是直接继承object即可。

比如:在子应用中创建admin.py文件

1.站点的全局配置

import xadmin
from xadmin import views

class BaseSetting(object):
    """xadmin的基本配置"""
    enable_themes = True  # 开启主题切换功能
    use_bootswatch = True

xadmin.site.register(views.BaseAdminView, BaseSetting)

class GlobalSettings(object):
    """xadmin的全局配置"""
    site_title = "路飞学城"  # 设置站点标题
    site_footer = "路飞学城有限公司"  # 设置站点的页脚
    menu_style = "accordion"  # 设置菜单折叠

xadmin.site.register(views.CommAdminView, GlobalSettings)

3.站点Model管理

xadmin可以使用的页面样式控制基本与Django原生的admin一直。

  • list_display 控制列表展示的字段

    Copylist_display = ['id', 'btitle', 'bread', 'bcomment']
    
  • search_fields 控制可以通过搜索框搜索的字段名称,xadmin使用的是模糊查询

    Copysearch_fields = ['id','btitle']
    
  • list_filter 可以进行过滤操作的列,对于分类、性别、状态

    Copylist_filter = ['is_delete']
    
  • ordering 默认排序的字段

  • readonly_fields 在编辑页面的只读字段

  • exclude 在编辑页面隐藏的字段

  • list_editable 在列表页可以快速直接编辑的字段

  • show_detail_fields 在列表页提供快速显示详情信息

  • refresh_times 指定列表页的定时刷新

    Copyrefresh_times = [5, 10,30,60]  # 设置允许后端管理人员按多长时间(秒)刷新页面
    
  • list_export 控制列表页导出数据的可选格式

    Copylist_export = ('xls', 'xml', 'json')   list_export设置为None来禁用数据导出功能
    list_export_fields = ('id', 'btitle', 'bpub_date')
    
  • show_bookmarks 控制是否显示书签功能

    Copyshow_bookmarks = True
    
  • data_charts 控制显示图表的样式

data_charts = {
        "order_amount": {
          'title': '图书发布日期表', 
          "x-field": "bpub_date", 
          "y-field": ('btitle',),
          "order": ('id',)
        },
    #    支持生成多个不同的图表
    #    "order_amount": {
    #      'title': '图书发布日期表', 
    #      "x-field": "bpub_date", 
    #      "y-field": ('btitle',),
    #      "order": ('id',)
    #    },
    }
    • title 控制图标名称
    • x-field 控制x轴字段
    • y-field 控制y轴字段,可以是多个值
    • order 控制默认排序
  • model_icon 控制菜单的图标

    Copyclass BookInfoAdmin(object):
        model_icon = 'fa fa-gift'
    
    xadmin.site.register(models.BookInfo, BookInfodmin)
    
;