Я новичок в Django. Не могу реализовать отображение картинок на странице.что не так?
SETTINGS.PY
STATIC_URL = '/static/'
STATICFILES_DIRS = (
os.path.join(BASE_DIR, "static", ),
)
MEDIA_URL = '/media/'
MEDIA_ROOT = os.path.join(BASE_DIR, "static", "media")
MODELS.PY
class ProductImage(models.Model):
product = models.ForeignKey(Product, blank=True, null=True, default=None, on_delete=models.CASCADE)
image = models.ImageField(upload_to='products_images/')
is_main = models.BooleanField(default=False)
is_active = models.BooleanField(default=True)
created = models.DateTimeField(auto_now_add=True, auto_now=False)
updated = models.DateTimeField(auto_now_add=False, auto_now=True)
def __str__(self):
return "%s" % self.id
class Meta:
verbose_name = 'Photo'
verbose_name_plural = 'Photos'
URLS.PY
from django.conf.urls import url
from landing import views
urlpatterns = [
url(r'^', views.home, name='home'),
url(r'^landing/', views.landing, name='landing')
]
VIEWS.PY
from django.http import HttpResponseRedirect
from django.shortcuts import render
from products.models import *
from .forms import SabscribersForm
def landing(request):
name = "CoderMax"
# current_day = "22.02.2020"
# current_day = datetime.datetime.today()
# print(current_day.strftime("%m/%d/%Y"))
form = SabscribersForm(request.POST or None)
if request.method == "POST" and form.is_valid():
print(request.POST)
print(form.cleaned_data)
new_form = form.save()
return HttpResponseRedirect(request.META.get('HTTP_REFERER'))
return render(request, 'landing/landing.html', locals())
def home(request):
products_images = ProductImage.objects.filter(is_active=True, is_main=True)
return render(request, 'landing/home.html', locals())
HOME.HTML
{% for product_image in products_images %}
<div class="col-lg-3">
<div class="product-item">
<div>
<img src="{{ product_image.image.url }}" class="img-responsive" alt="img">
</div>
<h6>{{ product_image.product.name }}</h6>
<p>
{{ product_image.product.description|truncatechars_html:50 }}
</p>
<div>
{{ product_image.product.price }} UAH
</div>
<div class="add-to-card-btn">
<button class="btn btn-success">
Add to Card
</button>
</div>
</div>
</div>