django admin 模板修改，定制，详细

最新推荐文章于 2024-05-30 14:02:37 发布
最新推荐文章于 2024-05-30 14:02:37 发布
阅读量2.3w 收藏 21
点赞数 3
分类专栏： django
版权声明：本文为博主原创文章，遵循 CC 4.0 BY 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u013378306/article/details/79023242
版权

前言：我们根据数据库建立了多个model，此时这个model也是用的admin的原生的模板，因为每个model的样式可能会不一样，此时我们可以这样做。

假如我们要修改名字为back的app的，且model名siteinfo的的change页面，则我们可以按照如下步骤

（1）在项目的templates建立admin/back/siteinfo

（2）在此目录下建立change_form.html即可

 

项目目录：

 

shuili
|-- back
|   |-- admin.py
|   |-- admin.pyc
|   |-- apps.py
|   |-- backcontroller.py
|   |-- backcontroller.pyc
|   |-- __init__.py
|   |-- __init__.pyc
|   |-- migrations
|   |   |-- 0001_initial.py
|   |   |-- 0001_initial.pyc
|   |   |-- __init__.py
|   |   `-- __init__.pyc
|   |-- models.py
|   |-- models.pyc
|   |-- tests.py
|   `-- views.py
|-- manage.py
|-- run.py
|-- shuili
|   |-- __init__.py
|   |-- __init__.pyc
|   |-- settings.py
|   |-- settings.pyc
|   |-- urls.py
|   |-- urls.pyc
|   |-- wsgi.py
|   `-- wsgi.pyc
`-- templates
    |-- admin
    |   |-- back
    |   |   `-- siteinfo
    |   |       `-- change_form.html
    |   `-- change_form.html
    `-- index.html

 

 

 

 

 

详细：

 

admin的禅宗 
作为它的核心，Django的admin设计用来为如下的一个单独的活动: 
受信任的用户编辑结构化的内容 
是的，很简单，但是这简单的一行隐藏着很多内容，Django的admin的整个哲学都基于此 
让我们深入了解这个句子的子内容: 
"受信任的用户" 
admin设计来被你(开发者)信任的人用，这不仅仅表示那些被授权的用户，它表示Django假设你的内容编辑者可以 
被信任来做正确的事情，这意味着编辑内容没有批准的过程，如果你信任你的用户，没有人需要对编辑的批准 
这也表明了权限系统不支持基于一个对象的限制访问 
如果你信任某人来编辑他自己的故事，你也将信任他不会在没有权限的情况下编辑别人的故事 
"编辑" 
Django的admin的首要目的是让人们编辑内容，这最初看起来很显而易见，但是也存在一些细小而强大的影响 
例如，尽管admin对重新视查数据很有用，但是它不是设计来干这个的，注意缺少"can view"权限(参考第12章) 
Django假设如果用户被允许在admin里查看内容，他们也被允许编辑它 
另外一个很值得注意的地方是admin缺少一些例如"工作流"的东西，如果一些任务需要几步来完成，admin不支持 
特别的顺序来做这件事情，admin关注于编辑，而不是围绕编辑的其它活动 
对于工作流的缺乏支持也起源于信任的原则，admin的哲学是，工作流属于个人问题，而不应该用代码实现 
最后，注意admin缺乏统计的支持，它不支持显示总数，平均数等等 
再一次说明，admin是用来编辑的，它期望你写自定义的视图来完成其它的任务 
"结构化的内容" 
因为Django其它部分的关系，admin希望你与结构化的数据工作，这样，admin仅仅支持编辑用Django模型存储的数据 
对于其它形式的数据，你则需要自定义视图 
总结 
现在应该很清楚了，Django的admin不是给任何用户来做任何事情的，而是牢牢的关注一点并且把这一点做的非常好 
当我们需要扩展Django的admin时，同一哲学的大部分内容存在与此(注意扩展性无处不在) 
因为自定义的Django视图可以做任何事情，而且它们可以可视化的集成到admin(参看下面内容)，内建的定制admin的 
机会在一定程序上被设计所限制 

