经验首页 前端设计 程序设计 Java相关 移动开发 数据库/运维 软件/图像 大数据/云计算 其他经验
当前位置:技术经验 » 程序设计 » Django » 查看文章
Django 实现购物车功能的示例代码
来源:jb51  时间:2018/10/10 8:47:28  对本文有异议

购物车思路:使用 session 功能识别不同浏览器用户,使得用户不管是否登录了网站,均能够把想要购买的产品放在某个地方,之后随时可以显示或修改要购买的产品,等确定了之后再下订单,购物车可以用来暂存商品。

我们可以使用 session 为每一个用户创建一个 ID,然后以这个 ID 作为创建每一个购物车的依据。这个购物车在用户浏览过程中会保留数据,一直到实际完成下单,用户执行清除,或者关闭浏览器为止,当然,退出登录的话购物车内容也会消失不见。

在 settings.py 文件中加入下列语句,表示要求在浏览器一关闭的时候 session 就会失效。

  1. SESSION_EXPIRE_AT_BROWSER_CLOSE = True

购物车的具体实现已经有现成的模块 django-cart 可以使用,详细用法可以参考 GitHub:https://github.com/bmentges/django-cart 。执行安装。

  1. pip install django-cart

安装完成后我们在 settings.py 文件中 INSTALL_APPS 中加入 'cart' 模块。并执行 ./manage.py migrate 更新数据库。

在 urls.py 中增加3个网站样式,分别用来执行购物车的增加产品,删除产品以及查看购物车。

  1. url(r'^cart/$', views.cart),
  2. url(r'^additem/(\d+)/(\d+)/$', views.add_to_cart, name='additem-url'),
  3. url(r'^removeitem/(\d+)/$', views.remove_from_cart, name='removeitem-url'),

我们编写 add_to_cart 函数,调用 django-cart 模块的 Cart 类,实现增加产品功能。

  1. from cart.cart import Cart
  2. def add_to_cart(request, product_id, quantity):
  3. product = models.Product.objects.get(id=product_id)
  4. cart = Cart(request)
  5. cart.add(product, product.price, quantity)
  6. return redirect('/')

这里记得将 cart.py 中的 import models 改为 from . import models ,否则 Python 会找不到这个模块,报错。

删除产品。

  1. def remove_from_cart(request, product_id):
  2. product = models.Product.objects.get(id=product_id)
  3. cart = Cart(request)
  4. cart.remove(product)
  5. return redirect('/cart/')

显示购物车内容。

  1. @login_required
  2. def cart(request):
  3. all_categories = models.Category.objects.all()
  4. cart = Cart(request)
  5. template = get_template('cart.html')
  6. html = template.render(context=locals(), request=request)
  7. return HttpResponse(html)

购物车的 html 文件 cart.html 。

  1. <!-- cart.html (mshop project) -->
  2. {% extends "base.html" %}
  3. {% block title %}查看购物车{% endblock %}
  4. {% block content %}
  5. <div class='container'>
  6. {% for message in messages %}
  7. <div class='alert alert-{{message.tags}}'>{{ message }}</div>
  8. {% endfor %}
  9. <div class='row'>
  10. <div class='col-md-12'>
  11. <div class='panel panel-default'>
  12. <div class='panel-heading' align=center>
  13. <h3>欢迎光临迷你小电商</h3>
  14. {% if user.socialaccount_set.all.0.extra_data.name %}
  15. {{user.socialaccount_set.all.0.extra_data.name}}<br/>
  16. <img src='{{user.socialaccount_set.all.0.get_avatar_url}}' width='100'>
  17. {% else %}
  18. Welcome: {{ user.username }}
  19. {% endif %}
  20. </div>
  21. </div>
  22. </div>
  23. </div>
  24. <div class='row'>
  25. <div class='col-sm-12'>
  26. <div class='panel panel-info'>
  27. <div class='panel panel-heading'>
  28. <h4>我的购物车</h4>
  29. </div>
  30. <div class='panel panel-body'>
  31. {% for item in cart %}
  32. {% if forloop.first %}
  33. <table border=1>
  34. <tr>
  35. <td width=300 align=center>产品名称</td>
  36. <td width=100 align=center>单价</td>
  37. <td width=100 align=center>数量</td>
  38. <td width=100 align=center>小计</td>
  39. <td width=100 align=center>删除</td>
  40. </tr>
  41. {% endif %}
  42. <div class='listgroup'>
  43. <div class='listgroup-item'>
  44. <tr>
  45. <td>{{ item.product.name }}</td>
  46. <td align=right>{{ item.product.price }}</td>
  47. <td align=center>{{ item.quantity }}</td>
  48. <td align=right>{{ item.total_price }}</td>
  49. <td align=center>
  50. <a href='{% url "removeitem-url" item.product.id %}'><span class='glyphicon glyphicon-trash'></span></a>
  51. </td>
  52. </tr>
  53. </div>
  54. </div>
  55. {% if forloop.last %}
  56. </table>
  57. <button class='btn btn-warning'><a href='/order'>我要订购</a></button>
  58. {% endif %}
  59. {% empty %}
  60. <em>购物车是空的</em>
  61. {% endfor %}
  62. </div>
  63. <div class='panel panel-footer'>
  64. 总计:{{ cart.summary }}元
  65. </div>
  66. </div>
  67. </div>
  68. </div>
  69. </div>
  70. {% endblock %}

显示如下:

 至此,我们便完成了购物车功能,接下来可以实现订单功能,付款功能等等。

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持w3xue。

 友情链接:直通硅谷  点职佳  北美留学生论坛

本站QQ群:前端 618073944 | Java 606181507 | Python 626812652 | C/C++ 612253063 | 微信 634508462 | 苹果 692586424 | C#/.net 182808419 | PHP 305140648 | 运维 608723728

W3xue 的所有内容仅供测试,对任何法律问题及风险不承担任何责任。通过使用本站内容随之而来的风险与本站无关。
关于我们  |  意见建议  |  捐助我们  |  报错有奖  |  广告合作、友情链接(目前9元/月)请联系QQ:27243702 沸活量
皖ICP备17017327号-2 皖公网安备34020702000426号