Web 框架 Flask 快速入门(一)flask基础与模板

简介: 🌴 Flask基础和模板1、web框架的作用避免重复造轮子,app程序不必关心于服务器的沟通方式,而专注于核心的业务逻辑实现。稳定,可扩展性强

🌴 Flask基础和模板

1、web框架的作用

避免重复造轮子,app程序不必关心于服务器的沟通方式,而专注于核心的业务逻辑实现。

  • 稳定,可扩展性强
  • 开发效率高

flask是一个轻量级的Web开发框架,python常见的web开发框架还有Django、Tornado。但轻量不等于弱,因为可以引入各种扩展,就像python可以安装各种库一样。

2、安装flask库

pip install flask

🌷 一个简单的flask程序

程序代码:

# 1. 导入Flask扩展
from flask import Flask, render_template
# 2. 创建Flask应用程序示例
# 需传入__name__,作用是为了确定资源所在路径
app = Flask(__name__)
# 3. 定义路由及视图函数
# Flask中定义路由是通过装饰器实现
@app.route('/', methods=['GET', 'POST'])
def hello_world():
    return '<h1>Hello, flask!</h1>'
# 使用同一个视图函数,来显示不同用户的订单信息
# <>定义路由的参数
@app.route('/orders/<int:order_id>')
def get_order_id(order_id):
    # 需要在视图函数的()内填入参数名,后面的代码才能去使用
    # 有时,需要对路由做访问优化,订单ID应该是int类型
    return '<h2>order_id %s</h2>' % order_id
# 4. -- main --
# 会将Flask程序运行在一个简易服务器上(Flask提供,用于测试)
app.run()

这个程序的hello_world()实现了对根目录请求的响应,此时程序就只有一个固定的响应方式。



下面的get_order_id实现了对路径/orders/...的响应,<int:order_id>表示url的这一部分将被解析为一个参数数据传入(url不用?order_id=1这种写法,也可以传递参数,而这取决于程序对url的解析方法)。



可以使用Edge的Postwoman插件对请求进行测试,

对根目录的请求时,返回

<h1>Hello, flask!</h1>

/orders/666目录发送请求时,返回

<h2>order_id 666</h2>

当请求不符合规定时,就会返回错误,例如代码中<int:order_id>要求了order_id只能是一个整数,当url使用http://127.0.0.1:5000/orders/a 时,返回

<!doctype html>
<html lang=en>
<title>404 Not Found</title>
<h1>Not Found</h1>
<p>The requested URL was not found on the server. If you entered the URL manually please check your spelling and try again.</p>

🌼 模板的使用

flask库中有一个内置的模板引擎,叫做Jinjia2。

为什么用模板引擎?

我们不希望Server仅返回一个字符串,而是返回一整个网页。而且不应该只能返回写死的网页,而要可以动态地填充数据。一个可以填充数据的网页,就可以成为“模板”。

使用flask模板时的目录结构:

flask_template_demo.py
templates
- index.html

flask的render_template会自动在templates目录下找html文件,所以我们的html需要放在该目录下。

html中的代码块

  • 变量代码块
{{ 变量名 }}
  • 控制代码块

有if、else、for,例如:

{{% for %}}
  ...
{{% endfor %}}

render_template

将写好的html文件(模板网页),和变量,都作为参数传递给render_template(),它就会将变量填充(填充方式在html中实现)到模板中,形成最终的网页,最后返回。

index.html文件代码

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title></title>
    </head>
    <body>
        这是模板<br>
        这是首页<br>
        {{url_str}}<br>
        <!-- 列表的使用 -->
        {{my_list}}<br>
        {{ my_list[1] }}<br>
        {{ my_list.3 }}<br>
        <!-- 字典的使用 -->
        {{my_dict}}<br>
        {{my_dict.url}}<br>
        {{my_dict['name']}}<br>
        <hr>
        <!-- for循环的使用 -->
        {% for num in my_list %}
            {% if num > 3 %}
                {{num}}<br>
            {% endif %}
        {% endfor %}
        <hr>
        <!-- 过滤器使用 -->
        <!-- 字符串变大写 -->
        {{ url_str | upper}}<br>
        <!-- 字符串反转 -->
        {{ url_str | reverse}}<br>
        <!-- 大写后反转 -->
        {{ url_str | upper | reverse}}<br>
    </body>
