django中admin设置-让你的admin后台更加漂亮实用

django中admin设置-让你的admin后台更加漂亮实用

在这里插入图片描述

from django.contrib import admin
from Interface_App.models import Sql_Interface

登录时显示的名称

admin.site.site_header = ‘平台管理后台1111’
在这里插入图片描述

title显示的名称

admin.site.site_title = ‘平台管理后台2222’
在这里插入图片描述

Register your models here.

@admin.register(Sql_Interface)
class Sql_Interface(admin.ModelAdmin):
# 控制顶部或者底部显示,两个都为True则顶部和底部都显示
actions_on_top = True
actions_on_bottom = True
# 操作项功能显示选中项的数目
actions_selection_counter = True
# 建立一个基于此日期字段的筛选导航
date_hierarchy = “create_date”
在这里插入图片描述
# 每页最多显示10条数据
list_per_page = 10
# 设置记录字段为空(None,空字符串等)的默认显示值
empty_value_display = “无字段”
# 设置默认排序字段
ordering = (“sql_interface_id”,)
在这里插入图片描述
# 设置此属性为多对多字段,为该字段添加一个水平过滤器
filter_horizontal = (“api_input”, “api_output”)
在这里插入图片描述
# 激活过滤器,显示列表页面右侧栏中的过滤器
list_filter = (“is_active”, “sql_interface_name”)
在这里插入图片描述
# 启用搜索框
search_fields = (“sql_interface_name”,)
在这里插入图片描述
# 默认重定向是该对象的编辑视图(没啥效果)
# save_as_continue = False
# 控制是否应在过滤的页面上显示对象的全部数量(默认True)
# True显示为“总共”多少; False显示为“显示全部”
show_full_result_count = False
在这里插入图片描述
# 显示为只读模式(会隐藏此字段)
# readonly_fields = (‘sql_interface_name’,)
# 自动补全外键或者多对多字段内容,并且显示其id
# raw_id_fields = [“api_input”]
# 把外键或choice字段由下拉框变成单选框
# radio_fields = {“request_method”:admin.VERTICAL} #垂直
radio_fields = {“request_method”: admin.HORIZONTAL} # 水平
在这里插入图片描述
# menu_style = “accordion”
# 控制列表页面上显示哪些字段
list_display = (“sql_interface_name”, “sql_interface_id”, “sql_local_url”, “is_active”)
在这里插入图片描述

# 设置通过哪些字段可以字段链接到编辑页面,不写的话默认使用list_display第一个字段
# list_display_links = ("sql_interface_id",)
# 设置模型的字段允许在列表页面上进行编辑
list_editable = ("sql_local_url", "is_active")

