Python+django網頁設計入門（17）：模板語法及應用

Python_小屋發表於2019-01-12
PythonDjango網頁

前導課程：

Python+django網頁設計入門（16）：優化設計複用分頁程式碼

Python+django網頁設計入門（15）：公用模板設計與使用

Python+django網頁設計入門（14）：使用中介軟體對抗爬蟲

Python+django網頁設計入門（13）：表單、修改密碼

Python+django網頁設計入門（12）：使用Bootstrap和jQuery

Python+django網頁設計入門（11）：線上考試與自動評分

Python+django網頁設計入門（10）：分頁顯示

Python+django網頁設計入門（9）：自定義反爬蟲功能

Python+django網頁設計入門（8）：網站專案資料夾佈局

Python+django網頁設計入門（7）：常用ORM操作

Python+django網頁設計入門（6）：檔案上傳與資料匯入

Python+django網頁設計入門（5）：自定義使用者註冊與登入功能

Python+django網頁設計入門（4）：使用者登入與登入驗證

Python+django網頁設計入門（3）：使用SQLite資料庫

Python+django建站入門篇（2）：素數判斷

Python+django建站入門篇：Hello world

Python 3.6+Django開發入門小案例（自動變化的問候）完整步驟

===================

技術要點：

django採用MVT模式，利用Template語法可以對要顯示的資料進行美化和過濾，例如奇偶行背景顏色不同，例如把文字都轉換為大寫或小寫，例如對要顯示的文字進行截斷只顯示前面一部分，例如統計文字長度，等等。

本文以前面課程中已經實現的題目列表頁面為例進行修改，演示部分模板語法和應用。

1、修改apps\questions\templates\questions資料夾中的檔案questionlist.html，首先增加適用於本頁面的CSS樣式。

640?wx_fmt=png


2、繼續修改apps\questions\templates\questions資料夾中的檔案questionlist.html，使用模板語法實現第i、i+1、i+2行的背景色不同，題幹文字長度顯示，以及利用forloop.counter顯示序號。

640?wx_fmt=png


3、執行網站，如果已執行，則重新整理頁面，效果如下：

640?wx_fmt=png



溫馨提示

進入公眾號，通過選單“最新資源”==>“歷史文章”可以快速檢視分專題的文章列表，通過“最新資源”==>“微課專區”可以觀看Python微課，通過“最新資源”==>“培訓動態”可以檢視近期Python培訓安排，通過“最新資源”==>“教學資源”可以檢視Python教學資源。

640?wx_fmt=png


--------董付國老師Python系列圖書--------

1）《Python程式設計（第2版）》清華大學出版社（2018年8月第9次印刷）https://item.jd.com/11949168.html

2）《Python可以這樣學》清華大學出版社（2018年7月第6次印刷）（本書已在臺灣發行繁體版）https://item.jd.com/12040511.html

3）《Python程式設計基礎（第2版）》清華大學出版社（2018年9月第6次印刷）https://item.jd.com/12319738.html

4）《中學生可以這樣學Python》清華大學出版社（2018年9月第3次印刷）https://item.jd.com/12258900.html

5）《Python程式設計開發寶典》清華大學出版社（2018年2月第3次印刷）https://item.jd.com/12143483.html

6）《玩轉Python輕鬆過二級》清華大學出版社（2018年7月第3次印刷）https://item.jd.com/12361144.html

7）《Python程式設計基礎與應用》機械工業出版社（2018年9月第1次印刷）https://item.jd.com/12433472.html?dist=jd

8）《Python程式設計實驗指導書》清華大學出版社（預計2019年1月出版）

9）《Python程式設計基礎與案例集錦（中學版）》電子工業出版社（預計2019年2月出版）

董老師127課免費視訊地址： https://pan.baidu.com/s/1jJeAs8Q 密碼: px59


非計算機專業《Python程式設計基礎》教學參考大綱

計算機相關專業“Python程式設計”教學大綱（參考）

《Python程式設計》實驗指導書（30個實驗）

《Python程式設計基礎與應用》課後習題答案

Python課程期末考試程式設計題自動批卷原理與實現模板

“Python小屋”免費資源彙總（截至2018年11月28日）


系列教學PPT:

1900頁Python系列PPT分享一：基礎知識（106頁）

1900頁Python系列PPT分享二：Python序列（列表、元組、字典、集合）（154頁）

1900頁Python系列PPT分享三：選擇與迴圈結構語法及案例（96頁）

1900頁Python系列PPT分享四：字串與正規表示式（109頁）

1900頁Python系列PPT分享五：函式設計與應用（134頁）

1900頁Python系列PPT分享六：物件導向程式設計（86頁）

1900頁Python系列PPT分享七：檔案操作（132頁）

1900頁Python系列PPT分享八：異常處理結構與程式除錯、測試（70頁）

報告PPT（163頁）：基於Python語言的課程群建設探討與實踐

報告PPT（123頁）：Python程式設計基礎精要

2000頁Python系列PPT分享九：（GUI程式設計）（122頁）

Python實驗專案1例：使用程式池統計指定範圍內素數的個數

（PPT）Python程式設計課程教學內容組織與教學方法實踐


相關文章