广告位 |
django无限分类
2021年9月25日 11:28编程 > 1850人已围观
简介 很多网站的首页上都会展示很多的分类,诸如:京东,淘宝,C站等等,都是利用Django模型中的自关联做的,今天做一期无限级分类的Blog! 定义了一个基本的模型用于继承(创建时间和更新时间)...
很多网站的首页上都会展示很多的分类,诸如:京东,淘宝,C站等等,都是利用Django模型中的自关联做的,今天做一期无限级分类的Blog!
?模型创建
定义了一个基本的模型用于继承(创建时间和更新时间)
from django.db import models
# Create your models here.
class BaseModel(models.Model):
create_time = models.DateTimeField(auto_now_add=True)
update_time = models.DateTimeField(auto_now=True)
class Meta:
abstract = True
class Cart(BaseModel):
name = models.CharField(max_length=50)
parent = models.ForeignKey('self', on_delete=models.CASCADE, null=True, blank=True, related_name='son')
level = models.IntegerField(null=True, blank=True)
top_parent = models.IntegerField(null=True, blank=True)
class Meta:
db_table = 'cart'
?功能实现
根据前端所需要的数据来构造数据
from rest_framework.response import Response
from rest_framework.views import APIView
from .models import Cart
from .serializer import CartSerializer
def getCart(carts):
"""
解析分类
"""
dict = {}
list = []
for i in carts:
dict[i['id']] = i
for j in carts:
parent_id = j['parent']
if parent_id:
if 'son' not in dict[parent_id]:
dict[parent_id]['son'] = []
dict[parent_id]['son'].append(j)
else:
list.append(j)
return list
class CartView(APIView):
"""
获取分类
"""
def get(self, request):
# 查询分类
cart_obj = Cart.objects.all()
cart_ser = CartSerializer(cart_obj, many=True)
cart_list = getCart(cart_ser.data)
return Response({'code': 200, 'cartList': cart_list})
?路由配置
"""
Including another URLconf
1. Import the include() function: from django.urls import include, path
2. Add a URL to urlpatterns: path('blog/', include('blog.urls'))
"""
from django.urls import path
from . import views
urlpatterns = [
path('home/', views.CartView.as_view()) # 首页分类接口
]
?前端功能
用vue-cli脚手架
<template>
<div>
<h3>无限级分类展示</h3>
<div v-for="i in cart_list">
<p v-for="j in i.son">
<span>{{ i.name }}</span>  
<span>{{ j.name }}</span> 
<span v-for="k in j.son">{{ k.name }}</span> 
</p>
</div>
</div>
</template>
<script>
export default {
data() {
return {
cart_list: []
}
},
methods: {
getCart() {
this.axios.get('cart/home/',).then(res => {
this.cart_list = res.data.cartList
})
}
},
mounted() {
this.getCart()
}
}
</script>
?效果展示
主要是实现后端功能,页面效果可忽略!
?总结
利用django模型提供的自关联构造首页数据,一级分类下面嵌套二级分类,二级分类下面嵌套三级等等,利用**related_name**实现向下查找即可!!!
下一篇: django部署静态文件访问
广告位 |
相关文章
随机图文
-
ETF基金:红利ETF的解读与投资攻略
今年红利ETF也火了,很多人都是冲着红利二字而来,却不知红利ETF的全名,有一个叫做上证红利ETF (510880),还有一个叫做中证红利ETF(515080),其实去年也有一个红利ETF很火,叫做深证红利ETF (159905),一共是三个不同的红利ETF,也就是我们常说的红利三兄弟。... -
短视频行业开起“收徒做任务”模式,能战抖音、斗快手吗?
百度正用趣头条的模式「批量生产」属于自己的抖音。 马化腾没做成的短视频梦,李彦宏正在接力。但趣头条的噩梦,百度可能也要继承。... -
房价这么贵!吉安人为什么还要拼了命地在城里买房?
原标题:房价这么贵!吉安人为什么还要拼了命地在城里买房? 农村很多人在外打工,农忙时回家务农,农闲时外出打工挣钱补贴家用。如果家里有准备娶媳妇的,那更要攒钱了。现在在农村娶媳妇花费不比城里少,彩礼钱,... -
七年级作文秘诀:怎样描写人物的外貌?
一提到外貌描写,你是不是会很容易想到这样的写法:黑黑的头发、弯弯的眉毛、水汪汪的大眼睛、樱桃一样的小嘴、红苹果一样的脸蛋……...