栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 软件开发 > 后端开发 > Python

Django(二)精美博客搭建(14)实现慢生活页面

Python 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

Django(二)精美博客搭建(14)实现慢生活页面

前言

本章主要讲述 【慢生活】 页面的实现

  • ps:图片墙部分我就没写了,直接用的写死的数据,大家可以自己实现一下,实现起来也很简单,然后时间轴部分,我直接新增一个【慢生活】标签,取对应标签的前4条数据

环境:

  • Pycharm
  • python3.6
  • mysql 5.7
  • django 2.0.13


一、新功能项目概览



二、具体代码实现
  • 我写在了【article应用】下
1、urls.py
# 慢生活
path('slow_life', slow_life, name='slow_life'),


2、views.py

def slow_life(request):
    """
    返回【慢生活】页面
    :param request:
    :return:
    """
    # 拿到:慢生活标签的前4篇文章
    tag = Tag.objects.get(name="慢生活")
    slow_articles = tag.article_set.all()[:4]
    print("slow_articles", slow_articles)
    return render(request, 'articleow_life.html', context=https://blog.csdn.net/Makasa/article/details/{'slow_articles': slow_articles})

3、article/slow_life.html

https://blog.csdn.net/Makasa/article/details/{% extends 'base.html' %}
https://blog.csdn.net/Makasa/article/details/{% load staticfiles %}

https://blog.csdn.net/Makasa/article/details/{% block title %}
    Mikasa慢生活
https://blog.csdn.net/Makasa/article/details/{% endblock %}

https://blog.csdn.net/Makasa/article/details/{# css样式部分 #}
https://blog.csdn.net/Makasa/article/details/{% block mycss %}
    
https://blog.csdn.net/Makasa/article/details/{% endblock %}

https://blog.csdn.net/Makasa/article/details/{# 内容部分 #}
https://blog.csdn.net/Makasa/article/details/{% block content %}
    

慢生活 “慢生活”不是懒惰,放慢速度不是拖延时间,而是让我们在生活中寻找到平衡。 https://blog.csdn.net/Makasa/article/details/{# 图片墙部分--写死的 #}
https://blog.csdn.net/Makasa/article/details/{# 时间轴部分#}
    https://blog.csdn.net/Makasa/article/details/{% for slow_article in slow_articles %}
  • https://blog.csdn.net/Makasa/article/details/{https://blog.csdn.net/Makasa/article/details/{ slow_article.title }}

    https://blog.csdn.net/Makasa/article/details/{https://blog.csdn.net/Makasa/article/details/{ slow_article.description }}

    阅读全文>>
  • https://blog.csdn.net/Makasa/article/details/{% endfor %}
https://blog.csdn.net/Makasa/article/details/{% endblock %} https://blog.csdn.net/Makasa/article/details/{# js 部分 #} https://blog.csdn.net/Makasa/article/details/{% block myjs %} https://blog.csdn.net/Makasa/article/details/{% endblock %}


4、base.html
慢生活Life

转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/1001741.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号