Django+Vue开发生鲜电商平台之1.项目介绍

CuterCorley 等级 522 0 0

我永远相信只要永不放弃,我们还是有机会的。最后,我们还是坚信一点,这世界上只要有梦想,只要不断努力,只要不断学习,不管你长得如何,不管是这样,还是那样,男人的长相往往和他的的才华成反比。今天很残酷,明天更残酷,后天很美好,但绝对大部分是死在明天晚上,所以每个人不要放弃今天。 ------马云

本项目旨在使用Django、Vue和REST Framework等技术开发一个前后端分离的生鲜电商平台。

一、项目概览

在项目中需要使用和掌握的主要技术如下:

  • Vue+Django+REST Framework前后端分离技术
  • restful api开发
  • Django REST Framework的功能实现和核心源码分析
  • Sentry完成线上系统的错误日志的监控和告警
  • 第三方登录和支付宝支付的集成
  • 本地调试远程服务器代码技巧

项目的实现分为三部分:

  • vue前端项目
  • django rest framework系统实现前台功能
  • xadmin后台管理系统

二、项目技术要点

项目的技术重点是Django REST Framework,这是一个专注于Restful API开发的框架,最终熟悉Restful API开发流程,主要技术要点为:

  • 通用view实现rest api接口
    • ApiView方式实现api
    • GenericView方式实现api接口
    • Viewset和router方式实现api接口和url配置
    • django_filter、SearchFilter、OrderFilter、分页
    • 通用mixins
  • 权限和认证
    • Authentication用户认证设置
    • 动态设置permission、Authentication
    • Validators实现字段验证
  • 序列化和表单验证
    • Serializer
    • ModelSerializer
    • 动态设置serializer
  • 支付、登录和注册
    • json web token实现登录
    • 手机注册
    • 支付宝支付
    • 第三方登录
  • 进阶开发
    • djang rest framework部分核心源码解读
    • 文档自动化管理
    • django rest framework的缓存
    • Throttling对用户和ip进行限速

Vue的主要技术点包括API接口、Vue组件和Vue的项目组织结构分析,还涉及到以下知识点:

  1. Vue技术选型分析
  2. API后端接口数据填充到Vue组件模板
  3. Vue代码结构分析

对于Django,会提供进阶知识点,包括如下:

  • Django migrations原理
  • Django信号量
  • Django从请求到响应的完整过程
  • 独立使用Django的Model

除了这些技术点外,还会涉及到API开发过程中很多常见的问题,如:

  • 本地系统不能重现线上系统的bug
  • API接口出错不能及时发现或难找到错误栈
  • API文档管理问题
  • 大量的url配置造成url配置越来越多难以维护
  • 接口不及时去更新文档对方不知道如何去测试接口,但写文档会花费大量的时间去维护
  • 为了防止爬虫,可能需要针对api的访问频率进行限制,比如一分钟、一小时或者一天用户的访问频率限制问题
  • 某些页面将数据放入缓存,加速某些api的访问速度

会针对这些问题给出以下解决方案:

  1. 通过介绍pycharm的远程服务器代码调试技巧让大家不仅可以调试支付、第三方登录还可以调试远程服务器的代码来重现服务器上的bug;
  2. 通过docker搭建sentry来体验错误日志监控系统,让我们不仅可以得到线上的错误栈还能及时在发生系统错误时收到邮件通知;
  3. django rest framework的文档自动化管理以及url的注册管理功能会让我们省去写文档的时间;
  4. django rest framework的文档管理功能不仅可以让我们省去写文档的时间还能直接在文档里面测试接口、自动生成的js接口代码、shell测试代码和python测试代码;
  5. django rest framework提供的throttle来对api进行访问频率限制;
  6. 引入第三方框架来设置某些api的缓存。

本项目的技术前提是Python基础、Django基础、Vue基础和简单MySQL知识,如果未掌握基础的这些小伙伴需要提前预习哦。

三、项目预览

