模板標簽及模板的繼承與引用

1.常用的模板標簽
- 作用是什么:提供各種邏輯
view.py:
def index(request):
#模板標簽
--常用標簽
總結:語法
{% tag %} {% endtag %}
{% tag 參數 參數 %}

示例

展示頁index.html,包含for標簽,if標簽,url標簽

{% extends 'teacher/base.html' %}
{% load static %}
{% load customer_filter %}
{% load customer_tags %}
{% block title %}首頁{% endblock %}
{% block link %}<link href="{% static 'teacher/css/starter-template.css' %}" rel="stylesheet">
{% endblock %}
{% block content %}<body>
.....<table class="table"><tr><th>序號</th><th>姓名</th><th>年齡</th><th>性別</th></tr><tr>{% for stu in student %}<tr {% if stu.sex == 0 %}style="color: red" {% endif %}>  #女性顯示為紅色<td><a href="{% url 'teacher:detail' stu.id %}">{{ forloop.counter }}</a></td><td>{{ stu.name }}</td><td>{{ stu.age }}</td><td>{{ stu.sex|male:'en' }}</td></tr>{% endfor %}</tr></table></div></div><!-- /.container --><div style='position: fixed;bottom: 0px;'>{% include 'teacher/ad.html' %}</div>....</body>
{% endblock %}

views.py代碼如下:

def index(request):students = [{'id':10,'name':'tuple','age':18,'sex':1},{'id':20,'name':'xinlan','age':15,'sex':0},{'id':30,'name':'xiaopo','age':21,'sex':0},{'id':40,'name':'gulu','age':19,'sex':1},{'id':50,'name':'shiwei','age':20,'sex':0},]format_str = '%Y-%m-%d %H:%M:%S'return  render(request,'teacher/index.html',context={'student':students,'format_str':format_str})

頁面效果如下:

2.模板的繼承與引用
-引用 include 標簽 廣告插入,在index.html中使用include標簽引用廣告頁。

    <div style='position: fixed;bottom: 0px;'>{% include 'teacher/ad.html' %}</div>

?

繼承 extends 標簽
block

轉載于:https://www.cnblogs.com/taoge188/p/10586555.html

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/news/252072.shtml
繁體地址,請注明出處:http://hk.pswp.cn/news/252072.shtml
英文地址,請注明出處:http://en.pswp.cn/news/252072.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

文件夾操作之創建

創建文件夾可通過Directory類的CreateDirectory方法來實現格式為&#xff1a;Directory.CreateDirectory(“文件路徑”)&#xff1b;String path“C:\Users\Administrator\Desktop\51zxw”&#xff1b; If&#xff08;Directory.exists&#xff08;path&#xff09;&#xff09…

doxygen

http://www.doxygen.nl/轉載于:https://www.cnblogs.com/zengkefu/p/7383793.html

C#:RichTextBox 追加其它顏色的行列

