zoukankan      html  css  js  c++  java
  • django 1.9.7 css控制模板样式

    问题:css样式不能控制html样式(针对开发环境,不针对生产环境

    现象:

    django.template.exceptions.TemplateSyntaxError: Invalid block tag on line 6: '/s
    tatic/css/main.css'. Did you forget to register or load this tag?

    操作步骤:

    1、首先查看setting.py文件INSTALLED_APPS中是否有 'django.contrib.staticfiles'

    INSTALLED_APPS = [
        'country.apps.CountryConfig',
        'west.apps.WestConfig',
        'polls.apps.PollsConfig',
        'django.contrib.admin',
        'django.contrib.auth',
        'django.contrib.contenttypes',
        'django.contrib.sessions',
        'django.contrib.messages',
        'django.contrib.staticfiles',  #该静态文件app一定加上
    ]

    2、查看setting.py文件,TEMPLATES是否有'django.core.context_processors.static'

    TEMPLATES = [
        {
            'BACKEND': 'django.template.backends.django.DjangoTemplates',
            'DIRS': [],
            'APP_DIRS': True,
            'OPTIONS': {
                'context_processors': [
                    'django.template.context_processors.debug',
                    'django.template.context_processors.request',
                    'django.contrib.auth.context_processors.auth',
                    'django.contrib.messages.context_processors.
    messages',
                    'django.core.context_processors.static',#一定要加上
                ],
            },
        },
    ]

    3、setting文件静态文件URL路径,静态文件路径

    STATIC_URL = '/static/'
    STATIC_ROOT = os.path.join(BASE_DIR, 'static')
    STATICFILES_DIRS = [
        os.path.join(BASE_DIR, "/country/static"),#country是生成的APP
    ]

    4、urls.py(和setting.py同目录下的url.py),在urlpatterns 中添加

    url(r'^static/(?P<path>.*)$','django.views.static.serve',{'document_root':settings.STATIC_ROOT})

    from django.conf import settings
    
    urlpatterns = [
        url(r'country/', include('country.urls')),
        url(r'^west/', include('west.urls')),
        url(r'^polls/', include('polls.urls')),
        url(r'^admin/', admin.site.urls),
        url(r'^static/(?P<path>.*)$','django.views.static.serve',{'document_root':settings.STATIC_ROOT})# 注意添加
    ]

    5、在自定义的APP目录下添加静态文件夹和静态文件(css)

    6、在html文件引入css外部文件(步骤5中文件)

    {% load static %}# 载入静态文件
    {% load staticfiles %}
    <html lang="en">
    <head>
        <link rel="stylesheet" type="text/css" href="/static/css/main.css" /> # 注意外部CSS连接href书写格式
        <meta charset="UTF-8">
        <title>{{Title}}</title>
    </head>
  • 相关阅读:
    uniapp、小程序之swiperitem内容过多显示不全的解决方案
    PingFang(苹方)字体的引用
    Vue项目中使用websocket
    uniapp页面跳转传递参数过长
    uniapp开发的h5,使用微信授权登录(前置条件+具体代码)
    Maven工具安装使用
    Lombok代码生成插件使用
    对不起,我的文章暂时无法公开!
    [iOS]学习笔记7(CATransform3DFlip效果)
    [iOS]学习笔记8 (iOS之阻塞)
  • 原文地址:https://www.cnblogs.com/heiao10duan/p/6427176.html
Copyright © 2011-2022 走看看