声明：本学习系列笔记是来源B站知了传课 up主的教学视频的个人学习笔记，原up主教学视频地址：https://www.bilibili.com/video/BV17r4y1y7jJ?p=10。

模板简介

模板是开发web的必备模块，渲染网页的时候，并不是渲染一个纯文本，而是渲染一个富有文本标签的页面。
这个时候就需要使用上模板了。在flask中，配套的模板是jinja2。跟flask一样简单高效。使用起来容易上手。

简单入手

注意模板会在templates里面去寻找这些模板的。所以html需要放在templates下进行操作。

也可以通过更改 Flask（name,template_folder）来修改模板的地址，但是一般不会这么做。

通过render_template来渲染模板。

如果想要传递变量到模板之中，可以把变量定义成字典，然后再render_template中通过关键字参数的方式传递过去。

模板过滤器 Jinja2

过滤器是通过管道符号（|）进行使用的，例如：{{ name|length }}，将返回name的长度。过滤器相当于是一个函数，把当前的变量传入到过滤器中，然后过滤器根据自己的功能，再返回相应的值，之后再将结果渲染到页面中。Jinja2中内置了许多过滤器，在这里可以看到所有的过滤器，现对一些常用的过滤器进行讲解：

html中不能使用python中的一些函数等等。过滤器就是可以使用一些来进行类似内置函数的操作。

join过滤器：将一个序列变成字符串。

使用了join过滤器的情况如下：

控制语句

{% %}就可以使用控制语句了。{{}}两个花括号是使用变量的值。

if

然后通过**context把变量传进去。

这样访问about的时候，就会看道您刚成年这四个字，因为传进来的变量值是18。

遍历 books里面的每个元素。

遍历person：

模板继承

关键字：block extends

有些网页中是有很多样式一样的。

所以可以使用模板继承。

首先定义父模板。

首先title中，使用block进行预留title给子模板使用。

接下来其他的模板就可以进行继承了。

使用 extends 进行继承就可以了。

具体的形式如下图所示：

静态文件的配置

静态文件放在static下的。

Web应用中会出现大量的静态文件来使得网页更加生动美观。类似于CSS样式文件、JavaScript脚本文件、图片文件、字体文件等静态资源。在Jinja中加载静态文件非常简单，只需要通过url_for全局函数就可以实现，看以下代码：

Flask学习与项目实战3：简单入手模板及高阶使用相关推荐

Flask学习与项目实战9：WTF表单验证
1.WTF表单验证介绍 Flask-WTF是简化了WTForms操作的一个第三方库.WTForms表单的两个主要功能是验证用户提交数据的合法性以及渲染模板.当然还包括一些其他的功能:CSRF保护,文件 ...
c语言基础学习12_项目实战：快译通字典
============================================================================= ====================== ...
测试开发——搭建一个简单 web服务(flask框架基础)项目实战
搭建一个简单 web服务-flask框架一.什么是wsgi? 二.搭建一个简单 web服务三.扩展四.请求加参数的情况五.安装flask 一.什么是wsgi? wsgi是webserver和a ...
swoole 项目实战——实现简单聊天室
前言:了解了概念之后就应该练练手啦,不然就是语言的巨人,行动的矮子啦代码仓库实战 swoole[聊天室] 在线体验准备工作需要先看初识 swoole[上],了解基本的服务端 WebSocket ...
【深度学习图像项目实战-从入门到上线1】怎样学会科学的调研并启动一个项目...
00 导读每一个项目的第一步就是立项,立项需要进行充分的调研才能确定是否值得启动一个项目.调研主要要做好两个方向:1,算法调研,它主要是确定可行的技术路线.更具体的说,需要清楚想做的事情是否已经到达 ...
【AI—pytorch学习】项目实战-单车预测器
Pytorch实战项目学习笔记--单车预测器 1.数据原书中给出的地址好像有些问题或者被修改了,下载的数据与书中提到的数据不一致.查阅后可在 http://archive.ics.uci.edu/m ...
c语言基础学习11_项目实战：IDE(集成开发环境)
============================================================================= ====================== ...
python项目实战:最简单的图片转字符画
2019独角兽企业重金招聘Python工程师标准>>> 前言今天为大家一个基础的,且简单的Python图片转字符画的过程,python图像转字符画需要用到matplotlib.py ...
唐宇迪之tensorflow学习笔记项目实战(LSTM情感分析)
我们首先来看看RNN的网络结构,如下图所示 xt 表示第t,t=1,2,3-步(step)的输入 st 为隐藏层的第t步的状态,它是网络的记忆单元. st=f(u×xt+w×st−1) ,其中f一般是 ...

Flask学习与项目实战3：简单入手模板及高阶使用