django-admin-interface

django-admin-interface

Django管理界面定制工具,支持响应式设计和主题自定义

django-admin-interface为Django管理后台提供现代化响应式界面。该工具支持主题、logo和颜色自定义,集成模态框、环境标记和语言选择等功能。它优化了字段集和内联编辑展示,增强了列表过滤器,并兼容多个第三方库。项目支持多语言本地化,采用缓存机制提升性能,为开发者提供灵活且易用的Django管理界面定制方案。

Django管理界面主题定制响应式设计多语言支持Github开源项目

django-admin-interface

django-admin-interface 是一个现代的响应式扁平化管理界面,可由管理员自定义

django-admin-interface-preview

特性

  • 漂亮的默认 django 主题
  • 主题管理和自定义 (你可以自定义管理标题、logo 和颜色)
  • 响应式设计
  • 相关模态框 (替代旧的弹出窗口)
  • 环境名称/标记
  • 语言选择器
  • 可折叠应用 (导航栏中的手风琴)
  • 可折叠字段集 的初始状态可以是展开而不是折叠
  • 新功能 可折叠的内联
  • 新功能 标签式字段集和内联
  • 新功能 列表过滤器移除链接
  • 新功能 列表过滤器高亮选中选项
  • 列表过滤器下拉菜单
  • 列表过滤器固定
  • 表单控件固定 (分页和保存/删除按钮)
  • 兼容性 / 样式优化:
    • django-ckeditor
    • django-dynamic-raw-id
    • django-json-widget
    • django-modeltranslation
    • django-rangefilter
    • django-streamfield
    • django-tabbed-admin
    • sorl-thumbnail
  • 已翻译成多种语言:deesfafritplpt_BRrutr

安装

  • 运行 pip install django-admin-interface
  • settings.INSTALLED_APPS 中添加 admin_interfacecolorfield放在 django.contrib.admin 之前
