when i am writing {%load static%} rather than getting exectuted it is getting displayed as simple text on htmloutput screen

113 views
Skip to first unread message

UJJWAL AGRAWAL

unread,
Jun 30, 2021, 12:17:46 AM6/30/21
to django...@googlegroups.com
Dear all I am facing one problem.
When I am writing {%load static%} rather than getting executed it is getting displayed as simple text on the HTML output screen

Please provide me the solution.

patel dhruvish

unread,
Jun 30, 2021, 12:29:29 AM6/30/21
to django...@googlegroups.com
Do you add static code in setting.py and urls.py? Code is here....
 
Setting.py:-
Project  urls.py:-
Then load static file with format like:-
STATICFILES_DIRS = [
    BASE_DIR / "static",
    '/var/www/static/',
]

Project  urls.py:-
from django.conf import settings
from django.conf.urls.static import static

urlpatterns = [
    # ... the rest of your URLconf goes here ...
] 
+ static(settings.STATIC_URL, document_root=settings.STATIC_ROOT)
Or
 + static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT)

Then load static file with format like:-
{% load static %}
<img src="{% static 'my_app/example.jpg' %}" alt="My image">


--
You received this message because you are subscribed to the Google Groups "Django users" group.
To unsubscribe from this group and stop receiving emails from it, send an email to django-users...@googlegroups.com.
To view this discussion on the web visit https://groups.google.com/d/msgid/django-users/CALQ%3D5fyZPWiBGnY6VJB1_C6Rb1Ls4dfsGfTef%2BBSqi1BXKHtfw%40mail.gmail.com.

yeddu.j...@gmail.com

unread,
Jun 30, 2021, 1:19:46 AM6/30/21
to django...@googlegroups.com

Hope you have this in the <head> section of your template.

 

<head>

  {% load static %}

  {% block head %}

    <title>{{luserdetails.luserrolename}} | Aspirations </title>

  {% endblock %}

</head>

--

patel dhruvish

unread,
Jun 30, 2021, 1:25:13 AM6/30/21
to django...@googlegroups.com
You want to add {%load static%} at the top of the code....

ramadhan ngallen

unread,
Jun 30, 2021, 1:34:15 AM6/30/21
to 'Amitesh Sahay' via Django users
For security purpose these settings should be on debug=True
On production you should change those urls to have dedicated server for static files like   Nginx

UJJWAL AGRAWAL

unread,
Jun 30, 2021, 3:31:48 AM6/30/21
to django...@googlegroups.com
Dear Patel Druvish ,
I have tried with that one 

Its showing such kind of error when trying to css file

Failed to load resource: the server responded with a status of 404 (Not Found)
extension.js:24 onMessage extension
ial.js:450 Clean the cache of the scraper (new onComplete event)
style.css'%%7D:1 Failed to load resource: the server responded with a status of 404 (Not Found)
The attempt to bind "/static/%7B%static%20'styles/style.css'%%7D" in the workspace failed as this URI is malformed.

HTML CODE{%load static%}
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>Fotoxplor</title>
    <link rel="stylesheet" type="text/css" href="{%static 'styles/style.css'%}">
</head>
<body>
    <h1 style="color: red;">Welcome to Fotoxplor</h1>
    <div class="box">
        <p>
            Fotoxplor
        </p>
    </div>
</body>
<header class="header">
    <div class="container">
        <div class="row">
            <div class="col">
                <div class="header_content d-flex flex-row align-items-center justify-content-start">
                    <div class="header_content_inner d-flex flex-row align-items-end justify-content-start">
                        <div class="logo"><a href="{%static 'home.html'%}">Fotoxplor</a></div>
                        <nav class="main_nav">
                            <ul class="d-flex flex-row align-items-start justify-content-start">
                                <li><a href="{%static 'aboutus.html'%}">About us</a></li>
                                <li><a href="">Services</a></li>
                                <li><a href="">News</a></li>
                                <li><a href="{%static 'contactus.html'%}">Contact</a></li>
                            </ul>
                        </nav>
                        <div class="header_phone ml-auto">Call us: 00-56 445 678 33</div>
                        <!-- Hamburger -->
                        <div class="hamburger ml-auto">
                            <i class="fa fa-bars" aria-hidden="true"></i>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</header>
<div class="Phototype">
        <title>Photocateogry </title>
        <label for="browser">Choose your Photocateogry:</label>
        <input list="browsers" name="browser" id="browser">
        <datalist id="browsers">
          <option value="Nature">
          <option value="Animals">
          <option value="Food">
          <option value="Travel">
          <option value="Sports">
        </datalist>
        <input type="submit">
</div>


To view this discussion on the web visit https://groups.google.com/d/msgid/django-users/CANMvxF0juEz51Pua5PRAR8uNjKPsSGVkZUnDYjTTtve7hfObag%40mail.gmail.com.

UJJWAL AGRAWAL

