AI 助理
备案控制台
开发者社区 开发与运维 文章 正文

windows python web flask 模板开发快速入门

2022-12-15 230
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： windows python web flask 模板开发快速入门

windows python web flask 模板开发快速入门

tags: flask

文章目录

windows python web flask 模板开发快速入门

1. 简介

2. 语法

3. 方法

3.1 模板渲染

3.2 变量使用

3.3 控制结构

3.3.1 条件控制语句

3.3.2 for 循环

3.3.3 Jinja2 还支持宏 。宏类似 python 代码中的函数

3.3.4 import模板中导入

3.3.5 include模板代码片段可以写入单独的文件

3.3.6 block标签定义的元素可在extends衍生模板中修改

4 实战

4.1 for循环、if判断方法、变量的搭配

4.2 测试for循环中的loop变量，修改`watchlist.html`

4.3 render_template_string()函数的使用

1832b220aa754cd18c504acc7686a560.png

1832b220aa754cd18c504acc7686a560.png

1. 简介

模板是一个包含响应文本的文件，其中个包含用站位变量表示的动态部分，其具体值只在请求的上下文中才能知道。

渲染是一个使用真实值替换变量，在返回最终得到的响应字符串的过程。

Jinja2 是一个强大模板引擎用来渲染模板。

2. 语法

利用jinja2这样的模板引擎，我们可以将一部分的程序逻辑放到模板中去。简单的说，我们可以在模板中使用python语句和表达式来操作数据的输出。但需要注意的是，jinja2并不支持所有的python语法，并且出于效率和代码组织方面的考虑，我们应适度的使用模板，仅把和输出控制有关的逻辑放到模板中。


jinja2中允许在模板中使用大部分python对象，比如字符串，列表，字典，元组，整型，浮点型，布尔值。它支持基本的运算符（+，-，*，/等），比较符号（==，!=）,逻辑符号（and,or,not和括号）以及in，is，None和布尔值（True，False）


{{ … }} 用来标记变量。

{% … %} 用来标记语句，比如 if 语句，for 语句等。

