關于django的模板

模板

問題

如何向請求者返回一個漂亮的頁面呢?

肯定需要用到html、css,如果想要更炫的效果還要加入js,問題來了,這么一堆字段串全都寫到視圖中,作為HttpResponse()的參數嗎?這樣定義就太麻煩了吧,因為定義字符串是不會出任何效果和錯誤的,如果有一個專門定義前端頁面的地方就好了。

解決問題的技術來了:模板

在Django中,將前端的內容定義在模板中,然后再把模板交給視圖調用,各種漂亮、炫酷的效果就出現了。

創建模板

為應用booktest下的視圖index創建模板index.html,目錄結構如下圖:

設置查找模板的路徑:打開test1/settings.py文件,設置TEMPLATES的DIRS值

'DIRS': [os.path.join(BASE_DIR, 'templates')],

定義模板

打開templtes/booktest/index.html文件,定義代碼如下:

<html>
<head><title>圖書列表</title>
</head>
<body>
<h1>{{title}}</h1>
{%for i in list%}
{{i}}<br>
{%endfor%}
</body>
</html>

在模板中輸出變量語法如下,變量可能是從視圖中傳遞過來的,也可能是在模板中定義的。

{{變量名}}

在模板中編寫代碼段語法如下:

{%代碼段%}

視圖調用模板

調用模板分為三步驟:

  • 1.找到模板
  • 2.定義上下文
  • 3.渲染模板

打開booktst/views.py文件,調用上面定義的模板文件

from django.http import HttpResponse
from django.template import loader,RequestContextdef index(request):# 1.獲取模板template=loader.get_template('booktest/index.html')# 2.定義上下文context=RequestContext(request,{'title':'圖書列表','list':range(10)})# 3.渲染模板return HttpResponse(template.render(context))

打開瀏覽器刷新頁面,顯示效果如下圖:

視圖調用模板簡寫

視圖調用模板都要執行以上三部分,于是Django提供了一個函數render封裝了以上代碼。 方法render包含3個參數:

  • 第一個參數為request對象
  • 第二個參數為模板文件路徑
  • 第三個參數為字典,表示向模板中傳遞的上下文數據

打開booktst/views.py文件,調用render的代碼如下:

from django.shortcuts import renderdef index(request):context={'title':'圖書列表','list':range(10)}return render(request,'booktest/index.html',context)

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

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

相關文章

Hbase簡介及常用命令相關知識總結

文章目錄目錄前言&#xff1a;1.Hbase簡介1.1、什么是Hbase1.2、與傳統數據庫的對比1.3、Hbase集群中的角色2、Hbase數據模型3、Hbase命令總結&#xff1a;目錄 前言&#xff1a; 對于Hbase來說&#xff0c;由于其是基于列的數據庫&#xff0c;所以比傳統的數據庫快許多&…

Django中模型類 屬性-學習筆記

定義屬性 Django根據屬性的類型確定以下信息&#xff1a; 當前選擇的數據庫支持字段的類型渲染管理表單時使用的默認html控件在管理站點最低限度的驗證 django會為表創建自動增長的主鍵列&#xff0c;每個模型只能有一個主鍵列&#xff0c;如果使用選項設置某屬性為主鍵列后d…

Angular Redux

Angular Redux 轉載于:https://www.cnblogs.com/skating/p/6185878.html

AtomicInteger相關類

在java6以后我們不但接觸到了Lock相關的鎖&#xff0c;也接觸到了很多更加樂觀的原子修改操作&#xff0c;也就是在修改時我們只需要保證它的那個瞬間是安全的即可&#xff0c;經過相應的包裝后可以再處理對象的并發修改&#xff0c;以及并發中的ABA問題&#xff0c;本文講述At…

Storm入門簡介

目錄前言&#xff1a;1、Storm簡介2、Storm與Hadoop的區別3、Storm核心組件4、Storm編程模型5、流式計算一般架構圖&#xff08;重要&#xff09;總結&#xff1a; 目錄 前言&#xff1a; 在介紹Storm之前&#xff0c;先介紹下離線計算。 離線計算&#xff1a;批量獲取數據…

項目完成

完成示例項目 現在還需要的代碼包括三個方面&#xff0c;三個方面順序不分先后。 1.定義視圖2.定義URLconf3.定義模板 定義視圖 編寫booktest/views.py文件如下&#xff1a; from django.shortcuts import render from booktest.models import BookInfo#首頁&#xff0c;展…

前端模板預編譯技術

什么是前端模板預編譯 前端模板預編譯通過預編譯技術讓前端模板突破瀏覽器限制&#xff0c;實現后端模板一樣的同步“文件”加載能力。它采用目錄來組織維護前端模板&#xff0c;從而讓前端模板實現工程化管理&#xff0c;最終保證前端模板在復雜單頁 web 應用下的可維護性。同…

Python如何生成windows可執行的exe文件