INSTALLED_APPS = ( #... "admin_interface", "colorfield", #... "django.contrib.admin", #... ) X_FRAME_OPTIONS = "SAMEORIGIN" SILENCED_SYSTEM_CHECKS = ["security.W019"]
  • 运行 python manage.py migrate
  • 运行 python manage.py collectstatic --clear
  • 重启你的应用服务器

[!警告] 如果你想使用模态框而不是弹出窗口,请确保添加 X_FRAME_OPTIONS = "SAMEORIGIN" 设置。

可选功能

要让字段集以展开状态开始,并有一个 隐藏 按钮来折叠,请在其类中添加 "expanded" 类:

class MyModelAdmin(admin.ModelAdmin): # ... fieldsets = [ ("章节标题", { "classes": ("collapse", "expanded"), "fields": (...), }), ] # ...

可选主题

本包附带了一些可选主题作为 fixtures,可以使用 loaddata 管理命令 安装。可选主题在安装时会被激活。

Django 主题(默认):

运行 python manage.py loaddata admin_interface_theme_django.json

Bootstrap 主题:

运行 python manage.py loaddata admin_interface_theme_bootstrap.json

Foundation 主题:

运行 python manage.py loaddata admin_interface_theme_foundation.json

U.S. Web Design Standards 主题:

运行 python manage.py loaddata admin_interface_theme_uswds.json

添加更多主题

您可以通过管理界面创建主题,并通过发送PR将其添加到此存储库。以下是添加主题的步骤:

  1. 使用dumpdata管理命令将您的主题导出为固定格式: python manage.py dumpdata admin_interface.Theme --indent 4 -o admin_interface_theme_{{name}}.json --pks=N

  2. 将生成的json文件复制到fixtures文件夹中(确保文件名以admin_interface_theme_开头,以避免与其他第三方应用程序可能提供的fixtures冲突)。

  3. 从fixture中删除pk,并确保active字段设置为true(这样安装时主题会自动激活)。

  4. 编辑上面的部分以记录您的主题。

为第三方库添加主题支持

您可以使用以下CSS变量为现有的第三方库添加主题支持:

页眉

  • --admin-interface-header-background-color
  • --admin-interface-header-text-color
  • --admin-interface-header-link-color
  • --admin-interface-header-link_hover-color
  • --admin-interface-title-color
  • --admin-interface-env-color

徽标

  • --admin-interface-logo-color
  • --admin-interface-logo-default-background-image
  • --admin-interface-logo-max-width
  • --admin-interface-logo-max-height

模块/链接

  • --admin-interface-module-background-color
  • --admin-interface-module-background-selected-color
  • --admin-interface-module-border-radius
  • --admin-interface-module-text-color
  • --admin-interface-module-link-color
  • --admin-interface-module-link-selected-color
  • --admin-interface-module-link-hover-color
  • --admin-interface-generic-link-color
  • --admin-interface-generic-link-hover-color
  • --admin-interface-generic-link-active-color

按钮

  • --admin-interface-save-button-background-color
  • --admin-interface-save-button-background-hover-color
  • --admin-interface-save-button-text-color
  • --admin-interface-delete-button-background-color
  • --admin-interface-delete-button-background-hover-color
  • --admin-interface-delete-button-text-color

相关模态框

  • --admin-interface-related-modal-background-color
  • --admin-interface-related-modal-background-opacity
  • --admin-interface-related-modal-border-radius
  • --admin-interface-related-modal-close-button-display

截图

管理员登录

django-admin-interface_login

管理员仪表板

django-admin-interface_dashboard

管理员主题管理

django-admin-interface_themes_management

管理员主题自定义

django-admin-interface_theme_customization

本地化

目前,该软件包已被翻译成以下语言:de, es, fa, fr, it, pl, pt_BR, tr

翻译成其他语言

  • 运行python -m django makemessages --ignore ".tox" --ignore "venv" --add-location "file" --extension "html,py" --locale "it"(以意大利语本地化为例)

  • 更新admin_interface/locale/it/LC_MESSAGES/django.po中的翻译

  • 运行python -m django compilemessages --ignore ".tox" --ignore "venv"

更新翻译

如果您对项目进行了一些更改,请记住更新翻译,因为如果翻译文件不是最新的,CI中的lint步骤将失败:

  • 运行tox -e translations

缓存

该软件包使用缓存来改善主题加载时间和整体性能。 您可以使用settings.CACHES["admin_interface"]设置自定义应用程序缓存选项,否则将使用"default"缓存:

CACHES = { # ... "admin_interface": { "BACKEND": "django.core.cache.backends.locmem.LocMemCache", "TIMEOUT": 60 * 5, }, # ... }

[!警告] 当使用django-redis时,存在一个已知的兼容性问题,更具体地说,使用JSONSerializer会引发以下错误:TypeError: Object of type Theme is not JSON serializable,要缓解这个问题,只需为该应用程序使用一个不使用任何json序列化器的特定缓存。

常见问题

自定义base-site.html

我已经有一个自定义的base_site.html,如何使其工作?

您可以使用django-apptemplates,然后在您的base_site.html中添加{% extends "admin_interface:admin/base_site.html" %}

自定义LocaleMiddleware警告

我正在使用django.middleware.locale.LocaleMiddleware的子类,但我看到一个不必要的警告,提示缺少django.middleware.locale.LocaleMiddleware,我该怎么办?

您可以简单地忽略警告(这在这里已经讨论过)

import warnings warnings.filterwarnings("ignore", module="admin_interface.templatetags.admin_interface_tags")

语言选择器不显示

我已启用了语言选择器,但它在管理界面中不可见,我该怎么办?

您必须正确配置多语言settingsurls:

LANGUAGES = ( ("en", _("English")), ("it", _("Italiano")), ("fr", _("Français")), # 这里需要多于一种语言 ) LANGUAGE_CODE = "en" USE_I18N = True MIDDLEWARE = [ # ... "django.middleware.locale.LocaleMiddleware", # ... ]
from django.conf.urls.i18n import i18n_patterns from django.contrib import admin from django.urls import include, path # ... urlpatterns = [ path("i18n/", include("django.conf.urls.i18n")), ] urlpatterns += i18n_patterns(path("admin/", admin.site.urls))

在模态窗口中打开任何 URL

我的应用程序在管理界面中有一些交叉链接,我想在模态窗口而不是同一个/新窗口中打开它们,该怎么做?

你只需要在 URL 中添加 _popup=1 查询字符串参数:

url = reverse(f"admin:myapp_mymodel_change", args=[mymodel_instance.pk]) url = f"{url}?_popup=1"

测试

# 克隆仓库 git clone https://github.com/fabiocaccamo/django-admin-interface.git && cd django-admin-interface # 创建虚拟环境并激活 python -m venv venv && . venv/bin/activate # 升级 pip python -m pip install --upgrade pip # 安装依赖 pip install -r requirements.txt -r requirements-test.txt # 安装 pre-commit 以运行格式化工具和 linter pre-commit install --install-hooks # 运行测试 tox # 或 python runtests.py # 或 python -m django test --settings "tests.settings"

贡献

我们始终欢迎贡献,请按照以下步骤提交高质量的 PR:

  • :exclamation: 创建一个 issue,请不要提交任何未关联现有 issue 的 PR。
  • :computer: 进行修改,修改最好有测试覆盖以避免将来出现回归。
  • :globe_with_meridians: 更新翻译文件。
  • :test_tube: 运行测试确保没有错误。
  • :inbox_tray: 提交 pull request,只有在通过 CI 后才将其标记为**"可以审核"**。

许可证

基于 MIT 许可证 发布。


支持

  • :star: 在 GitHub 上为这个项目点星
  • :octocat: 在 GitHub 上关注我
  • :blue_heart: 在 Twitter 上关注我
  • :moneybag: 在 Github 上赞助我

另请参阅

  • django-cache-cleaner - 使用管理面板或管理命令轻松清除整个缓存或单个缓存。🧹✨

  • django-colorfield - 为模型提供简单的颜色字段,在管理界面中有一个漂亮的颜色选择器。🎨

  • django-extra-settings - 只使用 django 管理界面配置和管理类型化的额外设置。⚙️

  • django-maintenance-mode - 在维护模式开启时显示 503 错误页面。🚧 🛠️

  • django-redirects - 完全可控的重定向。↪️

  • django-treenode - 可能是你基于树结构的内容的最佳抽象模型/管理。🌳

  • python-benedict - dict 子类,支持键列表/键路径,I/O 快捷方式(base64、csv、json、pickle、plist、query-string、toml、xml、yaml)和许多实用工具。📘

  • python-codicefiscale - 编码/解码意大利税号 - 编码/解码意大利税号。🇮🇹 💳

  • python-fontbro - 友好的字体操作。🧢

  • python-fsutil - 为懒惰的开发者提供的文件系统实用工具。🧟‍♂️

编辑推荐精选

蛙蛙写作

蛙蛙写作

AI小说写作助手,一站式润色、改写、扩写

蛙蛙写作—国内先进的AI写作平台,涵盖小说、学术、社交媒体等多场景。提供续写、改写、润色等功能,助力创作者高效优化写作流程。界面简洁,功能全面,适合各类写作者提升内容品质和工作效率。

AI助手AI工具AI写作工具AI辅助写作蛙蛙写作学术助手办公助手营销助手
Trae

Trae

字节跳动发布的AI编程神器IDE

Trae是一种自适应的集成开发环境(IDE),通过自动化和多元协作改变开发流程。利用Trae,团队能够更快速、精确地编写和部署代码,从而提高编程效率和项目交付速度。Trae具备上下文感知和代码自动完成功能,是提升开发效率的理想工具。

热门AI工具生产力协作转型TraeAI IDE
问小白

问小白

全能AI智能助手,随时解答生活与工作的多样问题

问小白,由元石科技研发的AI智能助手,快速准确地解答各种生活和工作问题,包括但不限于搜索、规划和社交互动,帮助用户在日常生活中提高效率,轻松管理个人事务。

聊天机器人AI助手热门AI工具AI对话
Transly

Transly

实时语音翻译/同声传译工具

Transly是一个多场景的AI大语言模型驱动的同声传译、专业翻译助手,它拥有超精准的音频识别翻译能力,几乎零延迟的使用体验和支持多国语言可以让你带它走遍全球,无论你是留学生、商务人士、韩剧美剧爱好者,还是出国游玩、多国会议、跨国追星等等,都可以满足你所有需要同传的场景需求,线上线下通用,扫除语言障碍,让全世界的语言交流不再有国界。

讯飞智文

讯飞智文

一键生成PPT和Word,让学习生活更轻松

讯飞智文是一个利用 AI 技术的项目,能够帮助用户生成 PPT 以及各类文档。无论是商业领域的市场分析报告、年度目标制定,还是学生群体的职业生涯规划、实习避坑指南,亦或是活动策划、旅游攻略等内容,它都能提供支持,帮助用户精准表达,轻松呈现各种信息。

热门AI工具AI办公办公工具讯飞智文AI在线生成PPTAI撰写助手多语种文档生成AI自动配图
讯飞星火

讯飞星火

深度推理能力全新升级,全面对标OpenAI o1

科大讯飞的星火大模型,支持语言理解、知识问答和文本创作等多功能,适用于多种文件和业务场景,提升办公和日常生活的效率。讯飞星火是一个提供丰富智能服务的平台,涵盖科技资讯、图像创作、写作辅助、编程解答、科研文献解读等功能,能为不同需求的用户提供便捷高效的帮助,助力用户轻松获取信息、解决问题,满足多样化使用场景。

模型训练热门AI工具内容创作智能问答AI开发讯飞星火大模型多语种支持智慧生活
Spark-TTS

Spark-TTS

一种基于大语言模型的高效单流解耦语音令牌文本到语音合成模型

Spark-TTS 是一个基于 PyTorch 的开源文本到语音合成项目,由多个知名机构联合参与。该项目提供了高效的 LLM(大语言模型)驱动的语音合成方案,支持语音克隆和语音创建功能,可通过命令行界面(CLI)和 Web UI 两种方式使用。用户可以根据需求调整语音的性别、音高、速度等参数,生成高质量的语音。该项目适用于多种场景,如有声读物制作、智能语音助手开发等。

咔片PPT

咔片PPT

AI助力,做PPT更简单!

咔片是一款轻量化在线演示设计工具,借助 AI 技术,实现从内容生成到智能设计的一站式 PPT 制作服务。支持多种文档格式导入生成 PPT,提供海量模板、智能美化、素材替换等功能,适用于销售、教师、学生等各类人群,能高效制作出高品质 PPT,满足不同场景演示需求。

讯飞绘文

讯飞绘文

选题、配图、成文,一站式创作,让内容运营更高效

讯飞绘文,一个AI集成平台,支持写作、选题、配图、排版和发布。高效生成适用于各类媒体的定制内容,加速品牌传播,提升内容营销效果。

AI助手热门AI工具AI创作AI辅助写作讯飞绘文内容运营个性化文章多平台分发
材料星

材料星

专业的AI公文写作平台,公文写作神器

AI 材料星,专业的 AI 公文写作辅助平台,为体制内工作人员提供高效的公文写作解决方案。拥有海量公文文库、9 大核心 AI 功能,支持 30 + 文稿类型生成,助力快速完成领导讲话、工作总结、述职报告等材料,提升办公效率,是体制打工人的得力写作神器。

下拉加载更多