定制admin模板 
我们下面将看到，你有几种工具来定制内建的admin模板，但是对于其它任务，例如需要自定义工作流或者细粒度权限 
你将需要阅读本章末尾讲到的定制admin视图 
现在我们来看看快速定制admin的外观和行为，第6章讲到了一些常见的任务，如更改logo样式和提供自定义admin表单 
就这点来说，我们通常需要更改一个特殊项的一些模板 
admin的每一个视图，如更改列表，编辑表单，删除确认页面，历史视图等都有一个分配的模板 
而这个模板可以通过几种方式来覆盖 
首先，你可以全局覆盖模板，admin视图使用标准模板载入机制来寻找模板，所以如果你在你的模板目录里创建模板 
Django将载入并使用这些模板而不是使用Django绑定的默认admin模板 
这些全局模板如下: 
视图 基本模板名 
更改列表 admin/change_list.html 
增加/编辑表单 admin/change_form.html 
删除确认 admin/delete_confirmation.html 
对象历史 admin/object_history.html 
尽管如此，大多数情况下你只想更改一个单独的对象或者app的模板而不是全局的模板 
这样的话，每个admin视图首先寻找模型和app专有的模板，这些视图按下面的顺序寻找模板: 
admin/<app_lable>/<object_name>/<template>.html 
admin/<app_lable>/<template>.html 
admin/<template>.html 
例如，在bookstore app的Book模型的增加/编辑表单的视图(第6章的例子)按下面的顺序寻找模板: 
admin/bookstore/book/change_form.html 
admin/bookstore/change_form.html 
admin/change_form.html 

定制模型模板 
大多数情况下，你想使用上面第一个模板来创建模型专有的模板 
通常情况下通过扩展基本模板并在其中的块定义中添加信息会将这个任务完成的最好 
例如我们想在book页面顶端添加一些帮助内容，可能像下面这样: 
[img][/img] 
这很容易做到，创建一个叫admin/bookstore/book/change_form.html的模板并且插入下面的代码: 

Java代码 icon_copy.gifuploading.4e448015.gif转存失败重新上传取消icon_copy.gifuploading.4e448015.gif转存失败重新上传取消icon_copy.gifuploading.4e448015.gif转存失败重新上传取消复制代码

  1. {% extends "admin/change_form.html" %}   
  2.   
  3. {% block form_top %}   
  4.   <p>Insert meaningful help message here..</p>   
  5. {% endblock %}  

[java] view plaincopy

  1. {% extends "admin/change_form.html" %}  
  2.   
  3. {% block form_top %}  
  4.   <p>Insert meaningful help message here..</p>  
  5. {% endblock %}  


所有的这些模板都定义了一些块来让你覆盖，对于大多数程序，代码就是最好的文档，所以我们鼓励你浏览admin模板 
(在django/contrib/admin/templates/里面)来得到最新的信息 

定制JavaScript 
使用这个自定义的模型模板最常见的用途就是添加自定义的JavaScript到admin页面，可能是实现一些特殊的小窗口部件 
或者是客户端行为 
幸运的是，这再简单不过了，每个admin模板定义了一个{% block extrahead %}，你可以把使用它来把其它的内容添加 
到head元素里去，例如你想在你的一个admin历史页面引入jQuery: 

 

Java代码 icon_copy.gifuploading.4e448015.gif转存失败重新上传取消icon_copy.gifuploading.4e448015.gif转存失败重新上传取消icon_copy.gifuploading.4e448015.gif转存失败重新上传取消复制代码

  1. {% extends "admin/object_history.html" %}   
  2.   
  3. {% block extrahead %}   
  4.     <script src="http://media.example.com/javascript/jquery.js" type="text/javascript"></script>   
  5.     <script type="text/javascript">   
  6.   
  7.         // code to actually use jQuery here...  
  8.   
  9.     </script>   
  10. {% endblock %}  

[java] view plaincopy

  1. {% extends "admin/object_history.html" %}  
  2.   
  3. {% block extrahead %}  
  4.     <script src="http://media.example.com/javascript/jquery.js" type="text/javascript"></script>  
  5.     <script type="text/javascript">  
  6.   
  7.         // code to actually use jQuery here...  
  8.   
  9.     </script>  
  10. {% endblock %}  


