python - 我不能让 image_url 加载到本地主机上请帮助
问题描述
我正在制作一个销售水果的演示网站 我已经添加了一个网址,即
(https://upload.wikimedia.org/wikipedia/commons/7/7b/Orange-Whole-%26-Split.jpg)
管理员.py
from django.contrib import admin
from .models import Product, Offer
class OfferAdmin(admin.ModelAdmin):
list_display = ('code', 'discount')
class ProductAdmin(admin.ModelAdmin):
list_display = ('name', 'price', 'stock')
admin.site.register(Product, ProductAdmin)
admin.site.register(Offer, OfferAdmin)
应用程序.py
from django.apps import AppConfig
class ProductsConfig(AppConfig):
name = 'products'
模型.py
from django.db import models
class Product(models.Model):
name = models.CharField(max_length=255)
price = models.FloatField()
stock = models.IntegerField()
image_url = models.CharField(max_length=2083)
class Offer(models.Model):
code = models.CharField(max_length=10)
description = models.CharField(max_length=255)
discount = models.FloatField()
网址.py
from django.urls import path
from . import views
urlpatterns = [
path('', views.index),
path('new', views.new)
]
视图.py
from django.http import HttpResponse
from django.shortcuts import render
from .models import Product
def index(request):
products = Product.objects.all()
return render(request, 'index.html',
{'products': products})
def new(request):
return HttpResponse('New products')
索引.py
{% extends 'base.html' %}
{% block content %}
<h1>Products</h1>
<div class="row">
{% for product in products %}
<div class="col">
<div class="card" style="width: 18rem;">
<img src="{{ image_url }}" alt="...">
<div class="card-body">
<h5 class="card-title">{{ product.name }}</h5>
<p class="card-text">{{ product.price }}₹</p>
<a href="#" class="btn btn-primary">Add to cart</a>
</div>
</div>
</div>
{% endfor %}
</div>
{% endblock %}
我的第一个 django 项目和 images_url dosent 加载任何东西,每件事都运行良好,但图像不会加载。
解决方案
改变
<img src="{{ image_url }}" alt="...">
到
<img src="{{ product.image_url }}" alt="...">
推荐阅读
- reactjs - 如何在 React js 中创建 3 个(国家、州和城市)下拉菜单以相互填充数据
- python-3.x - 使用 sqlalchemy 和烧瓶迁移的 Postgresql 分区管理
- python - 长寿命 Websocket 连接
- audio - 在 ffmpeg 中混合音轨的文件上添加另一个音频
- c++ - 在 C++ 中使用 opencv waitkey()
- javascript - 使用鼠标悬停事件更改 JavaScript 中元素的颜色
- asp.net-mvc - 创建新记录时的自定义验证
- javascript - 以前的子节点事件处理程序未触发
- telnet - 在 red hat ubi 中添加 telnet
- sql - 如何在带有 sequelize 的 where 子句中使用从嵌套表中提取的日期年份