在这里插入图片描述
# 屏蔽Django admin界面增加配置按钮
# def has_add_permission(self, request):
# return False
在这里插入图片描述

  • 3
    点赞
  • 16
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
### 回答1: 将 Vue-element-adminDjango 后台对接需要进行以下步骤: 1. 编写 Django 后台 API 接口,提供数据交互服务; 2. 在 Vue-element-admin 安装 Axios,用于向后台发送请求; 3. 在 Vue-element-admin 编写与后台 API 对接的代码; 4. 在 Vue-element-admin 使用前端路由(vue-router)跳转到对应页面。 具体操作步骤如下: 1. 编写 Django 后台 API 接口 在 Django 编写后台 API 接口,提供数据交互服务。可以使用 Django REST framework 来快速构建 RESTful API。 2. 安装 Axios 在 Vue-element-admin 安装 Axios,可以使用以下命令: ``` npm install axios ``` 3. 编写与后台 API 对接的代码 在 Vue-element-admin 编写与后台 API 对接的代码,可以使用 Axios 发送请求,例如: ``` import axios from 'axios' export default { // 获取用户列表 getUsers() { return axios.get('/api/user/') }, // 创建用户 createUser(user) { return axios.post('/api/user/', user) }, // 删除用户 deleteUser(id) { return axios.delete(`/api/user/${id}/`) } } ``` 4. 使用前端路由跳转到对应页面 在 Vue-element-admin 使用前端路由(vue-router)跳转到对应页面,例如: ``` import Vue from 'vue' import Router from 'vue-router' Vue.use(Router) export default new Router({ routes: [ { path: '/', name: 'Dashboard', component: () => import('@/views/dashboard/index') }, { path: '/user', name: 'User', component: () => import('@/views/user/index') }, { path: '/user/create', name: 'CreateUser', component: () => import('@/views/user/create') }, { path: '/user/:id/edit', name: 'EditUser', component: () => import('@/views/user/edit') } ] }) ``` 以上就是将 Vue-element-adminDjango 后台对接的基本步骤,具体实现还需要根据具体需求进行调整。 ### 回答2: Vue-element-admin是一个基于Vue.js和Element UI开发的后台管理系统框架,而Django是一个基于Python的Web开发框架。对接Vue-element-adminDjango后台,需要以下几个步骤: 1. 了解Vue-element-admin的架构和功能:首先需要熟悉Vue-element-admin的组件和页面结构,了解其提供的基本功能和接口。 2. 安装Django并配置数据库:在Django创建一个新的项目,并配置好数据库信息,确保Django与数据库的连接正常。 3. 创建Django的URL和路由:根据Vue-element-admin的路由规则,在Django创建对应的URL和路由,用于响应前端请求。 4. 编写Django的视图函数:编写Django的视图函数,处理前端请求并返回相应的数据。可以根据需要,操作数据库、调用其他后台服务等。 5. 前后端数据交互:根据Vue-element-admin的接口规范,与Django进行数据交互。可以使用axios库发送请求,同时使用Django的序列化器将数据转化为JSON格式返回给前端。 6. 数据权限控制:在Vue-element-admin,可以根据用户权限动态显示菜单和路由。可以在Django实现相应的权限控制逻辑,根据用户角色或权限限制相应的数据访问。 7. 进行前后端联调和测试:在前后端对接完成后,通过联调和测试确保系统的正常运行。可以使用开发者工具进行调试,在两端之间传递数据并检查返回结果。 总结起来,对接Vue-element-adminDjango后台,需要根据Vue-element-admin的组件和路由规则,在Django进行相应的配置和编码,实现前后端的数据交互和权限控制。通过以上步骤,可以构建一个完整的Vue-element-admin后台管理系统,使用Django作为后台支持。 ### 回答3: vue-element-admin 是一个基于 Vue.js 和 Element UI 的后台管理系统模板。而 Django 是一个使用 Python 编写的高级 Web 开发框架。 对接 vue-element-adminDjango 后台的过程,需要进行以下几个步骤: 1. 安装和配置 vue-element-adminDjango 工程。 - 首先,在本地搭建好 Django 工程,确保能够正常运行。 - 然后,在 vue-element-admin 的基础上建立 Vue.js 工程,配置好相关依赖。 - 将 Django 与 vue-element-admin 的工程整合在一起,确保两者可以同时运行。 2. 定义接口和数据交互方式。 - 在 Django 的工程,根据需求定义后台接口,用于前后台数据的交互。 - 在 vue-element-admin 的工程,使用 axios 等ajax库,通过 HTTP 请求与 Django 后台进行数据交互。 3. 配置路由和权限控制。 - 在 Django 的工程,配置好路由,将前端请求映射到对应的后端视图函数。 - 在 vue-element-admin 的工程,配置好前端路由,确保前端页面可以正确访问,并实现权限控制策略。 4. 前后台数据的处理和展示。 - 在 vue-element-admin 的工程,通过获取 Django 后台的数据,对数据进行处理和展示。 - 可以使用 vue.js 的组件化开发思想,将数据展示和页面交互的逻辑进行拆分和重复利用。 通过以上步骤的对接,vue-element-adminDjango 后台可以实现前后台的数据交互、权限控制和页面展示。以此来构建一个完整的后台管理系统。
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值