用flask开发个人博客(8)—— flask中的模板
2016-09-17 20:13
387 查看
一般而言,视图函数中存在两种逻辑,业务逻辑和表现逻辑。业务逻辑诸如我们在登录页面时输入用户名和密码后,点击确定按钮时,在数据库验证该用户名和密码是否正确. 表现逻辑就是返回正确的html文件在浏览器中进行显示。业务逻辑和表现逻辑混杂在一起很容易导致代码的难以理解和维护。模板的引入就是为了解决这一问题,flask使用Jinja2模板引擎,将表现逻辑封装,使得业务逻辑和表现逻辑分离。
flask中所使用的模板文件全部在根目录的templates文件夹下,先看一下之前引入的一个最简单的flask程序示例,我们直接在视图函数中返回了字符串,这就是将业务逻辑和表现逻辑混合,会造成代码的可读性差和难以维护:
现在我们利用模板修改上面的代码,实现业务逻辑和表现逻辑的分离.首先在当前的目录下建立templates目录,分别在目录下建新建index.html和user.html两个文件.我们在视图函数,借助render_template方法返回html.
将上述代码改写为:
index.html:
user.html:
完成上述修改之后,修改前后在界面上的效果是一致的。
Github位置:
https://github.com/HymanLiuTS/flaskTs
克隆本项目:
git clone git@github.com:HymanLiuTS/flaskTs.git
获取本文源代码:
git checkout FL08
flask中所使用的模板文件全部在根目录的templates文件夹下,先看一下之前引入的一个最简单的flask程序示例,我们直接在视图函数中返回了字符串,这就是将业务逻辑和表现逻辑混合,会造成代码的可读性差和难以维护:
from flask import Flask app=Flask(__name__) @app.route('/') def index(): return 'hello world' @app.route('/user/<name>') def user(name): return 'hello %s'%name if __name__=='__main__': app.run()
现在我们利用模板修改上面的代码,实现业务逻辑和表现逻辑的分离.首先在当前的目录下建立templates目录,分别在目录下建新建index.html和user.html两个文件.我们在视图函数,借助render_template方法返回html.
将上述代码改写为:
from flask import Flask from flask import render_template app=Flask(__name__) @app.route('/') def index(): return render_template('index.html') @app.route('/user/<name>') def user(name): return render_template('user.html',name=name) if __name__=='__main__': app.run()
index.html:
<h1>Hello world</h1>
user.html:
<h1>hello {{name}} </h1>
完成上述修改之后,修改前后在界面上的效果是一致的。
Github位置:
https://github.com/HymanLiuTS/flaskTs
克隆本项目:
git clone git@github.com:HymanLiuTS/flaskTs.git
获取本文源代码:
git checkout FL08
相关文章推荐
- 玲珑杯2.5 1032 A-B
- 自定义UIPresentationController
- 物质波
- 第三周 项目1-顺序表的基本运算
- 常用正则表达式实例
- C#控制台基础 创建文件夹
- Leetcode:4. Median of Two Sorted Arrays
- 详细解读LruCache类
- oracle数据库例外处理与视图
- WebService(2)_WSDL文档
- poj3686 The Windy's(拆点,费用流,好题)
- hdu5878 2016青岛网络赛-打表+二分
- JAVA常见的RuntimeException
- 在单链表上实现插入排序
- 作业总结
- HDU 5883 The Best Path (欧拉路或者欧拉回路)
- Leetcode :3. Longest Substring Without Repeating Characters
- 【原创】东方耀reactnative 视频22之-DrawerLayoutAndroid
- Linux/unix inode
- Arrow Dialog