在py文件同级下 建立templates文件夹，再文件夹中编写html文件
1 向模版中传递参数：
1 '''
2 1 向模板传送 参数
3 '''
4 @app.route('/')
5 def index():
6 name = 'Python'
7 context = {
8 'name':'Python',
9 'age' : 18 ,
10 'num_list': [1,2,3,4,5,6,7,8,9,10]
11 }
12 return render_template('index.html',context=context,name=name )
1 <body>
2 hello world!
3
4 <br>
5 <p> {{ context }} </p>
6
7 姓名:{{ context['name'] }},{{ name }}
8 <br>
9 年龄:{{ context['age'] }}
10 <br>
11 num_list:{{ context['num_list'] }}
12 <br>
13 {% for i in context['num_list'] %}
14 <p>{{ i }}</p>
15 {% endfor %}
16
17
18 </body>
2 反向路由：
1 '''
2 2 反向路由
3 url_for(视图函数名)) 能够返回视图的相对url
4 利用redirect( url_for(视图函数) ) 实现重定向
5 '''
6 @app.route('/redirect')
7 def redi():
8 redir = url_for('index',_external=True)
9 print(redir)
10 return redirect(redir)
3 过滤器、自定义过滤器：
1 '''
2 3 过滤器:
3
4 safe 禁用转义 <p>{{ '<em>hello</em>' | safe }}</p>
5 capitalize 首字母大写 <p>{{ 'hello' | capitalize }}</p>
6 lower 小写 <p>{{ 'HELLO' | lower }}</p>
7 upper 大写 <p>{{ 'hello' | upper }}</p>
8 title 每个单词首字母大写 <p>{{ 'hello' | title }}</p>
9 trim 去掉首位空格 <p>{{ ' hello world ' | trim }}</p>
10 reverse 反转字符串 <p>{{ 'olleh' | reverse }}</p>
11 format 格式化 <p>{{ '%s is %d' | format('name',17) }}</p>
12 striptags 删掉html标签 <p>{{ '<em>hello</em>' | striptags }}</p>
13
14 列表操作:
15 first 取第一个元素 <p>{{ [1,2,3,4,5,6] | first }}</p>
16 last 取最后一个元素 <p>{{ [1,2,3,4,5,6] | last }}</p>
17 length 获取列表长度 <p>{{ [1,2,3,4,5,6] | length }}</p>
18 sum 列表求和 <p>{{ [1,2,3,4,5,6] | sum }}</p>
19 sort 列表排序 <p>{{ [6,2,3,1,5,4] | sort }}</p>
20
21 语句块过滤:
22 {% filter upper %}
23 this is a Flask Jinja2 introduction
24 {% endfilter %}
25
26 自定义过滤器: 两种方式
27 1 app.add_template_filter(函数名,过滤器名)
28 2 @app.template_filter(过滤器名)
29 '''
30 @app.route('/filter')
31 def filter():
32 str = 'abCdeF hello woRld'
33 li = [1,2,5,4,3,76,65,8,9]
34 return render_template('filter.html',str=str,li=li)
35 # 自定义过滤器
36 def hahah(li):
37 return str(li)+'hahaha'
38 app.add_template_filter(hahah,'hahah')
39
40 @app.template_filter('heihei')
41 def heihei(li):
42 return str(li) + 'heihei'
1 <body>
2 {{ str }}
3 <br>
4 {{ str | upper }}
5 <br>
6 {{ str | lower }}
7 <br>
8 {{ str | capitalize }}
9 <br>
10 {{ str | title }}
11 <br>
12 {{ str | reverse }}
13 <br>
14 列表操作：
15 <br>
16 {{ li }}
17 <br>
18 {{ li | length }}
19 <br>
20 {{ li | first }}
21 <br>
22 {{ li|last }}
23 <br>
24 {{ li | sort }}
25
26 <br>
27 块过滤：
28 {% filter upper %}
29 hello worldQ!
30 {% endfilter %}
31 <br>
32
33 自定义过滤器：
34 <br>
35 {{ li | hahah }}
36 <br>
37 {{ li | heihei }}
38
39
40 </body>
4 web表单接收参数 wtf表单的使用：
1 '''
2 3 web表单 WTForms
3 '''
4 # 获取常规表单数据的方法
5 @app.route('/form',methods=['GET','POST'])
6 def form():
7 if request.method == 'POST':
8 username = request.form['username']
9 password = request.form['password']
10 print(username , password)
11 return render_template('form.html')
12
13
14 # 利用Flask的 WTF 实现表单
15 # 配置 csrf_token 的生成项
16 app.config['SECRET_KEY'] = 'python12'
17 # 配置表单类
18 class Form(FlaskForm):
19 # user字段 text类型input框 校验输入数据
20 user = StringField(validators=[DataRequired()])
21 # equalto 检测 与ps2 内容是否一样
22 ps = PasswordField(validators=[DataRequired(),EqualTo('ps2','err')])
23 ps2=PasswordField(validators=[DataRequired()])
24 submit = SubmitField()
25
26 # 利用Flask的 WTF 实现表单
27 @app.route('/WTForm',methods=['GET','POST'])
28 def wtForm():
29 form = Form() # 拿到一个表单对象
30 if form.validate_on_submit(): # 能够自动检验 提交的表单是否经过验证 返回True或者False
31 # 获取表单数据
32 user = form.user.data
33 ps = form.ps.data
34 ps2 = form.ps2.data
35 print user,ps,ps2
36 if request.method == "POST":
37 # flask 操作后端
38 flash(u'信息发生错误!')
39
40 print(form.validate_on_submit()) #能够检验 提交是否经过验证,返回True或者False
41
42
43 return render_template('form.html',form=form)
1 <body>
2 普通表单:
3 <br>
4 <form method='post'>
5 <input type="text" name="username" placeholder='Username'>
6 <br>
7 <input type="password" name="password" placeholder='password'>
8 <br>
9 <input type="submit">
10 </form>
11 <hr>
12 WTF表单:
13 <form method="post">
14 {{ form.csrf_token() }}
15 {{ form.user.label }}:{{ form.user }}
16 <br>
17 {{ form.ps.label }}:{{ form.ps }}
18 <br>
19 {{ form.ps2.label }}:{{ form.ps2 }}
20 <br>
21 {{ form.submit }}
22 <br>
23 {% for info in get_flashed_messages() %}
24 {{ info }}<br>
25 {% endfor %}
26 </form>
27
28
29
30 </body>
4 宏的编写与使用
1 '''
2 4 宏 继承 包含 模板的使用
3 '''
4 @app.route('/macro')
5 def macro():
6 return render_template('macro.html')
1 <body>
2 定义 宏 和调用 宏
3 <br>
4 {# 定义宏 #}
5 {% macro input(type,value,size) %}
6 <input type="{{ type }}" name="" value="{{ value }}" size="{{ size }}">
7 {% endmacro %}
8
9 {# 调用宏 #}
10 {{ input('text','登陆','60') }}
11 <br>
12 {{ input('password','注册','20') }}
13
14 <br>
15
16 引用外部宏
17 <br>
18 {% import 'macros.html' as f %}
19 {{ f.fun() }}
20
21
22
23
24 </body>
外部宏：macros.html 文件：
1 {% macro fun() %}
2 <input type="text" name="username" placeholde="Username">
3 <br>
4 <input type="password" name="password" placeholde="Password">
5 <br>
6 <input type="submit">
7 <br>
8 {% endmacro %}