打包工具 pyinstaller 安裝pyinstaller 如果你的網絡穩定&#xff0c;通常直接使用下面的命令安裝即可&#xff1a; pip install pyinstaller 當然了&#xff0c;你也可以下載pyinstaller源碼包&#xff0c;然后進入包目錄執行下面的命令&#xff0c;同樣可以安裝&#xff…

招商銀行信用卡中心華泰證券暑期實習軟開筆試小結

白菜自動化小碩一枚&#xff0c;18屆&#xff0c;下學期就正式要找工作了&#xff0c;沒有實習經驗&#xff0c;感覺心慌慌。現在學校里已經開始各種提前招實習&#xff0c;內推了&#xff0c;so暑假想提前試試水&#xff0c;投一投暑期實習。 看到心水的單位就投一投&#xff…

理想的程序猿

出處 | http://guoze.me 最近看到的一篇不錯的文章&#xff0c;分享一下。 我算是靠坑蒙拐騙進了程序員的門&#xff0c;然后一路狂奔。26歲之前幾乎沒有任何寫代碼的經驗&#xff0c;研究生畢業卻意外選擇了一家不可能提供培訓的初創公司&#xff0c;在每日擔憂公司倒閉、害…

node08-express

目錄&#xff1a;node01-創建服務器 node02-util node03-events node04-buffer node05-fs node06-path node07-http node08-express node09-cookie express模塊&#xff1a; 1 /*2 * express是一個應用框架3 * 1、路由4 * 2、中間件5 * 3、模板引擎6 * */7 8 var express requ…

【python】1. 兩數之和

給定一個整數數組 nums 和一個目標值 target&#xff0c;請你在該數組中找出和為目標值的那 兩個 整數&#xff0c;并返回他們的數組下標。 你可以假設每種輸入只會對應一個答案。但是&#xff0c;你不能重復利用這個數組中同樣的元素。 示例: 給定 nums [2, 7, 11, 15], t…

The user specified as a definer (#39;root#39;@#39;%#39;) does not exist

&#xfeff;&#xfeff;通常是因為root用戶對全局host無訪問權限。因此僅僅要給root用戶加入一個訪問權限就可以。解決的方法&#xff1a; 登陸mysql 。運行 mysql -u root -pPasswd mysql >grant all privileges on *.* to root"%" identified by "Passwd…

Java基礎常見筆試題總結

以下是自己總結的一些Java常見的基礎知識題&#xff0c;答案僅供參考&#xff0c;如有異議請指出。一直保持更新狀態。 1.什么是Java虛擬機&#xff1f;為什么Java被稱作是“平臺無關的編程語言”&#xff1f; Java虛擬機是一個可以執行Java字節碼的虛擬機進程。Java源文件被編…

ThreadLocal的練習代碼

場景: 有三個小孩兒,買了一個變形金剛玩具(Transformer).... 三個小孩都爭著玩這個玩具....沒有一個人可以玩... 第一種方式:每個人各玩一會.... 第二種方式:再買兩個玩具,一個人玩一個. 每個小孩都當成一個線程.三個小孩就有三個線程. Child.java 2 3 import java.util.Random…

nginx+uwsgi部署Django

本篇文章主要介紹了解決nginxuwsgi部署Django的所有問題(小結)&#xff0c;小編覺得挺不錯的&#xff0c;現在分享給大家&#xff0c;也給大家做個參考。一起跟隨小編過來看看吧 最近&#xff0c;自己暑假寫的小項目也算完畢了&#xff0c;想著投放到自己云服務器上&#xff0…

$(document).scrollTop()與$(window).scrollTop()

$(document).scrollTop() 獲取垂直滾動的距離 即當前滾動的地方的窗口頂端到整個頁面頂端的距離 要獲取頂端 只需要獲取到scrollTop()0的時候 就是頂端了 要獲取底端 只要獲取$(document).scrollTop()>(document).height()?(window).height() 就可以知道已經…

各種機器學習開源項目精選TOP30

8800個機器學習開源項目為你精選TOP30&#xff01; 授權自AI科技大本營&#xff08;ID: rgznai100) 本文共圖文結合&#xff0c;建議閱讀5分鐘。 本文為大家帶來了30個廣受好評的機器學習開源項目。 最近&#xff0c;Mybridge發布了一篇文章&#xff0c;對比了過去一年中機…

Python中is與==的使用區別詳解

>>> a 1000 >>> b 1000 >>> print(id(a),id(b)) 2689566689904 2689566688880 >>> a ,b 1000,1000 >>> print(id(a),id(b)) 2689566689968 2689566689968 一行執行的用一個id地址 分行執行用兩個地址

解決:Please specify a different SDK name--PyCharm報錯

這個問題出現的原因是因為PyCharm中存在相同名字的虛擬環境變量。 本人的出錯原因是&#xff0c;一直使用PyCharm的默認設置來建立工程&#xff0c;所以每個工程都建立了自己獨立的虛擬環境。 我個人刪除了一些工程后&#xff0c;又建立相同名字的工程。所以才會出現存在相同…