xadmin 的安装

方式一 pip 安装

会因为编码问题导致报错 因此需要下载 更改 README.rst 后本地安装

详情点击这里

方式二 源码方式安装

github 上下载源码后 将 xadmin app 包直接以 第三方 app 的形式填入到我们的项目中

当然需要 settings.py 中注册

详情往下看简单使用示例

xadmin 简单使用

第一步  settings.py 设置

里面的添加 app

需要加两个

    'xadmin',
'crispy_forms',

第二步 设置路由 

urlpatterns = [
# url(r'^admin/', admin.site.urls),
url(r'^xadmin/', xadmin.site.urls),
]

第三步 初始表创建

如果没有创建直接使用会有 1146 的报错

因此需要

python manage.py makemigrations
python manage.py migrate

第四步 注册表

新建一个 adminx.py 替代 admin.py ( 随意删除 )

然后注册和 admin 类似

import xadmin

from .models import UserAsk, UserCourse, UserMessage, CourseComments, UserFavorite

# 用户咨询注册
class UserAskAdmin(object):
list_display = ['name', 'mobile', 'course_name', 'add_time']
search_fields = ['name', 'mobile', 'course_name']
list_filter = ['name', 'mobile', 'course_name', 'add_time'] xadmin.site.register(UserAsk, UserAskAdmin)

第五步 登录web查看

访问 127.0.0.1:8000/xadmin 自己设置的 url 访问

需要一个 super账号

创建也是从 manage.py  中 createsuperuser

登录后就可以看到相关的被注册的表可以进行后台数据操作了

Xadmin 全局配置

使能主题相关功能

在任意的 adminx.py 中做以下配置

from xadmin import views

class BaseSetting(object):
  enable_themes = True # 打开主题功能
  use_bootswatch = True # 打开可选主题库 xadmin.site.register(views.BaseAdminView, BaseSetting)

更改显示名字以及按APP折叠

# 更改后台默认显示信息
class GlobalSetting(object):
site_title = "羊驼后台管理系统" # 左上角显示信息
site_footer = "羊驼总经联合协会" # 最下面公司信息
menu_style = "accordion" # 左侧表名按 APP 折叠 xadmin.site.register(views.CommAdminView, GlobalSetting)

调整 app 显示名字

此功能与 Xadmin 本身无关, 是 django 自带的机制

需要修改 每个 APP 下的 init 和 apps 

apps.py 下 添加 verbose_name 

from django.apps import AppConfig

class UsersConfig(AppConfig):
name = 'users'
verbose_name = "用户信息" # 设置显示名字

__init__.py 中 加入使能的配置类

default_app_config = "users.apps.UsersConfig"