我不知道为什么你在对象历史页面需要jQuery，但是这个例子适用于admin的任何模板 
你可以使用这个技术来引入任何其它你可能需要的JavaScript小窗口部件 

定制admin视图 
到目前为止那些想添加自定义行为到Django的admin中的人们可能开始困惑了，他们会喊，"你所讲述的都是关于怎样改变 
admin的外观，但是我怎样改变admin的工作方式呢?" 
好了，别喊了，这里就是答案 
需要理解的第一件事就是它一点也不神奇，admin做的任何事都不特殊，它只是一些像其它视图一样处理数据的视图罢了 
这些视图在django.contrib.admin.views，当然这里有很多代码，它必须处理所有的选项，域类型和影响模型行为的设置 
同样的，当你意识到admin只是一些视图时，添加自定义的admin视图就变得更容易理解 
让我们添加一个"publisher report"视图到我们第6章的book app中，我们将构建一个admin视图来显示通过publisher 
分组的books列表，这是一个非常典型你可能想构建的自定义admin"report"的例子 
首先我们在URLconf里面包装一个视图，我们需要把这行代码插入到admin视图的引入行之前 

 

Java代码 icon_copy.gifuploading.4e448015.gif转存失败重新上传取消icon_copy.gifuploading.4e448015.gif转存失败重新上传取消icon_copy.gifuploading.4e448015.gif转存失败重新上传取消复制代码

  1. (r'^admin/bookstore/report/$', 'bookstore.admin_views.report'),  

[java] view plaincopy

  1. (r'^admin/bookstore/report/$', 'bookstore.admin_views.report'),  


完整的URL配置可能像下面这样: 

 

Java代码 icon_copy.gifuploading.4e448015.gif转存失败重新上传取消icon_copy.gifuploading.4e448015.gif转存失败重新上传取消icon_copy.gifuploading.4e448015.gif转存失败重新上传取消复制代码

  1. from django.conf.urls.defaults import *   
  2.   
  3. urlpatterns = patterns('',   
  4.     (r'^admin/bookstore/report/$', 'bookstore.admin_views.report'),   
  5.     (r'^admin/', include('django.contrib.admin.urls')),   
  6. )  

[java] view plaincopy

  1. from django.conf.urls.defaults import *  
  2.   
  3. urlpatterns = patterns('',  
  4.     (r'^admin/bookstore/report/$', 'bookstore.admin_views.report'),  
  5.     (r'^admin/', include('django.contrib.admin.urls')),  
  6. )  


为什么把自定义视图放在admin引入之前?回想一下Django处理URL模式的顺序，因为admin的引入URL匹配几乎所有的东西 
如果我们把上面的两行URL配置代码调换顺序，Django将会查找一个内建的视图来匹配这个URL，这将不能工作 
在这种特殊情况下，Django将试图载入bookstore app的Report模型的更改列表，这是不存在的 
现在让我们来写我们的视图，为了简单起见，我们只是载入所有的books在context里并让模板使用{% regroup %}标签处理 
分组，用下面的代码创建一个bookstore/admin_views.py文件: 

 

Java代码 icon_copy.gifuploading.4e448015.gif转存失败重新上传取消icon_copy.gifuploading.4e448015.gif转存失败重新上传取消icon_copy.gifuploading.4e448015.gif转存失败重新上传取消复制代码

  1. from bookstore.models import Book   
  2. from django.template import RequestContext   
  3. from django.shortcuts import render_to_response   
  4. from django.contrib.admin.views.decorators import staff_member_required   
  5.   
  6. @staff_member_required  
  7. def report(request):   
  8.     return render_to_response(   
  9.         "admin/bookstore/report.html",   
  10.         {'book_list' : Book.objects.all()},   
  11.         RequestContext(request, {}),   
  12.     )  

