Django 中自定义 Admin 样式与功能的实现方法

Django自带的Admin界面提供了非常方便的后台管理功能,然而,为了更好地满足业务需求,我们往往需要对Admin界面进行一些自定义的修改,例如修改表单样式、增加自定义页面等。本文将介绍Django中自定义Admin样式与功能的实现方法,包括两个实例,分别是修改Admin界面的样式、增加自定义页面。

修改Admin界面的样式

方案

Django中自定义Admin界面的样式主要通过重写Admin的template来实现。在Django的template文件中,Admin的template一般都会使用一种名为“blocks”的结构,其中定义了一系列的块,分别对应不同的页面元素。例如,对于表单页面来说,通常会包含三个块:header、content和sidebar。

重写Admin的template的具体步骤如下:

  1. 在自己的应用中,创建名为“admin”的文件夹,然后在该文件夹中创建一个名为“base_site.html”的文件。注: 执行命令,即可将默认的Django Admin的模板复制到自己的项目中:

python
python manage.py createadminsitexml

  1. 在“base_site.html”中,可以看到诸如“{% block header %}”之类的代码。这就是“blocks”的结构。通过重写这些块,就可以实现对Admin界面样式的自定义了。

  2. 例如,如果我们想要修改表单页面的颜色,可以在“admin/base_site.html”中重写content块的样式。具体的代码如下:

```html
{% block content %}

{{ block.super }}
{% endblock %}
```

在上面的代码中,我们定义了当页面类型为“content”时应该如何展示样式。

示例

以修改Admin页面的主题颜色为示例。在Django 3.2及以上版本中,可以使用“createadminsitexml”命令,将默认的Django Admin模板复制到自己的项目中:

python manage.py createadminsitexml

执行完上面的命令后,可以在我的应用程序的根目录中找到“admin”文件夹。这个文件夹中包含了所有的Admin模板,我们可以进行自定义。

为了修改主题颜色,我们需要修改“admin/base_site.html”文件。在该文件中,找到类似于“{% block extrahead %}”的代码段,并在其中加入以下代码:

<style>
body, .group .tabular.inline-related {
    background-color: #dcdcdc;
}
h1, h2, h3, h4, h5, h6 {
    color: #fff;
}
</style>

在上面的代码中,我们定义了当页面格式为“extrahead”时应如何展示样式。

增加自定义页面

方案

Django中增加自定义页面的实现方式有很多,但最简单的方式是通过自定义Admin界面的url来实现。下面是具体的步骤:

  1. 在自己的应用中,创建一个名为“views.py”的文件,并定义一个视图函数。这个视图函数可以用来输出我们自己的HTML代码,也可以用来处理前端用户的请求。

  2. 修改应用的urls.py文件,在urlpatterns的列表中增加一条URLpattern,对应自己的视图函数。例如:

python
urlpatterns = [
path('', admin.site.urls),
path('my_view/', views.my_view),
]

这样,当用户访问“/my_view/”时,就会调用到我们定义的“my_view”视图函数。

  1. 在Admin界面中增加一个链接,使得用户可以通过单击这个链接访问我们自己的页面。为了增加这个链接,我们需要修改“admin/base_site.html”文件。具体的代码如下:

```html
{% block extrahead %}
{{ block.super }}

{% endblock %}

{% block nav-global %}
{{ block.super }}
{% url 'my_view' as my_view_url %}
My Custom Page
{% endblock %}
```

在上面的代码中,“{% url 'my_view' as my_view_url %}”这行代码会根据我们在urls.py文件中定义的URLpattern生成url。在代码“My Custom Page”中,我们定义了链接的文字(My Custom Page)以及链接的id(custom_link)。通过CSS样式来对链接进行修饰。

示例

以增加一个名为“my_view”的自定义页面为例。在我的应用程序中,创建一个名为“views.py”的文件。该文件中包含以下代码:

from django.shortcuts import render

def my_view(request):
    return render(request, 'my_template.html')

在上面的代码中,我们定义了名为“my_view”的视图函数。该函数会返回一个网页。为了生成网页,我们需要在/templates文件夹下创建一个名为“my_template.html”的文件。该文件中包含以下代码:

<h1>My Custom Page</h1>
<p>Welcome to my custom page!</p>

这个HTML文件中定义了一个标题和一段段落。接下来,我们需要在“urls.py”文件中定义一个URLpattern,使得用户可以访问名为“my_view”的自定义页面。在该文件中加入以下代码:

from . import views

urlpatterns = [
    path('', admin.site.urls),
    path('my_view/', views.my_view),
]

