时间:2021-05-22
购物车思路:使用 session 功能识别不同浏览器用户,使得用户不管是否登录了网站,均能够把想要购买的产品放在某个地方,之后随时可以显示或修改要购买的产品,等确定了之后再下订单,购物车可以用来暂存商品。
我们可以使用 session 为每一个用户创建一个 ID,然后以这个 ID 作为创建每一个购物车的依据。这个购物车在用户浏览过程中会保留数据,一直到实际完成下单,用户执行清除,或者关闭浏览器为止,当然,退出登录的话购物车内容也会消失不见。
在 settings.py 文件中加入下列语句,表示要求在浏览器一关闭的时候 session 就会失效。
SESSION_EXPIRE_AT_BROWSER_CLOSE = True购物车的具体实现已经有现成的模块 django-cart 可以使用,详细用法可以参考 GitHub:https://github.com/bmentges/django-cart 。执行安装。
pip install django-cart安装完成后我们在 settings.py 文件中 INSTALL_APPS 中加入 'cart' 模块。并执行 ./manage.py migrate 更新数据库。
在 urls.py 中增加3个网站样式,分别用来执行购物车的增加产品,删除产品以及查看购物车。
url(r'^cart/$', views.cart),url(r'^additem/(\d+)/(\d+)/$', views.add_to_cart, name='additem-url'),url(r'^removeitem/(\d+)/$', views.remove_from_cart, name='removeitem-url'),我们编写 add_to_cart 函数,调用 django-cart 模块的 Cart 类,实现增加产品功能。
from cart.cart import Cartdef add_to_cart(request, product_id, quantity): product = models.Product.objects.get(id=product_id) cart = Cart(request) cart.add(product, product.price, quantity) return redirect('/')这里记得将 cart.py 中的 import models 改为 from . import models ,否则 Python 会找不到这个模块,报错。
删除产品。
def remove_from_cart(request, product_id): product = models.Product.objects.get(id=product_id) cart = Cart(request) cart.remove(product) return redirect('/cart/')显示购物车内容。
@login_requireddef cart(request): all_categories = models.Category.objects.all() cart = Cart(request) template = get_template('cart.html') html = template.render(context=locals(), request=request) return HttpResponse(html)购物车的 html 文件 cart.html 。
<!-- cart.html (mshop project) -->{% extends "base.html" %}{% block title %}查看购物车{% endblock %}{% block content %}<div class='container'>{% for message in messages %} <div class='alert alert-{{message.tags}}'>{{ message }}</div>{% endfor %} <div class='row'> <div class='col-md-12'> <div class='panel panel-default'> <div class='panel-heading' align=center> <h3>欢迎光临迷你小电商</h3> {% if user.socialaccount_set.all.0.extra_data.name %} {{user.socialaccount_set.all.0.extra_data.name}}<br/> <img src='{{user.socialaccount_set.all.0.get_avatar_url}}' width='100'> {% else %} Welcome: {{ user.username }} {% endif %} </div> </div> </div> </div> <div class='row'> <div class='col-sm-12'> <div class='panel panel-info'> <div class='panel panel-heading'> <h4>我的购物车</h4> </div> <div class='panel panel-body'> {% for item in cart %} {% if forloop.first %} <table border=1> <tr> <td width=300 align=center>产品名称</td> <td width=100 align=center>单价</td> <td width=100 align=center>数量</td> <td width=100 align=center>小计</td> <td width=100 align=center>删除</td> </tr> {% endif %} <div class='listgroup'> <div class='listgroup-item'> <tr> <td>{{ item.product.name }}</td> <td align=right>{{ item.product.price }}</td> <td align=center>{{ item.quantity }}</td> <td align=right>{{ item.total_price }}</td> <td align=center> <a href='{% url "removeitem-url" item.product.id %}'><span class='glyphicon glyphicon-trash'></span></a> </td> </tr> </div> </div> {% if forloop.last %} </table> <button class='btn btn-warning'><a href='/order'>我要订购</a></button> {% endif %} {% empty %} <em>购物车是空的</em> {% endfor %} </div> <div class='panel panel-footer'> 总计:{{ cart.summary }}元 </div> </div> </div> </div></div>{% endblock %}显示如下:
至此,我们便完成了购物车功能,接下来可以实现订单功能,付款功能等等。
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
本文实例为大家分享了java实现购物车功能的具体代码,供大家参考,具体内容如下1需要实现1、实现淘淘商城的购物车功能2购物车功能2.1功能说明1、商品加入购物车
本文实例为大家分享了js实现购物车功能的具体代码,供大家参考,具体内容如下使用html配合原生js实现购物车功能*实现购物车商品数量的加减,注意数量最少为1,数
本文实例为大家分享了vuex实现购物车功能的具体代码,供大家参考,具体内容如下先看效果:代码:vuex购物车案例importAddFromfrom'./Add.
本文介绍一个php实现的购物车代码,功能实现完整,具有一定的参考价值这里我们为你提供个简单的php购物车代码,从增加购物产品与发生购买了,在商城开发中,这个功能
本文介绍一个php实现的购物车代码,功能实现完整,具有一定的参考价值这里我们为你提供个简单的php购物车代码,从增加购物产品与发生购买了,在商城开发中,这个功能