[java] view plaincopy

  1. from bookstore.models import Book  
  2. from django.template import RequestContext  
  3. from django.shortcuts import render_to_response  
  4. from django.contrib.admin.views.decorators import staff_member_required  
  5.   
  6. @staff_member_required  
  7. def report(request):  
  8.     return render_to_response(  
  9.         "admin/bookstore/report.html",  
  10.         {'book_list' : Book.objects.all()},  
  11.         RequestContext(request, {}),  
  12.     )  


因为我们把分组留给模板来做，这个视图非常简单，尽管如此，这里有一些细小的东西值得解释: 
1，我们使用django.contrib.admin.views.decorators的staff_member_required装饰器，它类似于第12章讨论的 
login_required装饰器，但是这个还检查给定的用户是否标记为"staff"成员来决定是否允许访问admin 
这个装饰器保护所有内建的admin视图，让你的视图的认证逻辑和admin的其它部分匹配 
2，我们渲染在admin/下面的模板，虽然这没有严格的要求，但是保持你所有的admin模板分组在一个admin目录下 
被认为是最佳实践，我们把模板放在我们的app后面叫bookstore的目录下也是最佳实践 
3，我们使用RequestContext作为第3个参数(context_instance)传递给render_to_response 
这保证了关于当前用户的信息可以在模板里得到，参看第10章得到更多关于RequestContext的信息 
最后我们将为这个视图创建一个模板，我们继承内建的admin模板来使这个视图视觉上看起来是admin的一部分: 

 

Java代码 icon_copy.gifuploading.4e448015.gif转存失败重新上传取消icon_copy.gifuploading.4e448015.gif转存失败重新上传取消icon_copy.gifuploading.4e448015.gif转存失败重新上传取消复制代码

  1. {% extends "admin/base_site.html" %}   
  2.   
  3. {% block title %}List of books by publisher{% endblock %}   
  4.   
  5. {% block content %}   
  6. <div id="content-main">   
  7.   <h1>List of books by publisher:</h1>   
  8.   {% regroup book_list|dictsort:"publisher.name" by publisher as books_by_publisher %}   
  9.   {% for publisher in books_by_publisher %}   
  10.     <h3>{{ publisher.grouper }}</h3>   
  11.     <ul>   
  12.       {% for book in publisher.list|dictsort:"title" %}   
  13.             <li>{{ book }}</li>   
  14.       {% endfor %}   
  15.     </ul>   
  16.   {% endfor %}   
  17. </div>   
  18. {% endblock %}  

[java] view plaincopy

  1. {% extends "admin/base_site.html" %}  
  2.   
  3. {% block title %}List of books by publisher{% endblock %}  
  4.   
  5. {% block content %}  
  6. <div id="content-main">  
  7.   <h1>List of books by publisher:</h1>  
  8.   {% regroup book_list|dictsort:"publisher.name" by publisher as books_by_publisher %}  
  9.   {% for publisher in books_by_publisher %}  
  10.     <h3>{{ publisher.grouper }}</h3>  
  11.     <ul>  
  12.       {% for book in publisher.list|dictsort:"title" %}  
  13.             <li>{{ book }}</li>  
  14.       {% endfor %}  
  15.     </ul>  
  16.   {% endfor %}  
  17. </div>  
  18. {% endblock %}  


通过继承admin/base_site.html我们"免费"得到Django的admin的外观，它看起来像这样: 
[img][/img] 

今天你需要在哪里使用admin? 
你可以使用这个技术来向admin添加任何你想到的东西，记住所谓的"定制admin视图"事实上只是普通的Django视图 
你可以使用你在本书其它部分所学的所有技术来构建任意复杂的admin视图 
我们将以一些自定义admin视图的一些好注意结束本章内容 

覆盖内建的视图 
默认的admin视图不包含这些，你可以很轻松的在admin的任何地方跳转到你的自定义视图，只需让你的URL覆盖掉内建的那些 
例如，我们可以用一个简单的让用户输入ISBN的表单替代内建的book创建视图，然后我们就可以从http://isbn.nu/来查询 
book信息和自动创建对象 
这个视图的代码留给读者做练习，最重要的部分是下面的URL配置: 

 