Xadmin 组件基础使用以及全局配置的更多相关文章

  1. vue-cli项目中使用mockjs(基础使用和全局配置使用)

    参考:vue+mockjs 模拟数据,实现前后端分离开发 (Github-Demo可查看全部代码),Mockjs ,Axios 很多时候前后端分离的项目在开发过程中前端所需数据和后端接口并不会同步开发 ...

  2. 小程序基础02:全局配置app.json

    1.配置 我们使用app.json文件来对来微信小程序进行全局配置. 作用:他决定了页面文件的路径,窗口表现,设置网络超时时间,设置多tab等 每一个小程序页面也可以使用 .json 文件来对本页面的 ...

  3. Vue基础二之全局API、实例属性和全局配置,以及组件进阶(mixins)的详细教程(案列实现,详细图解,附源码)

    本篇文章主要是写Vue.directive().Vue.use()等常用全局API的使用,vm.$props.vm.$options.vm.$slots等实例属性的使用,以及Vue全局配置.组件的mi ...

  4. 框架基础:ajax设计方案(六)--- 全局配置、请求格式拓展和优化、请求二进制类型、浏览器错误搜集以及npm打包发布

    距离上一次博客大概好多好多时间了,感觉再不搞点东西出来,感觉就废了的感觉.这段时间回老家学习驾照,修养,然后7月底来上海求职(面了4家,拿了3家office),然后入职同程旅游,项目赶进度等等一系列的 ...

  5. vue全局配置----小白基础篇

    今天学习vue全局配置.希望帮助我们去了解vue的全局配置,快速开发. Vue.config是vue的全局配置对象.包含Vue的所有全局属性: silent:boolean(默认值:false)--- ...

  6. 第三百八十一节,Django+Xadmin打造上线标准的在线教育平台—xadmin全局配置

    第三百八十一节,Django+Xadmin打造上线标准的在线教育平台—xadmin全局配置 1.xadmin主题设置 要使用xadmin主题,需要在一个app下的adminx.py后台注册文件里,写一 ...

  7. Vue.js 源码分析(二) 基础篇 全局配置

    Vue.config是一个对象,包含Vue的全局配置,可以在启动应用之前修改下列属性,如下: ptionMergeStrategies        ;自定义合并策略的选项silent         ...

  8. Django(九) xadmin全局配置

    xadmin的使用,首先需要对model进行注册,才能在后台管理中进行操作. 1.在app里创建py文件:adminx(必须这个名称) 2.导入xadmin和models里的类,格式如下: 其中lis ...

  9. 微信小程序-全局配置、组件、页面跳转、用户信息等

    全局配置 三个页面 app.json pages字段 "pages":[ "pages/index/index", # 首页 "pages/home/ ...

随机推荐

  1. pandas删除某一列的方法

    方法一:直接del df['column-name'] 删除sub_grade_列, 输入del df['sub_grade_x'] 方法二:采用drop方法,有下面三种等价的表达式: 1. df= ...

  2. 《梦断代码》Scott Rosenberg著(二)

    书中有一段说的是一个闪烁缺陷——在改变某软件中某个窗体的尺寸时,屏幕会闪烁一秒钟左右.虽然该缺陷不会影响程序运行,但它不符合作者的审美观,历时六个多月仍然没能修正.其实在日常的编程中也有许多小bug的 ...

  3. Python_程序实现发红包

    发红包 200块钱  20个红包 将200块随机分成20份 基础版本: import random ret = random.sample(range(1, 200 * 100), 19) ret = ...

  4. How to Configure Email Notification in Jenkins

    How to Configure Email Notification in Jenkins? - The Official 360logica Bloghttps://www.360logica.c ...

  5. Jenkins+Docker自动化集成环境搭

    关于Docker Docker 简介 Docker现在是Github社区最火的项目之一,Docker是个容器,或许你听过lxc,你可能知道Tomcat这个Web容器,容器是什么概念,意会就好.问个问题 ...

  6. asp.net core前后端分离

    陆陆续续的看了两个礼拜的前端知识,把vue+vue-router+axios的知识撸了一遍,本来想加个element-ui来实现一下前后端分离,实施的时候却遇到了很多的坑.我本身不在一个软件开发公司上 ...

  7. Java 获取当前日期的四种方法

    //1 通过Date类来获取当前时间,通过SimpleDateFormat来设置时间格式 SimpleDateFormat dateFormat = new SimpleDateFormat(&quo ...

  8. Azure系列2.1.9 —— CloudBlob

    (小弟自学Azure,文中有不正确之处,请路过各位大神指正.) 网上azure的资料较少,尤其是API,全是英文的,中文资料更是少之又少.这次由于公司项目需要使用Azure,所以对Azure的一些学习 ...

  9. VUE.JS 使用axios数据请求时数据绑定时 报错 TypeError: Cannot set property 'xxxx' of undefined 的解决办法

    正常情况下在data里面都有做了定义 在函数里面进行赋值 这时候你运行时会发现,数据可以请求到,但是会报错 TypeError: Cannot set property 'listgroup' of ...

  10. unsupported time zone specified undefined

    unsupported time zone specified undefined   出现了这个问题,莫名其妙的,上次被我下回去了,真的是下回去的,我一去查看,坐在电脑前面问题就不见了…… 具体出现 ...