django admin -如何在文件末尾添加javascript_在脚本块的末尾添加javascript文件_如何在Django Admin中上传多个文件？ - 腾讯云开发者社区

在 Django 中使用 Django Admin 后台管理系统，可以通过定制化来为 Admin 界面添加自定义的 JavaScript 功能。下面是如何在 Django Admin 的文件末尾添加 JavaScript 的步骤：

首先，在 Django 项目的某个应用中创建一个名为 static 的文件夹（如果没有的话）。
在 static 文件夹中创建一个新的文件夹，命名为 admin。
在 admin 文件夹中创建一个名为 js 的文件夹。
在 js 文件夹中创建一个 JavaScript 文件，例如 custom_admin.js。
编辑 custom_admin.js 文件，添加你需要的 JavaScript 代码。例如，你可以使用 jQuery 来选择页面元素并添加交互效果。以下是一个简单的示例：

$(document).ready(function() {
    // 在这里编写你的 JavaScript 代码
    // 例如，选择一个元素并添加点击事件
    $('#id_some_element').click(function() {
        // 执行某些操作
    });
});

在 Django 项目的某个应用的 admin.py 文件中，导入 Media 类和 StaticFilesMixin 类：

from django.contrib import admin
from django.forms import Media
from django.contrib.admin.views.main import ChangeList
from django.contrib.admin.widgets import RelatedFieldWidgetWrapper
from django.conf.urls import url
from django.views.decorators.csrf import csrf_exempt
from django.shortcuts import render, redirect, HttpResponse
from django.contrib import messages
from django.http import Http404, HttpResponseForbidden, HttpResponseRedirect, HttpResponsePermanentRedirect

from django.http import HttpResponse, JsonResponse
from django.views.decorators.csrf import csrf_exempt
from django.contrib.auth.decorators import login_required
from django.urls import reverse
from django.shortcuts import render

class MyAdminSite(admin.AdminSite):
    # 这里是自定义的 Admin 网站配置，用于加载自定义的 JS 和 CSS
    def get_media(self):
        # 将自定义的 JavaScript 文件添加到 Admin 网站
        js = [
            'admin/js/custom_admin.js',  # 此处根据你的文件路径进行修改
        ]
        return Media(js=js)

admin_site = MyAdminSite()

在 admin.py 文件中，使用你自定义的 admin_site 替代默认的 admin.site：

admin.site = admin_site

运行你的 Django 项目，进入 Admin 后台管理界面，你将看到你自定义的 JavaScript 代码已经生效。

请注意，以上示例仅为了演示目的，你可以根据自己的需求和业务逻辑进行更复杂的 JavaScript 定制。此外，为了使 JavaScript 生效，确保在 admin.py 文件中正确导入和使用了你自定义的 admin_site 对象。

关于 Django Admin 的更多信息，可以参考以下腾讯云相关产品和文档链接：

腾讯云 Serverless 云函数：https://cloud.tencent.com/product/scf
腾讯云云原生应用引擎 TKE：https://cloud.tencent.com/product/tke
Django 官方文档：https://docs.djangoproject.com/
Django Admin 自定义：https://docs.djangoproject.com/en/3.2/ref/contrib/admin/#adminsite-objects