写一个以上面代码的cart.html
时间: 2023-08-06 16:04:38 浏览: 42
以下是一个简单的购物车页面cart.html的示例代码:
```html
{% extends 'base.html' %}
{% block content %}
<h1>购物车</h1>
<table>
<thead>
<tr>
<th>商品名称</th>
<th>价格</th>
<th>数量</th>
<th>小计</th>
<th>操作</th>
</tr>
</thead>
<tbody>
{% for product_id, quantity in cart.items %}
{% with product=product_dict|get:product_id %}
<tr>
<td>{{ product.name }}</td>
<td>{{ product.price }}</td>
<td>
<form action="{% url 'update_cart' product_id %}" method="post">
{% csrf_token %}
<input type="number" name="quantity" value="{{ quantity }}" min="1">
<button type="submit">更新</button>
</form>
</td>
<td>{{ product.price * quantity }}</td>
<td><a href="{% url 'remove_from_cart' product_id %}">删除</a></td>
</tr>
{% endwith %}
{% empty %}
<tr>
<td colspan="5">购物车为空</td>
</tr>
{% endfor %}
<tr>
<td colspan="3">总数:{{ total_quantity }}</td>
<td colspan="2">总价:{{ total_price }}</td>
</tr>
</tbody>
</table>
{% endblock %}
```
在上面的代码中,我们首先继承了base.html模板,然后定义了一个表格来显示购物车中的商品。
表格的头部包含了商品名称、价格、数量、小计和操作等信息,表格的主体部分则是一个循环,用来遍历购物车中的商品。
在循环中,我们首先使用`with`标签来定义一个`product`变量,以便于在模板中访问商品的名称和价格等信息。然后,我们显示商品的名称、价格、数量、小计和删除按钮,并使用一个表单来更新商品的数量。
最后,我们在表格底部显示了购物车中商品的总数和总价。