最后,我们需要在“admin/base_site.html”文件中增加一个链接,使得用户可以通过单击这个链接访问我们自己的页面。具体的代码如下:

{% block extrahead %}
{{ block.super }}
<style type="text/css">
#custom_link {
    background-color: #008800;
    color: #ffffff;
    display: block;
    padding: 5px;
    margin-top: 20px;
    margin-bottom: 20px;
}
</style>
{% endblock %}

{% block nav-global %}
{{ block.super }}
{% url 'my_view' as my_view_url %}
<a href="{{ my_view_url }}" id="custom_link">My Custom Page</a>
{% endblock %}

在上面的代码中,“{% url 'my_view' as my_view_url %}”这行代码会根据我们在urls.py文件中定义的URLpattern生成url。在代码“My Custom Page”中,我们定义了链接的文字(My Custom Page)以及链接的id(custom_link)。通过CSS样式来对链接进行修饰。

本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:Django 中自定义 Admin 样式与功能的实现方法 - Python技术站

(0)
上一篇 2023年5月16日
下一篇 2023年5月17日

相关文章

  • Django中Middleware中间件

    Django中Middleware中间件 1 Middleware中间件概述 django中间middleware实质就是一个类,django会根据自己的规则在合适的时机执行中间件相应的方法。实际上当我们想在发起请求到服务器views处理函数,我们想对请求做一些提前处理,此时中间件就上场了。 django在settings模块中,有一个MIDDLEWARE_…

    Django 2023年4月10日
    00
  • nginx+uwsgi+django部署流程

      当我们在用django开发的web项目时,开发测试过程中用到的是django自带的测试服务器,由于其安全及稳定等性能方面的局限性,django官方并不建议将测试服务器用在实际生产。   nginx+uwsgi+django是我们常用的django部署方式。nginx作为最前端的服务器,他负责接收所有的客户端请求,对于请求的静态文件,由nginx服务器自己…

    Django 2023年4月12日
    00
  • 使用Djongo模块在Django中使用MongoDB数据库

    使用Djongo模块在Django中使用MongoDB数据库,需要遵循以下步骤: 步骤一:安装Djongo模块 Djongo是Python的模块,是Django-MongoDB数据库连接器。我们可以使用Python的包管理器pip来安装Djongo。 在终端或命令行中运行如下命令: pip install djongo 步骤二:创建Django项目 使用Dj…

    Django 2023年5月16日
    00
  • Django logging日志模块实例详解(日志记录模板配置)

    让我来给您讲解一下“Django logging日志模块实例详解(日志记录模板配置)”的攻略,涉及到日志记录模板配置的两个示例。 简介 在Django应用程序中使用logging模块记录日志非常重要。因为日志可以帮助我们找到错误并快速解决问题。Django中的logging模块遵循Python的标准库logging模块。logging模块可以让我们记录不同类…

    Django 2023年5月16日
    00
  • Django模板变量使用方式详解

    Django是一款功能强大的Python Web框架,它的模板变量是模板中最为重要和灵活的元素之一。 模板变量是一些用于在模板中呈现动态数据的Python表达式。在Django模板中,模板变量可以代表任何数据类型,例如数字、字符串、变量、对象、列表、元组和字典等。 Django模板变量的语法很简单,使用双花括号{{}}将变量包裹。当模板引擎运行时,它会将双花…

    Django 2023年3月12日
    00
  • Django学习——全局templates引用的问题

    一、问题在构建网站的时候我们会用到全局的templates处理错误的网页,此时我们需要对urls进行一个映射,使得在使用的时候避免重复调用。在使用的时候还会产生错误代码:第一个是404界面的,第二个是500界面的(Django:2.2.2) ?: (urls.E007) The custom handler404 view ‘index.views.page…

    Django 2023年4月12日
    00
  • Django-F和Q函数作用与使用

    F函数 能够解析对现有查询对象的引用的对象。 obj = Score.objects.get(stuid=’12’) obj.score += 1 obj.order.save() 执行出的SQL语句 update score set score = 60 where stuid = ’12’ 而我们想生成的SQL语句为 update score set s…

    Django 2023年4月10日
    00
  • Django框架详解之views

    一个简单的视图   一个视图函数,是一个简单的python函数,它接受web请求并且返回web响应。无论视图本身包含什么逻辑,都要返回响应。为了将代码放在某处,约定是将视图放置在项目或应用程序目录中的名为views的文件中 from django.shortcuts import HttpResponse def my_hello(request): ret…

    Django 2023年4月12日
    00
合作推广
合作推广
分享本页
返回顶部