template load

এইবার আপনার templates directory এর মধ্যে partials নামে Folder তৈরি করুন :

এইবার আপনার partials directory এর মধ্যে nav.html নামে নিম্নোক্ত কোডগুলো দিয়ে একটি html file তৈরি করুন :

<ul class="pure-menu-list">
    <li class="pure-menu-item"><a href="{% url 'item_create' %}" class="pure-menu-link">Home</a></li>
    <li class="pure-menu-item"><a href="#" class="pure-menu-link">About Us</a></li>
    <li class="pure-menu-item"><a href="#" class="pure-menu-link">Services</a></li>
    <li class="pure-menu-item"><a href="#" class="pure-menu-link">Contact Us</a></li>
  </ul>

এইবার আপনার partials directory এর মধ্যে base.html নামে নিম্নোক্ত কোডগুলো দিয়ে একটি html file তৈরি করুন, এবং nav.html ফাইলকে include করে দিন এবং title এবং content block কে যুক্ত করে দিন:

{% load static %}
<!doctype html>
<html lang="en">
<head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <!--Custome CSS-->
    <link rel="stylesheet" href="{% static 'css/style.css' %}">
    <title>{% block title %} {% endblock %}</title>
</head>
<body>
{% include 'partials/nav.html' %}
{% block content %}
{% endblock %}
</body>
</html>

ব্যাখ্যা:

প্রথম লাইনে static file গুলো লোড করার ব্যবস্থা করেছি।
আমরা <title><title/> কে ডাইনামিক এর কাজ করেছি। অর্থাৎ বিভিন্ন পেজ গুলো লোড হওয়ার সাথে যেন তাদের title দেখায় , সে জন্য আমরা title block যুক্ত করেছি।
nav.html ফাইলকে include করে নিয়েছি।
আমরা content কে ডাইনামিক এর কাজ করেছি। অর্থাৎ বিভিন্ন পেজ গুলো লোড হওয়ার সাথে যেন তাদের content দেখায় , সে জন্য আমরা content block যুক্ত করেছি।

Create Main Pages

templates/items/index.html

{% extends 'partials/base.html' %}
{% block title %}Item Home Page {% endblock %}
 
{% block content %} 
{% include 'partials/content.html' %}

{% endblock %}

Previousload css,js Nextcreate project

Last updated 2 years ago

<ul class="pure-menu-list"> <li class="pure-menu-item"><a href="{% url 'item_create' %}" class="pure-menu-link">Home</a></li> <li class="pure-menu-item"><a href="#" class="pure-menu-link">About Us</a></li> <li class="pure-menu-item"><a href="#" class="pure-menu-link">Services</a></li> <li class="pure-menu-item"><a href="#" class="pure-menu-link">Contact Us</a></li> </ul>

{% load static %} <!doctype html> <html lang="en"> <head>  <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">  <link rel="stylesheet" href="{% static 'css/style.css' %}"> <title>{% block title %} {% endblock %}</title> </head> <body> {% include 'partials/nav.html' %} {% block content %} {% endblock %} </body> </html>