1、新建靜態擴展方法public static class RichTextBoxExtension{public static void AppendTextColorful(this RichTextBox rtBox, string text, Color color, bool addNewLine true){if (addNewLine){text Environment.NewLine;}rtBox.SelectionStart rtBox.TextLength;rtB…

Golang實現一個密碼生成器

小地鼠防止有人偷他的果實&#xff0c;在家里上了一把鎖。這個鎖怎么來的呢&#xff1f;請往下看。。 package mainimport ("flag""fmt""math/rand""time" )var (length intcharset string )const (NUmStr "0123456789"C…

Java基礎知識(二)

1、String、StringBuffer、StringBuilder 操作少量數據->String單線程操作字符串緩沖區下操作大量數據->StringBuilder多線程操作字符串緩沖區下操作大量數據->StringBuffer可變性&#xff1a;String類中使用final關鍵字private final char value[]&#xff0c;所以St…

C# WPF:初識布局容器

StackPanel堆疊布局 StackPanel是簡單布局方式之一&#xff0c;可以很方便的進行縱向布局和橫向布局 StackPanel默認是縱向布局的 <Window x:Class"WpfApplication1.MainWindow" xmlns"http://schemas.microsoft.com/winfx/2006/xaml/presentation" …

Kibana源碼分析--Hapijs路由設置理解筆記

【ES6解構賦值】&#xff1a;https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Operators/Destructuring_assignment 【Joi APi】&#xff1a;https://github.com/hapijs/joi/blob/v13.1.2/API.md 轉載于:https://www.cnblogs.com/lishidefengchen/p/866874…

Python打包EXE神器 pyinstaller

最近由于項目需要&#xff0c;以前的python文件需要編輯為EXE供前端客戶使用。 由于最早接觸的是distutils&#xff0c;所以一開始準備使用distutils和py2exe搭配來進行python的exe化&#xff0c;也就是傳統的使用setup.py的方式來進行exe安裝。但是結果都不是很好&#xff0c;…

好程序員HTML5前端教程-css的引入方式和選擇器

好程序員HTML5前端教程-css的引入方式和選擇器 01.引入css方式&#xff08;重點掌握&#xff09; 行內樣式 內接樣式 外接樣式      3.1 鏈接式      3.1 導入式 css介紹 現在的互聯網前端分三層&#xff1a; HTML&#xff1a;超文本標記語言。從語義的角度描述頁面結…

4.4.6 數組也能無鎖:AtomicIntegerArray

數組也可以實現cas操作&#xff0c;有以下幾個類以及用法如下&#xff1a; public class AtomicTntegerArrayTest {public static void main(String[] args) {AtomicIntegerArray atomicIntegerArraynew AtomicIntegerArray(3);AtomicLongArray atomicIntegerArray1new AtomicL…

20種PLC元件編號和Modbus編號地址對應表

1、三菱&#xff1a; X元件支持Modbus之02功能碼&#xff1b; Y元件支持Modbus之01、05、15功能碼&#xff1b; D元件支持Modbus之03、06、16功能碼。 2、西門子&#xff1a; I元件支持Modbus之02功能碼&#xff1b; Q元件支持Modbus之01、05、15功能碼&#xff1b; V元件…

暑期學習

由于最后大作業的呈現情況與短學期所完成的還相差甚遠&#xff0c;所以在暑期的時候開始進一步的細化。 在這個過程之中產生了如下的問題&#xff1a; 已解決的有&#xff1a; 1.用a標簽在同一頁面實現跳轉。 要點&#xff1a;標記<a href"../home#pre">的時候…

五、RabbitMQ的消息屬性(讀書筆記)

2019獨角獸企業重金招聘Python工程師標準>>> 簡介 當使用RabbitMQ發布消息時&#xff0c;消息又AMQP規范中的三個低層幀類型組成&#xff1a; Basic.publish方法幀&#xff1b;內容頭幀&#xff1b;消息體幀&#xff1b;這三種幀類型按順序一起工作&#xff0c;以便…

異步和單線程

轉載于:https://www.cnblogs.com/sunmarvell/p/8674748.html

windows下解決mysql5中文亂碼的問題

1.問題描述&#xff1a;一開始無論是在命令行&#xff0c;還是在mysql的客戶端輸入中文都會出現 “???” 問題之類的亂碼問題&#xff1b; 2.解決辦法&#xff1a; 1&#xff09;cmd 進入mysql &#xff0c;命令mysql -uroot -p123456 2&#xff09;然后執行 show variable…

C#:把dll封入exe中方法

在這個事件中,可以重新為加載失敗的程序集手動加載 如果你將dll作為資源文件打包的你的應用程序中(或者類庫中) 就可以在硬盤加載失敗的時候 從資源文件中加載對應的dll 就像這樣: class Program {static Program(){ //這個綁定事件必須要在引用到TestLibrary1這個程序…

P2685 [TJOI2012]橋

P2685 [TJOI2012]橋 思路&#xff1a; 先求出最短路&#xff1a; d1[u] : u 到 1 的最短路&#xff0c; d2[u] : u 到 n 的最短路 再求出一條從 1 到 n 的最短路鏈&#xff0c;然后從鏈上的每一個點出發dfs, 求出&#xff1a; l[u] : u 到 1 的最短路徑過中和鏈的交點&#xf…

C#結構類型圖

轉載于:https://www.cnblogs.com/kangao/p/8674838.html

C# 全局鉤子實現掃碼槍獲取信息

1.掃描槍獲取數據原理基本相當于鍵盤數據&#xff0c;獲取掃描槍掃描出來的數據&#xff0c;一般分為兩種實現方式。 a&#xff09;文本框輸入獲取焦點&#xff0c;掃描后自動顯示在文本框內。 b&#xff09;使用鍵盤鉤子&#xff0c;勾取掃描槍虛擬按鍵&#xff0c;根據按鍵頻…

Centos下安裝mysql(二進制版)

Centos下安裝mysql&#xff08;二進制版&#xff09; 1.下載安裝包&#xff0c;選擇相應的平臺、版本&#xff0c;比如&#xff0c;選擇64位Linux平臺下的MySQL二進制包“Linux-Generic &#xff08;glibc 2.5&#xff09;&#xff08;x86&#xff0c;64-bit&#xff09;&#…