首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

Django+Vue开发生鲜电商平台之6.使用Vue实现商品类别和商品数据前台显示

一、商品类别数据接口 由之前的效果图和需求分析可知,首页全部商品分类需要展示一级、二级和三级分类,而在搜索结果页只展示一级和二级分类,分类有两个Vue组件,即Header中的全部商品分类和左侧的某以及类别对应的分类导航栏...先在apps/goods/views.py中定义商品类别数据View如下: from rest_framework import mixins, viewsets, filters from rest_framework.pagination...此时,以嵌套的形式在父类别中显示出子类别,并且属于三层嵌套。...显然,此时地址中传入指定的id,只显示该id对应的类别的信息和其子类别的信息。...,请求该参数则返回这一类别下的所有类别,需要在后端定义一个过滤器,需要找到该一级分类下的所有二级分及其对应的商品,后端apps/goods/filters.py如下: import django_filters

1.7K32
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    Django REST framework+Vue 打造生鲜超市(五) 六、商品类别数据展示

    六、商品类别数据展示 6.1....商品类别数据接口 (1)商品分类有两个接口: 一种是全部分类:一级二级三级   一种是某一类的分类以及商品详细信息:  开始写商品分类的接口 (2)序列化 给分类添加三级分类的serializer  goods...fields = "__all__" class CategorySerializer(serializers.ModelSerializer): """ 商品一级类别序列化...,需要传入参数:一级分类的id pricemin和pricemax与前端保持一致 获取一级分类下的所有商品 # goods/filters.py import django_filters from...REST framework+Vue 打造生鲜超市(四) Django REST framework+Vue 打造生鲜超市(三) Django REST framework+Vue 打造生鲜超市(二)

    2.4K81

    Django REST framework+Vue 打造生鲜超市(一)

    一、项目介绍 1.1.掌握的技术 Vue + Django Rest Framework 前后端分离技术 彻底玩转restful api 开发流程 Django Rest Framework 的功能实现和核心源码分析...Sentry 完成线上系统的错误日志的监控和告警 第三方登录和支付宝支付的集成 本地调试远程服务器代码的技巧 1.2.系统构成 vue前端项目 django rest framework 系统实现前台功能...rest framework 部分核心源码解读 文档自动化管理 django rest framework的缓存 throttling 对用户和ip进行限速 1.3.开发中常见的问题 本地系统不能重现的...js接口代码,shell测试代码和python测试代码 django rest framework 提供的throttle 对于api进行访问频率的限制 引入第三方框架来设置某些api的缓存 1.5.django...Vue组件模板 Vue代码结构分析 1.7.章节安排 项目介绍以及开发环境的搭建 设计数据库以及导入原始数据 restful api基础以及vue项目结构介绍 商品列表页功能 商品类别功能 手机注册和用户登录

    3.7K101

    一、二、开发准备

    一、项目介绍 1.1.掌握的技术 Vue + Django Rest Framework 前后端分离技术 彻底玩转restful api 开发流程 Django Rest Framework 的功能实现和核心源码分析...Sentry 完成线上系统的错误日志的监控和告警 第三方登录和支付宝支付的集成 本地调试远程服务器代码的技巧 1.2.系统构成 vue前端项目 django rest framework 系统实现前台功能...rest framework 部分核心源码解读 文档自动化管理 django rest framework的缓存 throttling 对用户和ip进行限速 1.3.开发中常见的问题 本地系统不能重现的...js接口代码,shell测试代码和python测试代码 django rest framework 提供的throttle 对于api进行访问频率的限制 引入第三方框架来设置某些api的缓存 1.5.django...Vue组件模板 Vue代码结构分析 1.7.章节安排 项目介绍以及开发环境的搭建 设计数据库以及导入原始数据 restful api基础以及vue项目结构介绍 商品列表页功能 商品类别功能 手机注册和用户登录

    1.5K00

    Django_rest框架电商项目实践项目(一篇文章讲清楚电商项目)项目的创建与基本的配置,所有接口的代码,项目代码已给

    目录 需求 创建一个Django项目 配置基础东西 连接mysql 使用Django_rest 解决跨域 建模(model里面写实体类) admin.py文件里面的创建 手动在后台管理系统里面添加相关数据...还有收货地址模块 创建一个Django项目 用pycharm直接创建一个Django项目 配置基础东西 连接mysql 使用Django_rest 解决跨域 第一步 第二部 第三部...框架的方法,不能变,就是定义查询的范围的,获取查询级 category=self.request.query_params.get('category',None) # 获取前段传过来的这个字段...框架自带 配置完成,进行生成数据库迁移 数据库里面会生成 就会多一个这个,配置文件里面,多加这个 REST_FRAMEWORK = { # 新版本必须写下面的话 'DEFAULT_PAGINATION_CLASS...这个表有一个外键和用户关联。

    2.8K10

    django-drf框架中排序和查询组件

    0910自我总结 django-drf框架中排序和查询组件 一查询相关 1.模糊查询 1.导入模块组件 from rest_framework.filters import SearchFilter 2...search_fields = ['字段一名称','字段二名称'] #可以用()包裹,写前面的优先级大于后面 filter_backends = [SearchFilter,] 其中search_fields...前面添加各种字符来限制搜索行为 ^以指定内容开头 =完全匹配 @全文搜索(目前只支持django数据存放在mysql) $正则匹配 2.自定义查询 1.自定义条件导入模块及设置 from django_filters.rest_framework...import ModelViewSet from django_filters.rest_framework import DjangoFilterBackend class CarModelViewSet...ordering_fields = ['字段一名称','字段二名称'] #可以用()包裹,写前面的优先级大于后面 filter_backends =[DjangoFilterBackend,]

    96100

    使用Python3.7+Django2.0.4配合vue.js2.0的组件递归来实现无限级分类(递归层级结构)

    那么这种层级结构也成为树结构在日常的开发需求里也是很常见的,比如美多商城系统的商品分类,课程的目录章节,以及以及论坛里的帖子回复等等,本次我们后台利用Django来写一个能够返回层级结构数据的接口,接口将该数据以...首先,打开django项目中的models.py,新建一个类别的模型类,这里我们以最简单的parentid的形式来建立 class Cate(models.Model): #主键 通过参数声明主键...id = models.AutoField(primary_key=True) #分类名称 name = models.CharField(max_length=500) #父级...pid = models.IntegerField() #表名 class Meta: db_table = 'cate'      由于我们的项目基于drf框架...,所以要增加一个序列器类,如果你的项目没有用drf,可以直接用json模块来进行序列化 from rest_framework import serializers from myapp.models

    68210

    基于OSQuery安全资产信息监控实践

    用Django创建RPC服务进行展示,快速容易理解。上图是通过Django框架提供RPC服务,监控机可以将服务提交RPC调用,你调用普通函数一样,调用运程服务器上的RPC函数。...安装Django框架 我们选用Django1.11.15作为样例的框架版本,没有用太新的,也没有用特另古老的版本。==后面指定版本号非常方便,过于老的Django版本就不推荐大家使用了。...pip install django==1.11.15 5. 安装Django REST Django REST可以方便的对外提供REST API服务,用较少的代码,写较多的功能。...这样我们在第一步,把架框中最主要的Django RPC和Django REST对介绍了,这两个部件是OSQuery以外最核心的内容。...因为用了Django Command直接调用RPC接口,就没用再说明REST API的调用样式。

    1.3K10

    【愚公系列】2022年04月 Python教学课程 73-DRF框架之限流

    如果要同时施加突发节流速率和持续节流速率,也可以使用多个节流阀。例如,您可能希望将用户限制为每分钟最多 60 个请求,每天最多 1000 个请求。 限制不一定仅指速率限制请求。...REST 框架提供的应用程序级限制不应被视为安全措施或针对暴力破解或拒绝服务攻击的保护。...故意的恶意行为者将始终能够欺骗 IP 源,应用程序级限制旨在实现策略,例如不同的业务层和防止服务过度使用的基本保护。...框架提供的限制类使用Django的缓存后端。...请参阅 Django 的缓存文档以获取更多详细信息。LocMemCache 如果需要使用 除 以外的高速缓存,可以通过创建自定义限制类并设置属性来执行此操作。

    71120

    Django API开发: 使用Python和Django构建web APIs

    for api是一个基于项目的指南,指导您使用Django和Django REST框架构建现代API。...” — Steve Jobs 目录 介绍 为什么需要APIs Django REST 框架 为什么写这本书 总结 第一章:Web API介绍 第二章:网络和API 第三章:Todo待办事项应用...Django REST 框架 有成百上千的第三方应用程序可为Django添加更多功能。 (您可以在Django Packages上看到完整的可搜索列表。)...但是Django REST Framework可以说是Django的杀手级应用。 它是成熟的,功能齐全,可自定义,可测试的,并且文档齐全。...为什么写这本书 我写这本书的原因是,对于Django REST框架新手来说,显然缺乏良好的资源。 假设似乎每个人都已经了解API,HTTP,REST等。

    2.9K21

    全栈“食”代:用 Django + Nuxt 实现美食分享网站(一)

    Django 作为 Python 社区最受欢迎的 Web 框架之一,凭借其高度抽象的组件和强大方便的脚手架,将快速且流畅的开发体验演绎到了极致。...我们接着安装 Django “三件套”: Django: Django 框架本身,提供了丰富且强大的服务器开发组件; DRF (Django Rest Framework):Django 框架的超级搭档...全局配置 首先,在全局配置文件 settings.py 中做如下改动: 在 INSTALLED_APPS 中添加 rest_framework、corsheaders 和 core,前两个分别是 Django...想要了解更多关于 Django 数据模型的知识,请参考相关中文文档[8]。 第二步,为 core 子应用配置相应的后台管理功能。...● 一杯茶的时间,上手Django框架开发 ● 从零到部署:用Vue和Express实现迷你全栈电商应用(五) ● 用Vue+ElementUI搭建后台管理极简模板 ·END·

    1.6K30
    领券