Для связи данных из базы данных PostgreSQL с модальными окнами в Django по id, вам следует выполнить следующие шаги:
1. Создайте модель для продуктов в вашем приложении Django, которая будет соответствовать таблице в вашей базе данных PostgreSQL. Например:
```python
from django.db import models
class Product(models.Model):
name = models.CharField(max_length=100)
description = models.TextField()
price = models.DecimalField(max_digits=10, decimal_places=2)
```
2. Создайте представление Django, которое будет отображать данные о продукте по его id:
```python
from django.shortcuts import render
from .models import Product
def product_detail(request, product_id):
product = Product.objects.get(id=product_id)
return render(request, 'product_detail.html', {'product': product})
```
3. Создайте шаблон HTML для отображения данных о продукте. Например, product_detail.html:
```html
<!DOCTYPE html>
<html>
<head>
<title>{{ product.name }}</title>
</head>
<body>
<h1>{{ product.name }}</h1>
<p>{{ product.description }}</p>
<p>${{ product.price }}</p>
</body>
</html>
```
4. В вашем шаблоне с кнопкой "Подробнее", добавьте ссылку на представление product_detail, передавая id соответствующего продукта. Например:
```html
<a href="{% url 'product_detail' product.id %}">Подробнее</a>
```
Теперь при нажатии на кнопку "Подробнее" для конкретного продукта, пользователь будет перенаправлен на страницу с подробными данными об этом продукте.
Для отображения данных о продукте в модальном окне, вы можете использовать JavaScript, например, с помощью библиотеки Bootstrap Modal или jQuery UI Dialog. Ваш скрипт будет загружать данные о продукте через AJAX запрос к серверу и отображать их в модальном окне.