unread,
Jun 30, 2021, 3:32:37 AM6/30/21
to django...@googlegroups.com
Dear patel dhruvish

"""
Django settings for mypro project.

Generated by 'django-admin startproject' using Django 3.2.4.

For more information on this file, see

For the full list of settings and their values, see
"""

from pathlib import Path,os

# Build paths inside the project like this: BASE_DIR / 'subdir'.
BASE_DIR = Path(__file__).resolve().parent.parent


# Quick-start development settings - unsuitable for production

# SECURITY WARNING: keep the secret key used in production secret!
SECRET_KEY = 'django-insecure-*36^7=gu7_i_c!v6yw8!li0=2kwo9u!8$lgqbznb0i^3p09%m$'

# SECURITY WARNING: don't run with debug turned on in production!
DEBUG = True

ALLOWED_HOSTS = []


# Application definition

INSTALLED_APPS = [
    'Fotoxplor',
    'mypro',
    'django.contrib.admin',
    'django.contrib.auth',
    'django.contrib.contenttypes',
    'django.contrib.sessions',
    'django.contrib.messages',
    'django.contrib.staticfiles',
]

MIDDLEWARE = [
    'django.middleware.security.SecurityMiddleware',
    'django.contrib.sessions.middleware.SessionMiddleware',
    'django.middleware.common.CommonMiddleware',
    'django.middleware.csrf.CsrfViewMiddleware',
    'django.contrib.auth.middleware.AuthenticationMiddleware',
    'django.contrib.messages.middleware.MessageMiddleware',
    'django.middleware.clickjacking.XFrameOptionsMiddleware',
]

ROOT_URLCONF = 'mypro.urls'

TEMPLATES = [
    {
        'BACKEND': 'django.template.backends.django.DjangoTemplates',
        'DIRS': [os.path.join(BASE_DIR,'templates')],
        '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',
            ],
        },
    },
]

WSGI_APPLICATION = 'mypro.wsgi.application'


# Database

DATABASES = {
    'default': {
        'ENGINE': 'django.db.backends.sqlite3',
        'NAME': BASE_DIR / 'db.sqlite3',
    }
}


# Password validation

AUTH_PASSWORD_VALIDATORS = [
    {
        'NAME': 'django.contrib.auth.password_validation.UserAttributeSimilarityValidator',
    },
    {
        'NAME': 'django.contrib.auth.password_validation.MinimumLengthValidator',
    },
    {
        'NAME': 'django.contrib.auth.password_validation.CommonPasswordValidator',
    },
    {
        'NAME': 'django.contrib.auth.password_validation.NumericPasswordValidator',
    },
]


# Internationalization

LANGUAGE_CODE = 'en-us'

TIME_ZONE = 'UTC'

USE_I18N = True

USE_L10N = True

USE_TZ = True


# Static files (CSS, JavaScript, Images)

STATIC_URL = '/static/'
STATICFILES_DIRS =[
    os.path.join(BASE_DIR,'templates')
]
STATIC_ROOT = os.path.join(BASE_DIR,'components')

# Default primary key field type

DEFAULT_AUTO_FIELD = 'django.db.models.BigAutoField'

To view this discussion on the web visit https://groups.google.com/d/msgid/django-users/CANMvxF2ddJb5aHrK%3D88RRm40mxThRrCfUYjJyPBqkDWCCTWGwg%40mail.gmail.com.

UJJWAL AGRAWAL

unread,
Jun 30, 2021, 3:33:24 AM6/30/21
to django...@googlegroups.com
Dear patel DHRUVISH urls.py code is:


from django.urls import path

from . import views

urlpatterns = [
    path('',views.home, name='home'),
]

shaik sufiyan

unread,
Jun 30, 2021, 6:49:05 AM6/30/21
to django...@googlegroups.com
Please import os in the settings.py file

To view this discussion on the web visit https://groups.google.com/d/msgid/django-users/CALQ%3D5fyRaoJWhNH5SrWsXi3cLr74jNyziOvc41%3DSdfDze-H9Ow%40mail.gmail.com.

jasdeep singh

unread,
Jun 30, 2021, 6:49:05 AM6/30/21
to django...@googlegroups.com
<html>
{% load static %}
<head>
Give space in % and load

--

pritam bhutada

unread,
Jun 30, 2021, 9:57:10 AM6/30/21
to Django users
try --->  {% load staticfiles %}

Saad Olamilekan

unread,
Jun 30, 2021, 2:04:16 PM6/30/21
to django...@googlegroups.com
load your static by putting space in between the percent and load and after static before  percent eg. {% load static %}.

--
You received this message because you are subscribed to the Google Groups "Django users" group.
To unsubscribe from this group and stop receiving emails from it, send an email to django-users...@googlegroups.com.
To view this discussion on the web visit https://groups.google.com/d/msgid/django-users/8ba41bbd-6a9e-4d79-936e-e9ff7ce53dafn%40googlegroups.com.
Reply all
Reply to author
Forward
0 new messages