include和set語句
include.語句可以把一個模板引入到另外一個模板中，類似于把一個模板的代碼copy到另外一個模板的指定位置
{% include 'xxx.html' %}
{% include 'header.html' %}
? ? ? ? 主體內(nèi)容
{% include 'footer.html' %}
set賦值語句?-想在在模板中添加變量班利，賦值語句（set）
{% set name='xxx' %} 全局
{% with %}
? ? ? ? {% set name='xxx' %} 局部
{% endwith %}
{% with xxx = '' %} 局部
{% endwith %}
模板繼承
{% extends 'xxx.html' %}
{% block footer %}
{% endblock %}
加載靜態(tài)資源文件
? ? 靜態(tài)資源文件夾：
? ? ? ? static/css/xxx.css
<link rel="stylesheet" href="{{ url_for('static', filename='css/base.css')
static/js/xxx.js
<script src="{{ url_for('static', filename='js/index.js') }}"></script>
static/images/xxx.jpg
<img src="{{ url_for('static', filename='images/index.jpeg') }}" alt="">
模板案例
效果圖
數(shù)據(jù)準(zhǔn)備
1 # 電影
2 movies = [
3? ? ? ? ?{
4? ? ? ? ? ? ? 'id': '11211',
5? ? ? ? ? ? ? 'thumbnail':
?'https://img3.doubanio.com/view/movie_poster_cover/lpst/public/p2499792043.webp',
6? ? ? ? ? ? ? 'title': u'王牌特工2：黃金圈',
7? ? ? ? ? ? ? 'rating': u'7.3',
8? ? ? ? ? ? ? 'comment_count': 12000,
9? ? ? ? ? ? ? 'authors': u'科林·費爾斯 / 塔倫·埃格頓 / 朱麗安·摩爾'
10? ? },
11? ? {
12? ? ? ? ? ? 'id': '34532',
13? ? ? ? ? ? ?'title': u'羞羞的鐵拳',
14? ? ? ? ? ? ?'thumbnail': u'https://img1.doubanio.com/view/movie_poster_cover/lpst/public/p2499793218.webp',
15? ? ? ? ? ? ?'rating': u'7.6',
16? ? ? ? ? ? ?'comment_count': 39450,
17? ? ? ? ? ? ?'authors': u'艾倫/馬麗/沈騰'
18? ? ?},
19? ? ?{
?20? ? ? ? ? ? 'id': '394558',
21? ? ? ? ? ? ?'title': u'情圣',
22? ? ? ? ? ? ?'thumbnail': u'https://img3.doubanio.com/view/movie_poster_cover/mpst/public/p2409022364.jpg',
23? ? ? ? ? ? ?'rating': u'6.3',
24? ? ? ? ? ? ?'comment_count': 38409,
25? ? ? ? ? ? ?'authors': u'肖央 / 閆妮 / 小沈陽'
?26? ? },
27? ? {
28? ? ? ? ? ? ?'id': '9384089',
29? ? ? ? ? ? ?'title': u'全球風(fēng)暴',
30? ? ? ? ? ? ?'thumbnail': u'https://img3.doubanio.com/view/movie_poster_cover/lpst/public/p2501863104.webp',
31? ? ? ? ? ? ?'rating': u'7.4',
?32? ? ? ? ? ?'comment_count': 4555,
?33? ? ? ? ? ?'authors': u'杰拉德·巴特勒/吉姆·斯特'
?34? ?},
35? ? {
36? ? ? ? ? ? 'id': '26921827',
37? ? ? ? ? ? 'title': u'大衛(wèi)貝肯之倒霉特工熊',
38? ? ? ? ? ? 'thumbnail': u'https://img3.doubanio.com/view/movie_poster_cover/mpst/public/p2408893200.jpg',
39? ? ? ? ? ? ?'rating': u'4.3',
40? ? ? ? ? ? 'comment_count': 682,
41? ? ? ? ? ? ?'authors': u'湯水雨 / 徐佳琪 / 楊默'
42? ? ?},
43? ? ?{
44? ? ? ? ? ? ?'id': '26287884',
45? ? ? ? ? ? ?'title': u'追龍',
46? ? ? ? ? ? ?'thumbnail': u'https://img3.doubanio.com/view/movie_poster_cover/lpst/public/p2499052494.webp',
47? ? ? ? ? ? ?'rating': u'7.5',
48? ? ? ? ? ? ?'comment_count': 33060,
49? ? ? ? ? ? ?'authors': u'查理茲·塞隆 / 阿特·帕金森 / 拉爾夫·費因斯'
50? ? ?}
51 ]
52
53 # 電視劇
54 tvs = [
55? ? ? {
56? ? ? ? ? ? ?'id': '235434',
57? ? ? ? ? ? ?'title': u'鬼吹燈之精絕古城',
58? ? ? ? ? ? ?'thumbnail': u'https://img3.doubanio.com/view/movie_poster_cover/lpst/public/p2404604903.jpg',
59? ? ? ? ? ? ?'rating': u'8.4',
60? ? ? ? ? ? ?'comment_count': 49328,
61? ? ? ? ? ? ?'authors': u'靳東 / 陳喬恩 / 趙達 / 付枚 / 金澤灝 /'
62? ? ?},
63? ? ?{
64? ? ? ? ? ? ?'id': '9498327',
65? ? ? ? ? ? ?'title': u'孤芳不自賞',
66? ? ? ? ? ? ?'thumbnail': u'https://img1.doubanio.com/view/movie_poster_cover/lpst/public/p2407425119.jpg',
?67? ? ? ? ? ? 'rating': u'3.7',
68? ? ? ? ? ? ?'comment_count': 8493,
69? ? ? ? ? ? ?'authors': u'鐘漢良 / 楊穎 / 甘婷婷 / 孫藝洲 / 亓航 /'
70? ? },
71? ? ?{
72? ? ? ? ? ? ?'id': '26685451',
73? ? ? ? ? ? ?'title': u'全球風(fēng)暴',
?74? ? ? ? ? ? 'thumbnail': u'https://img3.doubanio.com/view/movie_poster_cover/lpst/public/p2501769525.webp',
75? ? ? ? ? ? ?'rating': u'8.2',
76? ? ? ? ? ? ?'comment_count': 345,
?77? ? ? ? ? ? 'authors': u' 盧克·崔德威 / 瓊安·弗洛加特 / 露塔·格德米納斯 / 安東尼·海德 / 卡羅琳·古多爾 /'
78? ? ?},
79? ? ?{
80? ? ? ? ? ? ?'id': '235434',
81? ? ? ? ? ? ?'title': u'其他人',
82? ? ? ? ? ? ?'thumbnail': u'https://img3.doubanio.com/view/movie_poster_cover/lpst/public/p2371503632.jpg',
83? ? ? ? ? ? ?'rating': u'7.6',
84? ? ? ? ? ? ?'comment_count': 25532,
?85? ? ? ? ? ? 'authors': u'杰西·普萊蒙 / 莫莉·香儂 / 布萊德利·惠特福德 / Maude Apatow / 麥迪遜·貝蒂 /'
86? ? ?},
87? ? {
88? ? ? ? ? ? ?'id': '48373095',
89? ? ? ? ? ? ?'title': u'全員單戀',
90? ? ? ? ? ? ?'thumbnail': u'https://img1.doubanio.com/view/movie_poster_cover/lpst/public/p2367986708.jpg',
91? ? ? ? ? ? ?'rating': u'6.4',
92? ? ? ? ? ? ?'comment_count': 2483,
93? ? ? ? ? ? ?'authors': u'伊藤沙莉 / 中川大志 / 上原實矩 / 森繪梨佳 / 櫻田通 /'
94? ? ?},
95? ? ?{
96? ? ? ? ? ? ?'id': '292843',
97? ? ? ? ? ? ?'title': u'廢紙板拳擊手',
98? ? ? ? ? ? ?'thumbnail': u'https://img1.doubanio.com/view/movie_poster_cover/lpst/public/p2380194237.jpg',
99? ? ? ? ? ? ?'rating': u'8.2',
100? ? ? ? ? ?'comment_count': 23456,
101? ? ? ? ? ? 'authors': u'托馬斯·哈登·丘奇 / 泰倫斯·霍華德 / 波伊德·霍布魯克 / 瑞斯·維克菲爾德 / 馬爾洛·托馬斯 /'
102? ? ?}
103 ]
