如何使用 Django 在网页中添加购物车功能？

购物车允许用户在结账之前收集和管理他们想要购买的商品。我们将使用 Django 构建一个简单的购物车，并一步步学习如何创建模型、视图、模板和 URL 来实现向购物车添加商品、查看商品以及从中移除商品的功能。

创建 Django 项目和应用

> 前提条件：

>

> – Django 介绍与安装

> – 创建一个项目

让我们使用以下命令来启动项目和应用：

> django-admin startproject ecommerce

> cd ecommerce

> python manage.py startapp cart

现在，我们需要将这个应用添加到 ‘settings.py‘ 文件中。

!Screenshot-2023-10-06-170834

在 models.py 中定义模型

数据库模式是应用的基础。我们将创建两个模型：

• Product（商品）： 代表可供出售的商品。
• CartItem（购物车项）： 代表添加到用户购物车中的单个商品项。

Python


CODEBLOCK_e87ad154


在 Admin 中注册模型

我们需要注册模型，以便我们可以通过 Django 的管理界面添加/编辑商品和购物车项：

Python


CODEBLOCK_8eb5dff6


在 views.py 中创建视图

视图将处理显示商品、管理购物车、添加/移除商品以及渲染相应的模板。

• product_list(request)：此视图从数据库中获取商品列表，并渲染模板以显示它们。每个商品都会显示其名称、价格以及一个“加入购物车”的按钮。
• view_cart(request)：此视图显示购物车的内容。它检索与当前用户关联的购物车项，计算购物车中商品的总价，然后渲染模板以显示购物车项和总价。
• addtocart(request, product_id)：当用户点击商品上的“加入购物车”按钮时，会触发此视图。它将选定的商品添加到用户的购物车中。如果商品已经在购物车中，它会增加数量。然后，它会将用户重定向到购物车视图以显示更新后的购物车内容。
• removefromcart(request, item_id)：此视图处理从购物车中移除商品的操作。它接收商品的 ID 作为参数，检索相应的购物车项并将其从数据库中删除。移除后，它会将用户重定向到购物车视图以反映更新后的购物车状态。

Python


CODEBLOCK_ee491e6f


> 在 Django 网页中添加购物车是电子商务应用的一项关键技能。如果您希望构建更复杂的应用程序，<a href="https://www.geeksforgeeks.org/courses/mastering-django-framework-beginner-to-advance?utmcampaign=730howtoaddcartinawebpageusingdjango&utmmedium=gfgcontentpcp&utmsource=geeksforgeeks">Django Web 开发课程将引导您学习高级概念。

设置用户界面的模板

商品列表 – index.html

显示所有商品及其图片、描述