Django之侧边栏抽取(inclusion_tag)

include和inclusion_tag的区别:

1、include:固定的,不能动态变化


2、inclusion_tag:返回一个动态的html片段 ----- 编写方式和自定义过滤器差不多

【1】编写步骤1

【1】在settings中得INSTALLED_APPS配置当前app,不然django无法找到自定义的标签


【2】在app中创建templatetags包(包名只能叫templatetags)


【3】在包下创建任意的py文件


【4】导入,实例化得到对象,对象名字必须是register,不能是其它

python 复制代码
from django import template

register = template.Library()

【5】使用装饰器

python 复制代码
from django import template
from BLOG import models
from django.db.models import Count
from django.db.models.functions import TruncMonth
# 侧边栏抽取
register = template.Library()

# 把返回的数据----渲染在left.html中-------html片段
# 把这个html片段放在你想放在的位置
@register.inclusion_tag('left.html', name='left')
def left(username):
    user = models.UserInfo.objects.filter(username=username).first()
    res_category = models.Article.objects.filter(blog_id=user.blog.id).values('category__id').annotate(
        article_count=Count('id')).values('category__id', 'category__name', 'article_count')
    res_tag = models.Article.objects.filter(blog_id=user.blog.id).values('tag__id').annotate(
        article_count=Count('id')).values('tag__id', 'tag__name', 'article_count')
    res_date = models.Article.objects.filter(blog_id=user.blog.id).annotate(create_date=TruncMonth('create_time')).values(
        'create_date').annotate(article_count=Count('id')).values('create_date', 'article_count')
    return {'user':user,'res_category':res_category,'res_tag':res_tag,'res_date':res_date}

【6】html片段,(left.html)文件中的内容

python 复制代码
    <div class="panel panel-primary">
        <div class="panel-heading">
            <h3 class="panel-title">我的标签</h3>
        </div>
        <div class="panel-body">
            {% for tag in res_tag %}
                <p>
                    <a href="/{{ user.username }}/tag/{{ tag.tag__id }}.html">{{ tag.tag__name }}({{ tag.article_count }})</a>
                </p>
            {% endfor %}

        </div>
    </div>
    <div class="panel panel-success">
        <div class="panel-heading">
            <h3 class="panel-title">随笔分类</h3>
        </div>
        <div class="panel-body">
            {% for category in res_category %}
                <p>
                    <a href="/{{ user.username }}/category/{{ category.category__id }}.html">{{ category.category__name }}({{ category.article_count }})</a>
                </p>
                <hr>
            {% endfor %}


        </div>
    </div>
    <div class="panel panel-info">
        <div class="panel-heading">
            <h3 class="panel-title">随笔档案</h3>
        </div>
        <div class="panel-body">
            {% for date in res_date %}
                <p><a href="/{{ user.username }}/archive/{{ date.create_date|date:'Y-m' }}.html">{{ date.create_date|date:'Y-m' }}({{ date.article_count }})</a></p>
            {% endfor %}

        </div>
    </div>

【7】在模板中使用(在想用的位置load即可)

html 复制代码
{% load comon_left %}

{% left user.username %}
相关推荐
MoRanzhi12035 小时前
第 8 篇 · 机器学习建模与实验评估:建模流程与对照实验
python·机器学习·scikit-learn·模型评估·交叉验证·shap·消融实验
棉猴5 小时前
玩游戏学Python9-算术运算符应用1
python·游戏·pygame·玩游戏·游戏编程
高频因子挖掘机6 小时前
股票分红送转后价格“断层”:前复权、后复权和不复权该怎么选?
后端·github·api
一条泥憨鱼6 小时前
【Redis | 黑马点评】短信登录功能 源码深度分析
java·redis·后端·session·黑马点评
威哥爱编程6 小时前
【AI全栈12-12】Spring Boot 3.x → 4.x 迁移实操:Jakarta 11、Jackson 3 与 AI 2.0
java·spring boot·后端
威哥爱编程6 小时前
【AI全栈12-11】Spring Boot 把 AI 接口真正上线扛量:限流 / 降级 / 可观测
java·spring boot·后端
小蒜学长6 小时前
基于SpringBoot+uni-app的闪洁家政系统的设计与实现(代码+数据库+LW)
java·spring boot·后端·uni-app·家政服务
凤年徐6 小时前
【Python】Python 语法速通指南
开发语言·python
quantdash_cc6 小时前
量化数据清洗应该放在数据层还是策略层?从系统架构看清职责边界
开发语言·python·数据分析·系统架构·量化交易·股票数据·quantdash
梅雅达编程笔记6 小时前
Day 06 · 第一个 API 接口:从 Model 到 JSON
python·django·drf·后端开发·restful api·序列化器