</html>

flask_template_demo.py文件代码

from flask import Flask, render_template
app = Flask(__name__)
# 1. 如何返回一个网页(模板)
# 2. 如何给模板填充数据
@app.route('/')
def index():
    # 准备转入到网页模板中的变量
    url_str = 'www.baidu.com'
    my_list = [1, 3, 5, 7, 9]
    my_dict = {
        'name': '程序员',
        'url': 'www.baidu.com'
    }
    # 通常模板中使用的变量名,和传入的变量名保持一致
    return render_template(
        'index.html', 
        url_str=url_str, 
        my_list=my_list, 
        my_dict=my_dict)
# 运行程序
app.run(debug=True)

程序运行效果

网页上渲染显示

8f43d91ee8c245a7b63fa23c1674c3b9.png

也可以看看返回的源代码。

相关文章
|
1月前
|
开发框架 JavaScript 前端开发
如何选择合适的Web开发框架?
【9月更文挑战第1天】如何选择合适的Web开发框架?
54 1
|
7天前
|
Web App开发 JavaScript 前端开发
构建高效Web应用:Node.js与Express框架的深度整合
【9月更文挑战第28天】在现代Web开发领域,Node.js和Express框架的结合已成为打造高性能、易扩展应用的黄金组合。本文将深入探讨如何利用这一技术栈优化Web应用架构,提供具体实践指导,并分析其性能提升的内在机制。通过代码示例,我们将展示从基础搭建到高级功能的实现过程,旨在为开发者提供一条清晰的学习路径,以实现技术升级和项目效率的双重提升。
20 3
|
7天前
|
JSON 测试技术 数据库
|
7天前
|
安全 数据安全/隐私保护 Python
基于Flask框架实现一个简易后台用户登录系统
基于Flask框架实现一个简易后台用户登录系统
17 1
|
11天前
|
JSON 安全 JavaScript
Web安全-JQuery框架XSS漏洞浅析
Web安全-JQuery框架XSS漏洞浅析
45 2
|
11天前
|
开发框架 JSON 缓存
震撼发布!Python Web开发框架下的RESTful API设计全攻略,让数据交互更自由!
在数字化浪潮推动下,RESTful API成为Web开发中不可或缺的部分。本文详细介绍了在Python环境下如何设计并实现高效、可扩展的RESTful API,涵盖框架选择、资源定义、HTTP方法应用及响应格式设计等内容,并提供了基于Flask的示例代码。此外,还讨论了版本控制、文档化、安全性和性能优化等最佳实践,帮助开发者实现更流畅的数据交互体验。
32 1
|
18天前
|
JSON 测试技术 数据库
Python的Flask框架
Python的Flask框架
|
23天前
|
Python
使用Python和Flask构建简单的Web应用
使用Python和Flask构建简单的Web应用
29 6
|
23天前
|
存储 JSON 数据库
使用Flask构建简单的Web应用
使用Flask构建简单的Web应用
34 3
|
28天前
|
Web App开发 前端开发 JavaScript
Web前端项目的跨平台桌面客户端打包方案之——CEF框架
Chromium Embedded Framework (CEF) 是一个基于 Google Chromium 项目的开源 Web 浏览器控件,旨在为第三方应用提供嵌入式浏览器支持。CEF 隔离了底层 Chromium 和 Blink 的复杂性,提供了稳定的产品级 API。它支持 Windows、Linux 和 Mac 平台,不仅限于 C/C++ 接口,还支持多种语言。CEF 功能强大,性能优异,广泛应用于桌面端开发,如 QQ、微信、网易云音乐等。CEF 开源且采用 BSD 授权,商业友好,装机量已超 1 亿。此外,GitHub 项目 CefDetector 可帮助检测电脑中使用 CEF
105 3
下一篇
无影云桌面