这里先给出一些项目的效果图,让大家先睹为快。 首页效果: Django+Vue开发生鲜电商平台之1.项目介绍 商品信息: Django+Vue开发生鲜电商平台之1.项目介绍 登录页: Django+Vue开发生鲜电商平台之1.项目介绍 注册页: Django+Vue开发生鲜电商平台之1.项目介绍 导航栏: Django+Vue开发生鲜电商平台之1.项目介绍 商品详情页: Django+Vue开发生鲜电商平台之1.项目介绍 结算页面: Django+Vue开发生鲜电商平台之1.项目介绍 支付页面: Django+Vue开发生鲜电商平台之1.项目介绍 订单详情页面: Django+Vue开发生鲜电商平台之1.项目介绍 接口文档页面: Django+Vue开发生鲜电商平台之1.项目介绍

来吧,伙伴们,让我们一起徜徉在项目开发的浩瀚海洋中吧。

本文原文首发来自博客专栏Python Web开发实战,由本人转发至https://www.helloworld.net/p/jVRIJQu6bF5Z,其他平台均属侵权,可点击https://blog.csdn.net/CUFEECR/article/details/107322547查看原文,也可点击https://blog.csdn.net/CUFEECR浏览更多优质原创内容。

收藏
评论区

相关推荐

爬取五大平台621款手机,告诉你双十一在哪买最便宜!
↑关注置顶 有趣的不像个技术号 今晚0点,相约剁手 大家好,我是朱小五 明天就是双十一了,看了看自己手里的卡的像IE浏览器的手机,感觉可能等不
Django+Vue开发生鲜电商平台之1.项目介绍
我永远相信只要永不放弃,我们还是有机会的。最后,我们还是坚信一点,这世界上只要有梦想,只要不断努力,只要不断学习,不管你长得如何,不管是这样,还是那样,男人的长相往往和他的的才华成反比。今天很残酷,明天更残酷,后天很美好,但绝对大部分是死在明天晚上,所以每个人不要放弃今天。 马云 本项目旨在使用Django、Vue和REST Framewor
Django+Vue开发生鲜电商平台之2.开发环境搭建
一、PyCharm的安装和简单使用 由于开发的主要后端语言是Python,因此选择PyCharm作为主要的开发工具。 PyCharm可以直接在搜索引擎中直接搜索官网下载,在每种平台均有社区版和专业版两种。社区版免费但功能有限,适合初学者;专业版功能齐全,适合专业开发者。开发者可以根据需要自行选择。 Windows下安装PyCharm与安装普通软件类似。
Django+Vue开发生鲜电商平台之1.项目介绍
我永远相信只要永不放弃,我们还是有机会的。最后,我们还是坚信一点,这世界上只要有梦想,只要不断努力,只要不断学习,不管你长得如何,不管是这样,还是那样,男人的长相往往和他的的才华成反比。今天很残酷,明天更残酷,后天很美好,但绝对大部分是死在明天晚上,所以每个人不要放弃今天。 马云本项目旨在使用Django、Vue和REST Framewor
Django+Vue开发生鲜电商平台之2.开发环境搭建
一、PyCharm的安装和简单使用由于开发的主要后端语言是Python,因此选择PyCharm作为主要的开发工具。PyCharm可以直接在搜索引擎中直接搜索官网下载,在每种平台均有社区版和专业版两种。社区版免费但功能有限,适合初学者;专业版功能齐全,适合专业开发者。开发者可以根据需要自行选择。Windows下安装PyCharm与安
Django+Vue开发生鲜电商平台之3.数据模型设计和资源导入
永远不要跟别人比幸运,我从来没想过我比别人幸运,我也许比他们更有毅力,在最困难的时候,他们熬不住了,我可以多熬一秒钟、两秒钟。 ——马云Github和Gitee代码同步更新:;。在正式开发项目之前,要确定数据库和表结构。 一、项目初始化在虚拟环境安装好之后,需要安装Django和Django REST framework,直接
Django+Vue开发生鲜电商平台之4.Restful API和Vue介绍
也许今天你是最好的,但未必明天还最好;今天也许你是最差的,但社会给了你很多的机会,只要你把握,只要努力,总会有机会。 ——马云Github和Gitee代码同步更新:;。后端架构搭建好之后,需要搭建前端架构。 一、Restful API介绍 1.前后端分离优缺点近年来,随着多种平台类型(PC端、Android端、Mac端、iPhone端、P
Django+Vue开发生鲜电商平台之5.使用DRF实现商品列表页和过滤
胸怀是非常重要的,一个人有眼光没胸怀是很倒霉的。三国演义的周瑜就是眼光很厉害,胸怀很小,所以被诸葛亮气死了。宰相肚里面能撑船,说明宰相怨气太多了。他不可能每天跟人解释,只能干,用胸怀跟人解释。每个人的胸怀是靠委屈撑大的。 ——马云Github和Gitee代码同步更新:;。 一、普通方式实现商品列表页先了解Django中实现Json数据传递的基
Django+Vue开发生鲜电商平台之6.使用Vue实现商品类别和商品数据前台显示
什么是胸怀?胸怀是人生的志向和抱负,胸怀是人格的品位和质量,胸怀是人对待世界万物气量和风度的定位。胸怀,能使弱者走过别人不敢走的路,攀上别人难以达到的高峰;胸怀,可以使先天低矮的人在别人眼里变得挺拔高大;胸怀,能使一名柔弱的女子充满大丈夫的英雄气概;胸怀,也使一个弱质变得体格健壮。 ——马云Github和Gitee代码同步更新:;。现在将DRF
Django+Vue开发生鲜电商平台之7.用户登录和注册功能
@toc 聪明是智慧者的天敌,傻瓜用嘴讲话,聪明的人用脑袋讲话,智慧的人用心讲话。所以永远记住,不要把自己当成最聪明的,最聪明的人相信总有别人比自己更聪明。 ——马云Github和Gitee代码同步更新:;。 一、DRF的token基本使用 1.DRF的token登录原理基于DRF的前后端分离登录与单独使用Django登录的原理不同,
Django+Vue开发生鲜电商平台之8.商品详情页功能实现
不走康庄大道,我自己喜欢做什么要比别人怎么看我更重要。 ——李彦宏Github和Gitee代码同步更新:;。 一、viewsets实现商品详情页商品详情页效果如下:可以看到,左侧有商品轮播图,右侧是商品的详情信息,包括商品名称、商品描述、是否包邮、市场价、本店价、销量、库存量、购物车按钮、收藏按钮,还包括富文本详情和热卖商品等。apps/go
Django+Vue开发生鲜电商平台之9.个人中心功能开发
一个人想要成功,想要改变命运,有梦想是重要的。……我觉得每个人都应该心中有梦,有胸怀祖国的大志向,找到自己的梦想,认准了就去做,不跟风不动摇。同时,我们不仅仅要自己有梦想,你还应该用自己的梦想去感染和影响别人,因为成功者一定是用自己的梦想去点燃别人的梦想,是时刻播种梦想的人。 ——李彦宏Github和Gitee代码同步更新:;。 一、DRF的
Django+Vue开发生鲜电商平台之11.首页、商品数量、缓存和限速功能开发
青,取之于蓝而青于蓝;冰,水为之而寒于水。 ——《荀子·劝学》Github和Gitee代码同步更新:;。 一、首页功能完善首页待完善的功能包括轮播图、新品尝鲜、系列商品等。 1.轮播图实现轮播图包括3张图片,链接对应3个商品,先在apps/goods/serializers.py中定义序列化如下:pythonclass Banner
拼多多Q4财报数据,以及我的网购倾向
大家好,我是小五🐶 拼多多昨天发布2020年第四季度及全年财报。截至2020年底,平台年活跃买家数达7.884亿。四季度,拼多多营收增长146%至265.477亿元,全年营收增长97%至594.919亿元。另外,创始人黄峥宣布卸任拼多多董事长,由现任CEO陈磊接任。我给报告长图套了一个手机壳,感觉美观多了👇▼   向上滑动查看报告 关于黄铮老板的选
Django的安装与简易使用
Django的安装与简易使用 1.Django的简介Django是有Python编写的一个开源代码Web应用框架(网址:https://github.com/django/django)。他是基于MTV模式,其本质与MVC是一样的。具体是:1. M 代表模型(Model):负责业务对象和数据库的关系映射(ORM)2. T 代表模板 (Template):负责