广告位 |
django无限分类
2021年9月25日 11:28编程 > 222人已围观
简介 很多网站的首页上都会展示很多的分类,诸如:京东,淘宝,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部署静态文件访问
广告位 |
相关文章
随机图文
-
美好的岁月被等待消耗掉
曾经去国外参加文化交流,花很多钱买过一件非常漂亮的衣服。因为太喜欢,所以舍不得穿,除非参加重要会议或在需要表示诚意的场合时才穿上身——使用率太低,使得我慢慢忘记了有这样一件衣服。... -
django无限分类
很多网站的首页上都会展示很多的分类,诸如:京东,淘宝,C站等等,都是利用Django模型中的自关联做的,今天做一期无限级分类的Blog! 定义了一个基本的模型用于继承(创建时间和更新时间)... -
thinkphp查询范围
可以对模型的查询和写入操作进行封装,例如:在查询的时候可以如下使用: // 查询email包含thinkphp和分数大于80的用户User::email('thinkphp')->score(80)->select(); 可以直接使用闭包函数进行查询,例如:... -
网页设计中的平面设计基础
随着信息时代的发展,互联网的普及,使互联网络成为“第四大信息传播的媒介”。网页设计以信息传播为裁体,两者之间紧密联系。作为互联网的重要元素之一——网页,它的发展虽然没有多长时间,但作为一种新的视觉表现形式,兼容了平面设计的特征,并具有迅捷,交互性好、传播面广等特点,为互联网络的信息传播提供良好的平台并且在教学中不断探索网页的设计理念,加上通知。...