在 Django 中使用 Django Admin 后台管理系统,可以通过定制化来为 Admin 界面添加自定义的 JavaScript 功能。下面是如何在 Django Admin 的文件末尾添加 JavaScript 的步骤:
static
的文件夹(如果没有的话)。static
文件夹中创建一个新的文件夹,命名为 admin
。admin
文件夹中创建一个名为 js
的文件夹。js
文件夹中创建一个 JavaScript 文件,例如 custom_admin.js
。custom_admin.js
文件,添加你需要的 JavaScript 代码。例如,你可以使用 jQuery 来选择页面元素并添加交互效果。以下是一个简单的示例:$(document).ready(function() {
// 在这里编写你的 JavaScript 代码
// 例如,选择一个元素并添加点击事件
$('#id_some_element').click(function() {
// 执行某些操作
});
});
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
请注意,以上示例仅为了演示目的,你可以根据自己的需求和业务逻辑进行更复杂的 JavaScript 定制。此外,为了使 JavaScript 生效,确保在 admin.py
文件中正确导入和使用了你自定义的 admin_site
对象。
关于 Django Admin 的更多信息,可以参考以下腾讯云相关产品和文档链接:
领取专属 10元无门槛券
手把手带您无忧上云