{# … #} 用来写注释。

3. 方法

3.1 模板渲染

用到三个文件

用到三个文件

templates\index.html

<h1>
    Hello World
</h1>

templates\user.html

{# {{ name }} 表示一种变量，模板中的占位符 #}
<h1>Hello,{{ name }}!</h1>

hello.py

from flask import Flask,render_template
# 1.初始化 Flask 对象
app = Flask(__name__)
# manager = Manager(app)
# 2. 设置路由和视图函数
@app.route('/')
def index():
    # return '<h1>Hello World!<h1>'
    return render_template('index.html')
@app.route('/user/<name>')
def user(name):
    # return '<h1>Hello,%s!<h1>' % name
    return render_template('user.html',name=name)
# 3.启动服务
if __name__ == '__main__':
    app.run(debug=True)
    # manager.run()

测试：

$ python hello.py
* Serving Flask app "hello" (lazy loading)
 * Environment: production
   WARNING: This is a development server. Do not use it in a production deployment.
   Use a production WSGI server instead.
 * Debug mode: on
 * Running on http://127.0.0.1:5000/ (Press CTRL+C to quit)
 * Restarting with stat
 * Debugger is active!
 * Debugger PIN: 175-682-414
$ curl http://127.0.0.1:5000
<h1>
    Hello World
</h1>
$ curl http://127.0.0.1:5000/user/liming
<h1>Hello,liming!</h1>

3.2 变量使用

Jinja2 能识别所有类型的变量,甚至是一些复杂的类型,例如列表、字典和对象。

<p>从字典中获取一个值： {{ mydict['key'] }}.</p>
<p>从列表中获取一个值： {{ mylist[3] }}.</p>
<p>通过一个变量索引，从列表中获取一个值： {{ mylist[myintvar] }}.</p>
<p>从对象的方法中获取一个值： {{ myobj.somemethod() }}.</p>

在模板中，jinja2支持使用”.”获取变量的属性，比如user字典中的username键值通过”.”获取即可。比如，user.username等价于user[username]

Jinja2 可以使用过滤器修改变量，过滤器名添加在变量名之后，中间使用竖线分割。

语法：

{{ 变量|过滤器 }}

例如，下述模板以首字母大写形式显示变量 name 的值：

Hello,{{ name|capitalize }}

Jinja2 变量过滤器

1832b220aa754cd18c504acc7686a560.png

safe 过滤器最值得一提。出于安全考虑，默认情况下，Jinja2 会把所有变量的值进行转义。比如，如果变量的值为 <h1>Hello World!</h1>，Jinja2 会在渲染模板时，将其转义为：&lt;h1&gt;Hello World!&lt;/h1&gt;。完整的过滤器列表，请参见官方文档

3.3 控制结构

3.3.1 条件控制语句

{% if user %}
    Hello,{{ user }}！
{% else %}
    Hello,Stranger!
{% endif %}

3.3.2 for 循环

<ul>
    {% for comment in comments %}
        <li>{{ comment }}</li>
    {% endfor %}
</ul>
HTML <ul> 标签**无序 HTML 列表**

在for循环内，jinja2提供了多个特殊变量，常用的for循环变量如下：

1671100973792.png

3.3.3 Jinja2 还支持宏 。宏类似 python 代码中的函数

{% macro render_comment(comment) %}
    <li>{{ render_comment(comment) }}</li>
{% endmacro %}
<ul>
    {% for comment in comments %}
        {{ render_comment(comment) }}
    {% endfor %}
</ul>

3.3.4 import模板中导入

为了重复使用宏，我们可以将其保存在单独的文件中，然后在需要使用的模板中导入：

{% import 'macros.html' as macros %}
<ul>
    {% for comment in comments %}
        {{ macros.render_comment(comment) }}
    {% endfor %}
</ul>

3.3.5 include模板代码片段可以写入单独的文件

需要在多处重复使用的模板代码片段可以写入单独的文件，再包含在所有模板中，以避免重复：

{% include 'comment.html' %}

另一种重复使用代码的强大方式是模板继承，它类似于 Python 代码中的类继承。首先，创 \建一个名为 base.html 的基模板：

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>{% block title %}{% endblock %} - My Application </title>
    {% endblock %}
</head>
<body>
    {% block body %}
    {% endblock %}
</body>
</html>

3.3.6 block标签定义的元素可在extends衍生模板中修改

block 标签定义的元素可在衍生模板中修改。在本例中，我们定义了名为 head、title 和 body 的块。注意，title 包含在 head 中。下面这个示例是基模板的衍生模板：

{% extends "base.html" %}
{% block title %}Index{% endblock %}
{% block head %}
    {{ super() }}
    <style>
    </style>
{% endblock %}
{% block body %}
    <h1>Hello,World</h1>
{% endblock %}

extends 指令声明这个模板衍生自 base.html。在 extends 指令之后，基模板中的 3 个块被重新定义，模板引擎会将其插入适当的位置。注意新定义的 head 块，在基模板中其内容不是空的，所以使用 super() 获取原来的内容。

4 实战

4.1 for循环、if判断方法、变量的搭配

app.py

# encoding=utf-8
from flask import Flask, render_template
app = Flask(__name__)
user = {"username": "xiaoxiao",
        "bio": "A girl who loves movies."}
movies = [
    {'name': 'My Neighbor Totoro','year':'1988'},
    {'name': 'Three Colours trilogy', 'year': '1993'},
    {'name': 'Forrest Gump', 'year': '1994'},
    {'name': 'Perfect Blue', 'year': '1997'},
    {'name': 'The Matrix', 'year': '1999'},
    {'name': 'Memento', 'year': '2000'},
    {'name': 'The Bucket list', 'year': '2007'},
    {'name': 'Black Swan', 'year': '2010'},
    {'name': 'Gone Girl', 'year': '2014'},
    {'name': 'CoCo', 'year': '2017'}
]
@app.route('/hi')
def hi():
    return "hello flask!"
@app.route("/watchlist")
def watchlist():
    return render_template("watchlist.html", user=user, movies=movies)
if __name__ == "__main__":
    app.run('0.0.0.0',debug=True)

templates/watchlist.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>{{ user.username }}'s watchlist</title>
</head>
<body>
<a href="{{ url_for('hi') }}">← Return</a>
<h2>{{ user.username}}</h2>
{% if user.bio %}
    <i>{{ user.bio }}</i>
{% else %}
    <i>This user has not provided a bio.</i>
{% endif %}
{# 以下是电影清单（这是注释） #}
<h5>{{ user.username }}'s watchlist ({{ movies|length }}):</h5>
<ul>
    {% for movie in movies %}
        <li>{{ movie.name }} - {{ movie.year }}</li>
    {% endfor %}
</ul>
</body>
</html>

执行：

$ python app.py 
 * Serving Flask app "app" (lazy loading)
 * Environment: production
   WARNING: This is a development server. Do not use it in a production deployment.
   Use a production WSGI server instead.
 * Debug mode: on
 * Running on http://0.0.0.0:5000/ (Press CTRL+C to quit)
 * Restarting with stat
 * Debugger is active!
 * Debugger PIN: 175-682-414

1832b220aa754cd18c504acc7686a560.png

HTML文件说明：

模板中使用←是HTML的实体，HTML实体除了用来转义HTML保留符号外，通常会被用来显示不容易通过键盘输入的字符。这里的←会显示为左箭头，另外，©用来显示版权标志。

在模板中添加python语句和表达式时，需要使用特定的定界符将其标识。

4.2 测试for循环中的loop变量，修改watchlist.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>{{ user.username }}'s watchlist</title>
</head>
<body>
<a href="{{ url_for('hi') }}">← Return</a>
<h2>{{ user.username}}</h2>
{% if user.bio %}
    <i>{{ user.bio }}</i>
{% else %}
    <i>This user has not provided a bio.</i>
{% endif %}
{# 以下是电影清单（这是注释） #}
<h5>{{ user.username }}'s watchlist ({{ movies|length }}):</h5>
<ul>
    {% for movie in movies %}
        <li>loop.index:{{ loop.index }}  loop.first:{{ loop.first }}
         loop.last:{{ loop.last }} - {{ movie.name }} - {{ movie.year }}</li>
    {% endfor %}
</ul>
</body>
</html>

1832b220aa754cd18c504acc7686a560.png

4.3 render_template_string()函数的使用

app.py

# encoding=utf-8
from flask import Flask, render_template_string
app = Flask(__name__)
user = {"username": "xiaoxiao",
         "bio": "A girl who loves movies."}
movies = [
    {'name' : 'My Neighbor Totoro','year':'1988'},
    {'name': 'Three Colours trilogy', 'year': '1993'},
    {'name': 'Forrest Gump', 'year': '1994'},
    {'name': 'Perfect Blue', 'year': '1997'},
    {'name': 'The Matrix', 'year': '1999'},
    {'name': 'Memento', 'year': '2000'},
    {'name': 'The Bucket list', 'year': '2007'},
    {'name': 'Black Swan', 'year': '2010'},
    {'name': 'Gone Girl', 'year': '2014'},
    {'name': 'CoCo', 'year': '2017'}
]
@app.route('/hi')
def hi():
    return "hello flask!"
@app.route("/watchlist")
def watchlist():
    return render_template_string(
        """{% for movie in movies %}
            <li>{{ movie.name }} - {{ movie.year }}</li>
            {% endfor %}
        """, movies=movies)
if __name__ == "__main__":
    app.run(debug=True)

测试结果

1832b220aa754cd18c504acc7686a560.png

文章标签：
Python
Windows
安全
关键词：
Python开发
web开发
Python web
Flask Web
Python Flask
爱死亡机器人
目录
相关文章
Deephub
|
10天前
|
IDE 测试技术 开发工具
10个必备Python调试技巧：从pdb到单元测试的开发效率提升指南
在Python开发中，调试是提升效率的关键技能。本文总结了10个实用的调试方法，涵盖内置调试器pdb、breakpoint()函数、断言机制、logging模块、列表推导式优化、IPython调试、警告机制、IDE调试工具、inspect模块和单元测试框架的应用。通过这些技巧，开发者可以更高效地定位和解决问题，提高代码质量。
Deephub
98 8
10个必备Python调试技巧：从pdb到单元测试的开发效率提升指南
API小知识
|
24天前
|
存储 API 数据库
使用Python开发获取商品销量详情API接口
本文介绍了使用Python开发获取商品销量详情的API接口方法，涵盖API接口概述、技术选型（Flask与FastAPI）、环境准备、API接口创建及调用淘宝开放平台API等内容。通过示例代码，详细说明了如何构建和调用API，以及开发过程中需要注意的事项，如数据库连接、API权限、错误处理、安全性和性能优化等。
API小知识
82 5
vohelon
|
2月前
|
机器学习/深度学习 人工智能 关系型数据库
Python开发
Python开发
vohelon
41 7
小周sir
|
2月前
|
开发者 Docker Python
从零开始：使用Docker容器化你的Python Web应用
从零开始：使用Docker容器化你的Python Web应用
小周sir
42 1
API小知识
|
2月前
|
前端开发 安全 数据库
使用Python开发独立站的全面指南
本文详细介绍了如何使用Python及其Web框架Django和Flask快速搭建功能完善、易于管理的独立站。从Python和Web开发基础讲起，逐步覆盖环境搭建、项目创建、数据库设计、视图与URL路由、模板创建、表单处理、测试调试、部署优化及安全维护等内容，旨在帮助开发者高效构建稳定的Web应用。
API小知识
72 1
时光在流逝
|
2月前
|
JSON 前端开发 API
使用Python和Flask构建简易Web API
使用Python和Flask构建简易Web API
时光在流逝
115 3
API小知识
|
2月前
|
存储 API 数据安全/隐私保护
Python开发淘宝详情API的深入探索
通过Python开发淘宝详情API，你可以高效地获取商品信息，为电商运营和市场分析提供强有力的数据支持。本文详细介绍了注册开发者账号、获取API密钥、构建请求、解析响应数据等步骤，并探讨了相关的注意事项和最佳实践。希望这些内容能够帮助你更好地理解和使用淘宝开放平台的API接口，实现你的业务需求。
API小知识
39 1
API小知识
|
2月前
|
JSON API 数据格式
如何使用Python开发天猫获得淘宝买家秀API接口？
本文介绍了如何使用Python开发天猫和淘宝买家秀API接口，包括注册开放平台账号、创建应用获取API权限、构建请求URL、发送请求获取响应及解析数据等步骤，帮助开发者高效获取和处理商品信息与用户评价数据。
API小知识
35 0
天降攻城狮
|
存储 Web App开发 索引
Flask 教程 第三章：Web表单
本文转载自：https://www.jianshu.com/p/54c74c565de3 这是Flask Mega-Tutorial系列的第三部分，我将告诉你如何使用Web表单。 在第二章中我为应用主页创建了一个简单的模板，并使用诸如用户和用户动态的模拟对象。
天降攻城狮
1828 0
Star时光
|
2月前
|
开发框架 前端开发 JavaScript
利用Python和Flask构建轻量级Web应用的实战指南
利用Python和Flask构建轻量级Web应用的实战指南
Star时光
89 2

热门文章

最新文章

  • 1
    Flask 框架防止 SQL 注入攻击的方法
  • 2
    正确配置Flask以提高应用的安全性
  • 3
    Flask框架的安全机制与其他框架相比有哪些优势和劣势？
  • 4
    除了Flask框架，还有哪些框架能防止SQL注入攻击？
  • 5
    使用Python实现智能食品库存管理的深度学习模型
  • 6
    Python实现常用办公文件格式转换
  • 7
    猫狗宠物识别系统Python+TensorFlow+人工智能+深度学习+卷积网络算法
  • 8
    pyenv 管理多个 Python 版本(1)
  • 9
    Python编程数据结构的深入理解
  • 10
    Python的标准库
  • 1
    web前端之纯CSS实现简单酷炫的照片墙效果、排除元素的伪类、scale
    95
  • 2
    了解常见的web漏洞-XXE漏洞，日常如何做好web安全
    99
  • 3
    Python Web开发主要常用的框架
    220
  • 4
    MVC（模型-视图-控制器）是一种在Web应用程序开发中广泛使用的软件设计模式
    75
  • 5
    Web应用程序的会话管理是一种跟踪和识别特定用户与Web服务器之间交互的技术
    267
  • 6
    在Python Web开发中，测试是一个至关重要的环节
    182
  • 7
    深入探索Spring Boot Web应用源码及实战应用
    113
  • 8
    golang学习7，glang的web的restful接口结构体传参
    61
  • 9
    golang学习6，glang的web的restful接口传参
    58
  • 10
    golang学习5，glang的web的restful接口
    55

    • 相关课程

    更多
  • Python语言基础 - 语法入门
  • Python语言基础 - 函数、面向对象、异常处理
  • Python Web 框架 Flask 快速入门
  • Python Web开发基础
  • Python爬虫实战
  • Python开发基础入门

    • 相关电子书

    更多
  • From Python Scikit-Learn to Sc
  • Data Pre-Processing in Python:
  • 双剑合璧-Python和大数据计算平台的结合

    • 相关实验场景

    更多
  • 1分钟SAE部署Web在线游戏
  • 用Python画圣诞树
  • 使用SLB+2ECS+NAS，部署电商web网站的高可用架构
  • 语言入门-1：环境构建
  • Python选择及循环结构
  • 云端Python及基本操作

    • 推荐镜像

    更多
  • python-release
  • nodejs-release
  • golang
    • 下一篇
    阿里云无影云电脑免费试用，最长可试用3个月