মডিউল ৩.২ : কিভাবে এপ্প এর মধ্যে স্ট্যাটিক ফাইল নিয়ে কাজ করতে হয়

আজকে আমরা জানবো যে কিভাবে অ্যাপ এর মধ্যে স্ট্যাটিক ফাইল নিয়ে কাজ করতে হয়। তাইলে একটা অ্যাপ তৈরি করে ফেলি আসো

django-admin startapp first_app

তারপর অ্যাপ কে অবশ্যই settings.py এ রেজিষ্টার করাবো।

এখন অ্যাপ এর মধ্যে ডিরেক্ট আমি static নামে একটা ফাইল খুলবো আর settings.py এ আমাদের কে লোকেশন বলে দিতে হবে না কারণ django তাদের অ্যাপ দেরকে এই স্পেশাল পাওয়ার দিছে।

তাইলে তুমি এখন জাস্ট previous ব্লগ এর মত করে html এর মধ্যে কোনো ইমেজ কে শো করাতে পারবে।

মাথায় রাখতে হবে যে অ্যাপ এর মধ্যে অবশ্যই static ফাইল কে লোড করে নিয়ে তারপর কাজ করতে হবে। তবে যদি তুমি static ফোল্ডার এর মধ্যে images, css,js নামে ফোল্ডার খুলে কাজ করতে চাও সেটাও পারবে।

নিচের কোড গুলা খেয়াল করো

<!DOCTYPE html>
{% load static %}
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
  <img src ="{%static 'images/bird2.jpeg' %}" alt = "Bird Image 2" />
</body>
</html>

তুমি যদি এখন একটা css ফাইল কে রান করাতে চাও তাইলেও কিন্তু তোমাকে স্ট্যাটিক ট্যাগ লোড করে কাজ করতে হবে। কারণ css টাও কিন্তু স্ট্যাটিক ফাইল। যদি তোমার css ফাইল টা স্ট্যাটিক ফোল্ডার এর css ফোল্ডার এ থাকে তাইলে নিচের মত করে কাজ করতে পারবে

<!DOCTYPE html>
{% load static %}
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel = "stylesheet" href="{%  static 'css/index.css' %}" />
</head>
<body>
  <img src ="{%static 'images/bird2.jpeg' %}" alt = "Bird Image 2" />
</body>
</html>

Previousমডিউল ৩.১ : কিভাবে প্রজেক্ট এর মধ্যে স্ট্যাটিক ফাইল নিয়ে কাজ করতে হয় Nextমডিউল ৩.৩ : কিভাবে বুটস্ট্র্যাপ নিয়ে কাজ করবো

Last updated 1 year ago

<!DOCTYPE html> {% load static %} <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> <img src ="{%static 'images/bird2.jpeg' %}" alt = "Bird Image 2" /> </body> </html>

<!DOCTYPE html> {% load static %} <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <link rel = "stylesheet" href="{% static 'css/index.css' %}" /> </head> <body> <img src ="{%static 'images/bird2.jpeg' %}" alt = "Bird Image 2" /> </body> </html>