Dynami c Создание источника изображения с использованием Django - PullRequest
Новая
       4

Dynami c Создание источника изображения с использованием Django

0 голосов
/ 17 апреля 2020

Я хочу сделать покупки на сайте, используя Django и html + css. Для этой цели у меня должно быть задано c изображение для каждого элемента, и я пытаюсь найти этот источник изображения, используя сочетание тегов файла stati c. Я не смог сохранить изображение в базе данных, поэтому изображения выбираются динамически из папки stati c. тем не менее, мой код не работает, может кто-нибудь помочь мне решить эту проблему? Мой HTML код 

def sales_page(request):
all_storage_products=Storage.objects.all();
sales_page_product={'all_storage_products_dict':all_storage_products}
form1=search_field();
file_path =os.path.join(STATIC_DIR,'images');


if(request.method=='POST'):
    form1=search_field(request.POST);
    if(form1.is_valid()):
        all_storage_products=Storage.objects.filter(product_description__icontains=form1.cleaned_data['your_name'] );
        sales_page_product={'all_storage_products_dict':all_storage_products}
        form1=search_field();

return render(request, 'first_app/sales_page.html',{'all_storage_products_dict':all_storage_products, 'forms':form1, 'image_path':file_path});


    <!DOCTYPE html>
{% load static %}
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <title></title>
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">





    <style>

    .main_page_nav
    {
      width: 100%;
      height: auto;

      display: flex;
    }

    .main_page_nav ul{
    height: auto;
    width: 100%;
    background-color: rgb(243,243,243);

    }
    .main_page_nav ul li{
      display: inline;
      padding: 1rem;

    }


    .main_page_nav ul li a{
      font-size: 2rem;
    }

    .main_page_nav ul li a:hover{
      font-size: 2rem;
      border-style: solid;
      border-left-color: rgb(243,243,243);
      border-top-color: rgb(243,243,243);
      border-right-color: rgb(243,243,243);
      border-bottom-color: green;
    }

    #main_page_nav_last_item{
      float: right;
      padding: 0;
    }

    #search_field{
      width: 100%;
    }


    table, tr, td{
      background-color: white;
      border-style: solid;
    }

    form p{
      width: 100%;
      display: flex;
      justify-content: center;
      font-size: 2rem;
    }

    input[name="your_name"]{
      width: 50%;
      border-radius: 5%;
    }

    input[name="your_name"]:focus{
      outline-color: green;
      background-color: #e8e8e8;
    }
    </style>
  </head>
  <body>


    <div class="main_page_nav">
      <ul>
        <li>
          <a href="#">Ana Səhifə</a>
        </li>

        <li>
          <a href="#">Bizimlə əlaqə</a>
        </li>

        <li id="main_page_nav_last_item">
          <a href="#">Haqqımızda</a>
        </li>
      </ul>
    </div>
    <form  id="search_field" method="POST">
        {% csrf_token %}
        {{ forms.as_p }}
    </form>


    <div class="">
      {%if all_storage_products_dict %}
      <table>

      {% for st in all_storage_products_dict %}
      <tr>
       <td>{{  st.product_name}}</td>
       <td>{{  st.product_cost}}</td>
        <td>{{  st.product_description}}</td>
        <td>"{{ image_path }}\{{st.id}}.jpg"</td>
        <td>
          <img src="{% static 'images/{{st.id}}.jpg' %}" alt="image_not found">
        </td>
      {% endfor %}
        </table>
      {% else %}
      <p>No access records found</p>
      {% endif %}
    </div>
  </body>
</html>
...