广告位 |
django无限分类
2021年9月25日 11:28编程 > 1397人已围观
简介 很多网站的首页上都会展示很多的分类,诸如:京东,淘宝,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部署静态文件访问
广告位 |
相关文章
随机图文
-
七年级作文秘诀:怎样描写人物的外貌?
一提到外貌描写,你是不是会很容易想到这样的写法:黑黑的头发、弯弯的眉毛、水汪汪的大眼睛、樱桃一样的小嘴、红苹果一样的脸蛋……... -
小心“熬夜水”里淹死人
透明复古的玻璃瓶,配料表里满是“大补”,还能看到一整根人参……继“啤酒枸杞”“喝可乐放党参”等“创意”养生方法之后,近来一种由中药制作的“熬夜水”在奶茶界异军突起,它号称能让年轻人在熬夜后迅速恢复元气。... -
初中作文:怎样描写人物的语言
如果说外貌描写占了人物描写的一小部分,那么语言描写、动作描写就会占到人物描写的一大部分。尤其是人物的语言描写,在写人、叙事的作文中往往是很重要的。写好人物的语言,可以刻画出人物的性格特点,塑造出鲜活的人物形象,能够把作文的内容写得更加生动。... -
亚马逊到底为什么要封中国卖家?
因为封号冻资事件,亚马逊今年一直被热搜。 所以导致整个跨境电商笼罩的信息一直是今天这个大卖关了,明天那个大卖裁员了。特别是在一些自媒体流量吞噬下,行业似乎就没有一些积极事件发生。...