Django建立視圖模板

前述內容針對本人的 blog 引用程序建立二零視圖和URL, 下面將添加模板,並以用戶友好的方式顯示帖子。html

接下來在blog 應用程序目錄中建立下列目錄和文件:django

templates/
     blog/
           base.html
   post/
        list.html
       detail.html

上述結構將表示模板的文件結構。其中,base.html 文件包含了站點的HTML 主結構,並將內容劃分爲主內容區域和側欄。list.html 和 detail.html 文件繼承自base.html 文件,分別用於渲染博客帖子列表以及詳細視圖。瀏覽器

Django包含了功能強大的模板語言,並可肯定數據的顯示方式。該語言基於模板標籤、模板變量以及模板過濾器,以下所示:post

  • 模板標籤負責控制模板的渲染,形如 {% tag %}
  • 當模板被渲染時,模板變量被替換爲對應值,形如{{ variable }}
  • 模板過濾器可針對顯示調整變量,形如 {{ variable| filter }}

讀者能夠訪問 https://docs.djangoproject.com/en/3.0/ref/templates/builtins/,以查看所有內建的模板標籤和過濾器。ui

下面有關編輯 base.html 和 list.html 和 detail.html 還需讀者們自行完成,這裏本人就再也不展現。spa

其中{% load static %}的做用是通知Django 加載 django.contrib.staticfiles應用程序提供的靜態模板標籤,該標籤位於 INSTALLED_APPS 設置項中。code

{% extends "blog/base.html" %}的做用是通知Django 繼承 blog/base.html 模板。htm

一切完成後,讀者能夠返回瀏覽器中刷新,單擊帖子標題以查看帖子的詳細視圖。blog

感謝你們的查看與支持。繼承

相關文章
相關標籤/搜索