Java代码 icon_copy.gifuploading.4e448015.gif转存失败重新上传取消icon_copy.gifuploading.4e448015.gif转存失败重新上传取消icon_copy.gifuploading.4e448015.gif转存失败重新上传取消复制代码

  1. (r'^admin/bookstore/book/add/$', 'bookstore.admin_views.add_by_isbn'),  

[java] view plaincopy

  1. (r'^admin/bookstore/book/add/$', 'bookstore.admin_views.add_by_isbn'),  


如果这段代码在你的URL配置中放在admin的URL前面的话，add_by_isbn视图将完全替代标准的admin视图 
我们可以遵循类似的动作来替代删除确认页面，编辑页面或者admin的任何其它部分 

life1024
关注
  • 3
    点赞
  • 踩
  • 21
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 2
    评论
专栏目录
Python Django自带Admin模块的自定义
JarryLms的博客
09-01 452
Python Django自带Admin模块的自定义
django修改HTML元素
weixin_59246157的博客
03-24 400
需要注意的是，如果要更改HTML标签的属性而不是内容，可以在模板中使用标记的属性值，或者在视图函数中更改上下文变量的属性值。在Django中，HTML标签的内容通常是由视图函数传递给模板并呈现的。因此，如果要更改HTML标签的内容，可以通过更改视图函数的上下文变量的值来实现。这将更改``标记的`src`属性为"/static/images/new_image.jpg"。当呈现模板时，标记`{{ name }}`的内容将更改为"Jane Doe"。# 更改上下文变量的属性值。
在 Django 的 admin change_form 中创建自定义按钮
最新发布
wangbadan121的专栏
05-30 399
这样，在Django的admin change_form中就会出现一个“保存并继续编辑”的按钮。admin.site.register(YourModel, CustomModelAdmin) # 替换为你想要注册的模型和自定义Admin类。admin.site.register(YourModel, CustomModelAdmin) # 注册你的模型和自定义Admin类。save_and_continue.short_description = "保存并继续编辑" # 给按钮添加描述。
Python Django脚手架fu-admin教程：快速开发（前后端模板代码）
学亮编程手记
10-04 1123
【代码】Python Django脚手架fu-admin教程：快速开发（前后端模板代码）
Django Admin 管理后台添加自定义信息及定制化页面
ZeroChia的博客
06-07 5869
Django自带的Admin管理后台主要提供了对数据库表增删改查的功能，能符合一般情况下的使用场景，不过既然作为管理后台，管理员总有一些统计的工作，希望能便于直观看到总览或者资源统计列表等信息，此时就需要在页面中添加一些自定义信息，甚至于利用重写模板，新增定制页面。...
在django admin详情表单显示中添加自定义控件的实现
09-17
在Django Admin中，添加自定义控件到详情表单显示是一个常见的需求，尤其是在需要对数据进行更复杂的操作或提供额外交互功能时。本篇主要介绍如何在Django Admin的ModelAdmin详情视图中实现这一功能。 首先，理解...
django-admin-bootstrap-master.zip
02-23
6. **安装与配置**：项目可能提供详细的文档，说明如何将这个主题集成到现有的Django项目中，包括安装依赖、配置settings以及注册admin应用。 通过使用这个项目，开发者不仅可以提升Django admin的视觉吸引力，还能...
YT-Django-Admin-系列-Admin-模板
02-18
3. **模板定制**：理解Django的模板系统，学习如何修改或创建新的admin模板，以改变布局和样式。 4. **静态文件和CSS**：了解如何组织和引用静态文件（如CSS），以改变Admin的外观，实现个性化设计。 5. **...
Python-djangoadmin美化采用layui作为基本框架改写大部分页面
08-12
"Python-djangoadmin美化采用layui作为基本框架改写大部分页面"这个项目旨在提升Django内置的admin界面的用户体验，通过引入layui这一现代前端框架，对默认的admin模板进行了全面的改造。 layui是一款优秀的前端UI...
django-admin-env-notice：视觉上区分Django Admin中的环境
02-04
django-admin-env-notice的实现原理通常是通过修改Django admin模板，添加自定义CSS类或者JavaScript代码，根据环境变量来改变页面的视觉效果。例如，开发环境可能显示为红色背景，测试环境可能是黄色，而生产环境则...
django的templates、models、views、admin
qq_36750158的博客
04-09 770
Templates介绍HTML文件，使用了Django模板语言。 开发Template步骤：1.在APP的根目录下创建名叫做Templates的目录，在该目录下创建HTML文件，在views.py中返回render()render()函数中支持一个叫dict类型参数，该字典是后台传递到模板的参数，键为参数。在模板中使用{{参数名}}来直接使用。比如：return render(request,'i...
django admin 配置
weixin_34014555的博客
09-08 392
2019独角兽企业重金招聘Python工程师标准>>> ...
Django后台修改 admin.py
技术驱动数字营销
04-07 1487
进入 blog 文件夹，修改 admin.py 文件（如果没有新建一个），内容如下 from django.contrib import admin from .models import Article admin.site.register(Article) 只需要这三行代码，我们就可以拥有一个强大的后台！
【Django学习笔记 - 15】：admin站点编辑（关联对象在列表页中添加，编辑页调整、图片设置）
Oh_Python的博客
07-01 619
2. 添加一个在admin中显示照片的方法 3. 取消图片的转义 - 重新上传文件后，即可看见图片，此时图片过大，我们需要进行图片尺寸的设置
Django Template 9.修改admin后台布局
happycop的博客
04-10 344
原始admin布局 建一个blog文章的model，迁移到数据库里 注意引入系统的admin表 class BlogArticles(models.Model): title = models.CharField(max_length=300) author = models.ForeignKey(User, related_name='blog_posts', on_delete...
django-admin 修改admin自带模版
weixin_34253126的博客
05-04 468
还不知道怎么指定修改每个页面，我就把把所有修改写在一个页面，通过url进行判断是否是是否显示修改内容，修改的是change_form.html ,在admin里面可以找到 {% block object-tools %} {% if change %}{% if not is_popup %} <ul class="object-tools"> {% block ob...
重写django xadmin后台的新增数据模板
Panda_813的博客
08-15 1692
在xadmin后台不使用ManyToManyField的情况下实现多对多操作，目的效果如下： 目的是将左边的公司列表可以多个或者全选加到右边，但是如果不使用ManyToManyField是不能出现上面的效果，只能这样，手动输入公司 在网上找了好久之后，发现无法实现这种控件操作，但是又想使用xadmin的数据保存、页面显示跳转等功能，只能重新写这个页面了，不过重写并不复杂，主要就是ctrl+c/...
django admin 登录
01-27
Django Admin 是 Django 框架中的一个强大的管理界面，可以用于管理网站的后台数据。使用 Django Admin 登录，需要按照以下步骤进行操作： 1. 启动 Django 项目，确保你已经创建了项目，并且在项目的 settings.py 文件中配置了数据库连接信息。 2. 在项目的 urls.py 文件中，引入 Django Admin 的路由配置。通常情况下，Django Admin 的路由配置已经在默认的 urls.py 文件中设置好，你只需要将这些配置引入即可。 ```python from django.contrib import admin from django.urls import path urlpatterns = [ path('admin/', admin.site.urls), # 其他路由配置 ] ``` 3. 在项目的终端中运行 `python manage.py runserver` 命令，启动开发服务器。 4. 在浏览器中访问 `http://localhost:8000/admin/`，会进入 Django Admin 的登录页面。 5. 在登录页面中，输入你在 Django 项目中创建的超级用户的用户名和密码，点击登录按钮。 6. 如果用户名和密码正确，会跳转到 Django Admin 的管理界面，你可以在这里管理和操作你的后台数据。 请注意，登录 Django Admin 需要一个超级用户账号，这个账号可以在项目启动后通过命令 `python manage.py createsuperuser` 来创建。创建超级用户时，需要输入用户名、电子邮件和密码等信息。 总结起来，要登录 Django Admin，你需要创建一个超级用户，并在登录页面中输入正确的用户名和密码，然后你就可以通过 Django Admin 来管理和操作你的后台数据了。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

life1024

你的鼓励将是我创作的最大动力。

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值