flask系列(2-2)-模板的使用
模板的使用
- 在项目下创建
templates文件夹，用于存放所有的模板文件，并在目录下创建一个模板html文件temp_demo1.html
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> 我的模板html内容 </body> </html>
- 设置 templates 文件夹属性以便能够在代码中有智能提示
- 设置 html 中的模板语言，以便在 html 有智能提示
- 创建视图函数，将该模板内容进行渲染返回
@app.route('/') def index(): return render_template('temp_demo1.html')
访问：http://127.0.0.1:5000/ 运行测试
- 代码中传入字符串，列表，字典到模板中
@app.route('/') def index(): # 往模板中传入的数据 my_str = 'Hello 黑马程序员' my_int = 10 my_array = [3, 4, 2, 1, 7, 9] my_dict = { 'name': 'xiaoming', 'age': 18 } return render_template('temp_demo1.html', my_str=my_str, my_int=my_int, my_array=my_array, my_dict=my_dict )
- 模板中代码
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> 我的模板html内容 <br/>{{ my_str }} <br/>{{ my_int }} <br/>{{ my_array }} <br/>{{ my_dict }} </body> </html>
- 运行效果
<!DOCTYPE html>
我的模板html内容Hello 黑马程序员
10
[3, 4, 2, 1, 7, 9]
{'name': 'xiaoming', 'age': 18}
- 相关运算，取值
<br/> my_int + 10 的和为：{{ my_int + 10 }} <br/> my_int + my_array第0个值的和为：{{ my_int + my_array[0] }} <br/> my_array 第0个值为：{{ my_array[0] }} <br/> my_array 第1个值为：{{ my_array.1 }} <br/> my_dict 中 name 的值为：{{ my_dict['name'] }} <br/> my_dict 中 age 的值为：{{ my_dict.age }}
- 结果
my_int + 10 的和为：20 my_int + my_array第0个值的和为：13 my_array 第0个值为：3 my_array 第1个值为：4 my_dict 中 name 的值为：xiaoming my_dict 中 age 的值为：18
【推荐】国内首个AI IDE，深度理解中文开发场景，立即下载体验Trae
【推荐】编程新体验，更懂你的AI，立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包，你的智能百科全书，全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell：AI 加持，快人一步
· DeepSeek 开源周回顾「GitHub 热点速览」
· 物流快递公司核心技术能力-地址解析分单基础技术分享
· .NET 10首个预览版发布：重大改进与新特性概览！
· AI与.NET技术实操系列（二）：开始使用ML.NET
· 单线程的Redis速度为什么快？