.1 实验内容本节实验将介绍 Flask 的项目创建。 1.2 实验知识点编写视图部分编写模板部分运行应用 3.2 添加新条目这个视图允许登录的用户添加新的条目。它只回应POST请求，实际的表单是显示在show_entries页面。如果正常工作的话，我们用flash()向下一个请求闪现一条信息并且跳转回show_entries页面。在 flaskr/flaskr.py 文件中添加如下代码: @app.route('/add', methods=['POST']) def add_entry(): if not session.get('logged_in'): abort(401) g.db.execute('insert into entries (title, text) values (?, ?)',[request.form['title'], request.form['text']]) # 向数据库中插入数据 g.db.commit() # 更新数据 flash('New entry was successfully posted') # 闪现一条消息 return redirect(url_for('show_entries')) copy 注意我们这里检查用户登录情况(logged_in键存在会话中，并且为True)。向 SQL 语句中传递参数，需要在语句中使用问号?来代替参数，并把参数放在列表中进行传递。不要使用字符串格式化的方式直接把参数传入 SQL 语句中，这样可能会有潜在的 SQL 注入风险。 3.3 登录和注销这些函数是用于用户登录以及注销。登录时依据在配置中的值检查用户名和密码并且在会话中设置logged_in键值。如果用户成功登录，logged_in键值被设置成True，并跳转回show_entries页面。此外，会有消息闪现来提示用户登录成功。如果发生错误，模板会通知，并提示重新登录。在 flaskr/flaskr.py 文件中添加如下代码: @app.route('/login', methods=['GET', 'POST']) def login(): error = None if request.method == 'POST': if request.form['username'] != app.config['USERNAME']: # 如果用户名不符合 error = 'Invalid username' elif request.form['password'] != app.config['PASSWORD']: # 如果密码不符合 error = 'Invalid password' else: session['logged_in'] = True # 成功登录，在 session 中添加一个 logged_in 值为 True flash('You were logged in') # 闪现一条消息 return redirect(url_for('show_entries')) # 重定向到首页 return render_template('login.html', error=error) # 如果没有成功登录则返回登录页面以及错误信息 copy 另一方面，注销函数从会话中移除了logged_in键值。这里我们使用一个大绝招：如果你使用字典的pop()方法并传入第二个参数（默认），这个方法会从字典中删除这个键，如果这个键不存在则什么都不做。这很有用，因为我们不需要检查用户是否已经登入。 @app.route('/logout') def logout(): session.pop('logged_in', None) # 移除 logged_in 键 flash('You were logged out') # 闪现消息 return redirect(url_for('show_entries')) # 重定四、模板现在我们应该开始编写模板。如果我们现在请求 URLs ，将会得到一个 Flask 无法找到模板的异常。模板使用 Jinja2 语言以及默认开启自动转义。这就意味着除非你使用Markup标记或在模板中使用|safe过滤器，否则 Jinja2 会确保特殊字符比如<或>被转义成等价的XML实体。我们使用模板继承使得在网站的所有页面中重用布局成为可能。我们的模板统一存放在Code/flaskr/templates文件夹中 4.1 layout.html 这个模板包含 HTML 主体结构，标题和一个登录链接（或者当用户已登录则提供注销）。如果有闪现信息的话它也将显示闪现信息。{% block body %} 块能够被子模板中的同样名字(body)的块替代。 session字典在模板中同样可用的，你能用它检查用户是否登录。注意在 Jinja 中你可以访问不存在的对象/字典属性或成员，如同下面的代码，即便 logged_in 键不存在，仍然可以正常工作。在 flaskr/templates 目录下新建 layout.html 文件并写入如下代码： Flaskr

Flaskr

{% if not session.logged_in %} log in {% else %} log out {% endif %}

{% for message in get_flashed_messages() %}

{% endfor %} {% block body %}{% endblock %}

4.2 show_entries.html 这个模板继承了上面的layout.html模板用来显示信息。注意for遍历了所有我们用render_template()函数传入的信息。我们同样告诉表单提交到add_entry函数通过使用 HTTP 的POST方法。在 flaskr/templates 目录下新建 show_entries.html 文件并写入如下代码： {% extends "layout.html" %} {% block body %} {% if session.logged_in %} {% endif %}

{{ entry.title }}
{{ entry.text|safe }} {% else %}
Unbelievable. No entries here so far {% endfor %}

{% endblock %} 4.4 添加样式现在其它一切都正常工作，是时候给应用添加些样式。在 Code/flaskr/static 目录下新建 style.css 样式文件并写入如下代码： body { font-family: sans-serif; background: #eee; } a, h1, h2 { color: #377BA8; } h1, h2 { font-family: 'Georgia', serif; margin: 0; } h1 { border-bottom: 2px solid #eee; } h2 { font-size: 1.2em; } .page { margin: 2em auto; width: 35em; border: 5px solid #ccc; padding: 0.8em; background: white; } .entries { list-style: none; margin: 0; padding: 0; } .entries li { margin: 0.8em 1.2em; } .entries li h2 { margin-left: -1em; } .add-entry { font-size: 0.9em; border-bottom: 1px solid #ccc; } .add-entry dl { font-weight: bold; } .metanav { text-align: right; font-size: 0.8em; padding: 0.3em; margin-bottom: 1em; background: #fafafa; } .flash { background: #CEE5F5; padding: 0.5em; border: 1px solid #AACBE2; } .error { background: #F0D6D6; padding: 0.5em; } 这样我们就完成了简单博客应用的代码编写，现在在终端执行如下命令运行程序：（在这之前注意要配置数据库，如果没有配置可以参考上一个实验的步骤） $ python3 flaskr.py * Serving Flask app "flaskr" (lazy loading) * Environment: development * Debug mode: on * Running on http://127.0.0.1:5000/ (Press CTRL+C to quit) * Restarting with stat * Debugger is active! * Debugger PIN: 183-564-157 copy 访问首页 http://127.0.0.1:5000 ，效果如下： ![图片描述](https://dn-simplecloud.shiyanlou.com/courses/uid6856-20191214-1576325025512) 点击首页的 log in 按钮，跳转到登录页面 http://127.0.0.1:5000/login，填入正确的用户名 admin 和密码 default，然后点击 Login 按钮进行表单提交，效果如下： ![图片描述](https://dn-simplecloud.shiyanlou.com/courses/uid6856-20191214-1576325040246) 成功登录后的效果如下所示： ![图片描述](https://dn-simplecloud.shiyanlou.com/courses/uid6856-20191214-1576325105824) 添加博客内容： ![图片描述](https://dn-simplecloud.shiyanlou.com/courses/uid6856-20191214-1576325336175) 退出登录： ![图片描述](https://dn-simplecloud.shiyanlou.com/courses/uid6856-20191214-1576325648477)

Flaskr

{{ entry.title }}

“Python Flask Web 框架”实验报告