Maison  >  Questions et réponses  >  le corps du texte

Comment appliquer efficacement des fichiers « css » et « js » personnalisés à tous les administrateurs d'une application ?

J'ai une coutume cssjs 文件、admin.py 和覆盖的 base.html 位于 templates/admin/app1/ comme celle-ci :

django-project
 |-core
 |  |-settings.py
 |  └-static
 |     └-core
 |        └-admin
 |           └-app1
 |              |-css
 |              |  └-custom.css # Here
 |              └-js
 |                 └-custom.js # Here
 |-app1
 |  |-models.py
 |  └-admin.py # Here
 |-app2
 └-templates
    └-admin
       └-app1
          └-base.html # Here

Tout d'abord, je vais personnaliser cssjs 文件分别设置为 c 中所有管理员 PersonAnimalFood 的 Media 类中的 cssendcphpcn phpcnapp1 如下所示,然后我可以将它们应用到所有管理员 PersonAnimalFood app1 :

# "app1/admin.py"

from django.contrib import admin
from .models import Person, Animal, Food

@admin.register(Person)
class PersonAdmin(admin.ModelAdmin):
    class Media:
        css = {
            'all': ('core/admin/app1/css/custom.css',) # Here
        }
        js = ('core/admin/app1/js/custom.js',) # Here

@admin.register(Animal)
class AnimalAdmin(admin.ModelAdmin):
    class Media:
        css = {
            'all': ('core/admin/app1/css/custom.css',) # Here
        }
        js = ('core/admin/app1/js/custom.js',) # Here

@admin.register(Food)
class FoodAdmin(admin.ModelAdmin):
    class Media:
        css = {
            'all': ('core/admin/app1/css/custom.css',) # Here
        }
        js = ('core/admin/app1/js/custom.js',) # Here

Cependant, la solution ci-dessus n'est pas efficace, je les règle donc après <link ..."admin/css/base.css" %}{% endblock %}"> in base.html comme indiqué ci-dessous, mais la solution suivante ne fonctionne pas :

# "templates/admin/app1/base.html"

# ...
<title>{% block title %}{% endblock %}</title>
<link rel="stylesheet" href="{% block stylesheet %}{% static "admin/css/base.css" %}{% endblock %}">
<link rel="stylesheet" href="{% static "core/admin/app1/css/custom.css" %}"> {# Here #}
<script src="{% static 'core/admin/app1/js/custom.js' %}" defer></script> {# Here #}
{% block dark-mode-vars %}
  <link rel="stylesheet" href="{% static "admin/css/dark_mode.css" %}">
# ...

J'ai donc mis le fichier base.html 放入 templates/admin/ 中,如下所示,然后上述解决方案有效,但自定义 cssjs qui s'appliquera à tous les admins dans toutes les applications :

django-project
 |-core
 |  |-settings.py
 |  └-static
 |     └-core
 |        └-admin
 |           └-app1
 |              |-css
 |              |  └-custom.css
 |              └-js
 |                 └-custom.js
 |-app1
 |  |-models.py
 |  └-admin.py
 |-app2
 └-templates
    └-admin
       └-base.html # Here

Alors, comment personnaliser cssjs 文件仅有效地应用于 app1 中的所有管理员 PersonAnimalFood ?

P粉396248578P粉396248578179 Il y a quelques jours419

répondre à tous(1)je répondrai

  • P粉545956597

    P粉5459565972024-04-04 12:10:56

    Je ne peux pas utiliser les commentaires.

    1. Configurer le dossier statique

    STATICFILES_DIRS = [
        # add
        # os.path.join(BASE_DIR, 'core', 'static' ....)
    ]
    ....
    

    2. Vérifiez router.py

    from django.conf import settings
    from django.conf.urls.static import static
    
    urlpatterns = [
        # ... the rest of your URLconf goes here ...
    ] 
    # add
    + static(settings.STATIC_URL, document_root=settings.STATIC_ROOT)
    

    3. vérifiez settings.py

    # add
    STATIC_URL = "static/"
    

    4. Exécuter la commande

    python manage.py collectstatic
    

    https://docs.djangoproject. com/ja/4.2/howto/static-files/#configuring-static-files

    répondre
    0
  • Annulerrépondre