使用Flask与Jinja2构建Web应用：模板与表单实战

165 浏览量更新于2024-09-01 收藏 90KB PDF 举报

"本文主要探讨如何在Flask框架中利用Jinja2模板引擎和WTForms表单插件来构建一个更高效、可维护的Web应用。通过实例展示了一个简单的登录页面的实现，以及如何将HTML代码与逻辑分离，提高代码的可读性和可扩展性。" 在Flask框架中，我们通常会遇到需要创建动态网页的情况，而单纯的硬编码HTML到Python脚本中会使得代码变得难以管理和扩展。为了解决这个问题，Flask引入了Jinja2作为其内置的模板引擎。Jinja2允许我们将HTML代码与Python代码分离，使页面布局和业务逻辑更加清晰。首先，创建一个简单的登录页面。在示例中，定义了两个路由方法：一个用于GET请求，展示登录表单；另一个用于POST请求，处理提交的表单数据。GET请求的路由返回一个包含HTML的字符串，其中包含两个输入字段：用户名和密码。虽然这个简单的实现能工作，但随着需求的增长，HTML代码会变得难以管理。为了改进这种情况，我们可以使用Jinja2模板引擎。Jinja2允许我们在`templates`文件夹下创建单独的HTML模板文件。例如，创建一个名为`login.html`的文件，其中包含登录表单的HTML结构。模板文件可以这样编写： ```html <!DOCTYPE html> <html> <head> <title>登录</title> </head> <body> <form method="post"> <table> <tr><td>请输入用户名</td><td><input type="text" name="username"/></td></tr> <tr><td>请输入密码</td><td><input type="password" name="password"/></td></tr> <tr><td><input type="submit" value="登录"/></td></tr> </table> </form> </body> </html> ``` 然后，修改GET请求的路由方法，返回渲染后的模板： ```python from flask import render_template @app.route("/login", methods=["GET"]) def login(): return render_template('login.html') ``` 这样，我们就将HTML代码从Python脚本中分离出来，使得代码更加整洁。接下来，我们用WTForms（Web Toolkit Forms）来处理表单验证和数据处理。WTForms是一个强大的表单处理库，可以方便地定义表单模型并进行验证。首先安装WTForms： ```bash pip install wtforms ``` 然后，在应用中导入必要的模块，并定义一个简单的表单模型： ```python from flask_wtf import FlaskForm from wtforms import StringField, PasswordField, SubmitField from wtforms.validators import DataRequired, Length class LoginForm(FlaskForm): username = StringField('用户名', validators=[DataRequired(), Length(min=4, max=20)]) password = PasswordField('密码', validators=[DataRequired()]) submit = SubmitField('登录') ``` 接着，更新POST请求的路由，使用表单处理用户输入： ```python from flask_wtf import FlaskForm from wtforms import StringField, PasswordField, SubmitField from wtforms.validators import DataRequired, Length # ...（LoginForm定义） @app.route("/login", methods=["POST"]) def login_post(): form = LoginForm() if form.validate_on_submit(): username = form.username.data password = form.password.data if username == 'test' and password == '123': return "登录成功" else: return "登录失败" return render_template('login.html', form=form) ``` 现在，表单数据的验证和处理都在`login_post`函数中完成，且WTForms提供了丰富的验证器，如`DataRequired`和`Length`，使表单验证更易于实现。通过使用Jinja2模板引擎和WTForms，我们可以构建更专业、更易维护的Web应用。Jinja2提供了一种灵活的方式来组织和渲染HTML，而WTForms则简化了表单处理和验证的过程，使得在Flask中开发复杂的Web应用变得更加得心应手。

一个基于一个基于flask的的web应用诞生应用诞生使用模板引擎和表单插件（使用模板引擎和表单插件（2））

一个基于flask的web应用诞生第二篇，这篇文章主要介绍了如何使用jinja2模板引擎和wtf表单插件，具有一定的

参考价值，感兴趣的小伙伴们可以参考一下

经过了第一章的内容，已经可以做出一些简单的页面，首先用这种方式做一个登录页面，首先要创建一个login的路由方法：

@app.route("/login",methods=["GET"])

def login():

html="<form method='post'>" \

"<table>" \

"<tr><td>请输入用户名</td><td><input type='text' name='username'/></td></tr>" \

"<tr><td>请输入密码</td><td><input type='password' name='password'/></td></tr>" \

"<tr><td><input type='submit' value='登录'/></td></tr>" \

"</table>" \

"</post>"

return html

这个页面返回后是一个简单的登录页，显示结果如下：

然后是一个登录的post返回页:

@app.route("/login",methods=["POST"])

def loginPost():

username=request.form.get("username","")

password=request.form.get("password","")

if username=="test" and password=="123" :

return "登录成功"

else:

return "登录失败"

输入test和123后，显示登录成功

功能上当然是实现了，但是从其他方面来说，却很难说它是一个能够实际应用的程序，即使不考虑js脚本和css样式表，就从

简简单单的维护来说，就是一场噩梦，比如说像增加一个验证码框，我想不会有人认为这是一件愉快的工作。

所以，首先来说，我们要把页面html部分独立出来，这点，flask提供了jinja2模板引擎来实现。

jinja2模板引擎同样符合flask最基础的约定，即众多配置中都有一个基础的默认值，相对jinja2来说，有一个最重要的默认值，

即模板文件放在templates文件夹，这个文件夹虽然可以自定义，但目前来说，使用默认值已经足够了。

好，首先在PyCharm的项目根目录创建templates文件夹，然后在文件夹内创建login.html文件，当然目录结构如下：

下载后可阅读完整内容，剩余3页未读，立即下载

weixin_38692969

粉丝: 4
资源: 953

使用Flask与Jinja2构建Web应用：模板与表单实战

Flask Web应用开发实战.pdf

一个基于flask的web应用诞生 bootstrap框架美化（3）

一个基于flask的web应用诞生 用户注册功能开发（5）

Flask-0.7压缩包资源下载

【WebHelpers.html.builder与Flask】：Flask微框架中快速构建Web界面的秘诀

Python中的Web框架选择：Django vs Flask

深入Flask源码：揭秘Web框架的内部工作机制

Flask与Django深度剖析：token模块的框架内部应用

【Python Web框架对比分析】：2023年最新Django、Flask与FastAPI选型指南

了解Flask：简介、历史与优势

最新资源

一个基于flask的web应用诞生用户注册功能开发（5）