Python Flask Web框架初步入门

前言

flask基础

搭建flask服务器

定义html

使用templates模板定义页面的html

html页面编写

render_template传参变量

定义图片

创建static目录，存入图片

html编写

flask入门

网站多域名

网站之间超链接跳转

入门案例

将centos的rpm包下载链接集成到自己的服务器

1.编写代码

2.导出html页面，并放到template目录

3.编写Index.html

4.访问127.0.0.1:8080

前言

 Flask诞生于2010年，是Armin ronacher用 Python 语言基于 Werkzeug 工具箱编写的轻量级Web开发框架。

特点
微框架、简洁、只做他需要做的，给开发者提供了很大的扩展性。
Flask和相应的插件写得很好，用起来很爽。
开发效率非常高，比如使用SQLAlchemy的ORM操作数据库可以节省开发者大量书写sql的时间。
把默认的Jinija2模板引擎替换成其他模板引擎都是非常容易的。
框架对比
1） 框架轻重

重量级的框架：为方便业务程序的开发，提供了丰富的工具、组件，如Django
轻量级的框架：只提供Web框架的核心功能，自由、灵活、高度定制，如Flask、Tornado
2）与Django对比

django提供了：

django-admin快速创建项目工程目录
manage.py 管理项目工程
orm模型（数据库抽象层）
admin后台管理站点
缓存机制
文件存储系统
用户认证系统

一些常用的 Flask 方法的简要介绍：

  1. route(rule, methods=['GET'])：

    • 用于定义 URL 规则和请求方法的映射关系，指定了响应请求的处理函数。

  2. render_template(template_name_or_list, **context)：

    • 用于渲染模板文件，并传递上下文变量到模板中进行渲染。

  3. request.args：

    • 获取请求 URL 中的查询参数。

  4. request.form：

    • 获取 POST 请求发送的表单数据。

  5. request.files：

    • 获取上传的文件数据。

  6. session：

    • 用于存储用户会话信息，可以在不同请求之间共享数据。

  7. redirect(location, code=302)：

    • 重定向到指定的 URL。

  8. url_for(endpoint, **values)：

    • 生成指定端点对应的 URL。

  9. jsonify(*args, **kwargs)：

    • 将传入的数据序列化为 JSON 格式，并创建包含 JSON 数据的 Response 对象。

  10. make_response(*args)：

    • 创建一个自定义的响应对象，可以设置 HTTP 状态码、头部信息等。

  11. abort(status_code)：

    • 中止请求并返回指定的 HTTP 状态码。

flask基础

搭建flask服务器
from flask import Flask

webapp = Flask(__name__)

if __name__ == '__main__':
    webapp.run(port=8080, host='127.0.0.1', debug=True)

导入 Flask 模块，用于创建 Web 应用程序

创建了一个名为 webapp 的 Flask 应用实例

启动 Flask 应用程序，监听本地主机的 127.0.0.1 地址的 8080 端口，设置 debug 模式为 True，出现错误时后台显示调试信息

 截图显示有一个 GET 请求尝试访问根路径 /，但是返回了 404 错误，表明应用中没有处理根路径的路由

所以要添加url路由，观察如下代码：


from flask import Flask

webapp = Flask(__name__)

@webapp.route('/')
def index():
    return "这是一个测试页面"

if __name__ == '__main__':
    webapp.run(port=8080, host='127.0.0.1', debug=True)

 使用装饰器 @webapp.route('/') 调用route路由，括号里给定参数，/符号默认为首页

当路由定位到这个默认的页面时，就调用这个index函数的返回内容。

所以访问127.0.0.1:8080时，实际上默认访问的是127.0.0.1:8080/    这个/  就根据路由走到了index函数

返回一个正常的页面了

 正常来说访问一个页面的时候，返回的是html的精美页面，那么如何实现呢？

定义html
使用templates模板定义页面的html

在当前项目中新建目录：templates

html页面编写
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>我的网页</title>
</head>
<body>

<h1>欢迎来到我的网页！</h1>
<p>这是一个简单的 HTML 示例。</p>

</body>
</html>

from flask import Flask
from flask import render_template

webapp = Flask(__name__)

@webapp.route('/')
def index():
    return render_template('index.html')

if __name__ == '__main__':
    webapp.run(port=8080, host='127.0.0.1', debug=True)

 导入render_template方法

调用该方法指定 index.html

因为flask框架在使用这个模板函数时，默认去寻找项目文件夹下的templates文件夹里的html文件

render_template传参变量

如果想通过render_template方法传输数据，在html文件中显示出来，需要在render_template函数中加入数据参数，如data=msg

html编写格式：{{变量}}

from flask import Flask
from flask import render_template

webapp = Flask(__name__)

@webapp.route('/')
def index():
    msg = "Welcome"
    return render_template('index.html', data=msg)

if __name__ == '__main__':
    webapp.run(port=8080, host='127.0.0.1', debug=True)

 加了变量msg，render_template方法中制定了data数据

html编写加上{{data}}，调用变量内容

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>我的网页</title>
</head>
<body>

<h1>欢迎来到我的网页！</h1>
<p>这是一个简单的 HTML 示例。</p>
{{data}}   # 显示传递变量的内容  Welcome
</body>
</html>

定义图片

如果想在该页面添加图片或者css、js文件，就需要使用到flask框架默认设置的static目录方式，即将这些图片、css、js文件存放到项目目录下的static目录，然后使用路由指向。

创建static目录，存入图片

html编写

添加如下代码：

 <img src="{{ url_for('static', filename='风景.webp') }}" alt="风景图片">
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>网页标题</title>
</head>
<body>
    <h1>欢迎来到我的网页！</h1>
    <img src="{{ url_for('static', filename='风景.webp') }}" alt="风景图片">
    <p>这是一个简单的 HTML 示例。</p>

    {{data}}
</body>
</html>

url_for函数用于生成静态文件的 URL，将定义的静态文件显示到页面上

flask入门

网站多域名
from flask import Flask
from flask import render_template

webapp = Flask(__name__)


@webapp.route('/')
def index():
    return render_template('index.html')


@webapp.route('/login')
def login():
    return render_template('login.html')


if __name__ == '__main__':
    webapp.run(port=8080, host='127.0.0.1', debug=True)

再main文件里定义多个url路由

访问网址 127.0.0.1/login后，调用login.html

用户登陆的login.html

<!DOCTYPE html>
<html>
<head>
    <title>User Login</title>
</head>
<body>
    <h2>User Login</h2>
    <form action="/login" method="post">
        <div>
            <label for="username">Username:</label>
            <input type="text" id="username" name="username">
        </div>
        <div>
            <label for="password">Password:</label>
            <input type="password" id="password" name="password">
        </div>
        <div>
            <input type="submit" value="Login">
        </div>
    </form>
</body>
</html>

访问127.0.0.1/login：

网站之间超链接跳转

访问默认网址，网页显示一个可点击的链接可跳转到其他界面，可以使用a超链接实现使用url_for函数

from flask import Flask
from flask import render_template

webapp = Flask(__name__)


@webapp.route('/')
def index():
    return render_template('index.html')

@webapp.route('/info')
def info():
    return render_template('info.html')

if __name__ == '__main__':
    webapp.run(port=8080, host='127.0.0.1', debug=True)

index.html编写加入a超链接

<ul>
    <li><a href="/info">去看相关介绍说明</a></li>
</ul>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>网页标题</title>
</head>
<body>
    <h1>欢迎来到我的网页！</h1>
    <img src="{{ url_for('static', filename='风景.webp') }}" alt="风景图片">
    <p>这是一个简单的 HTML 示例。</p>
    {{data}}
<ul>
    <li><a href="/info">去看相关介绍说明</a></li>
</ul>
</body>
</html>

点击“去看相关介绍说明”则跳转到/info这个界面

info.html

<!DOCTYPE html>
<html>
<head>
    <title>Flask常用方法介绍</title>
</head>
<body>
    <p><strong>route(rule, methods=['GET'])：</strong> 用于定义 URL 规则和请求方法的映射关系，指定了响应请求的处理函数。</p>
    <p><strong>render_template(template_name_or_list, **context)：</strong> 用于渲染模板文件，并传递上下文变量到模板中进行渲染。</p>
    <p><strong>request.args：</strong> 获取请求 URL 中的查询参数。</p>
    <p><strong>request.form：</strong> 获取 POST 请求发送的表单数据。</p>
    <p><strong>request.files：</strong> 获取上传的文件数据。</p>
    <p><strong>session：</strong> 用于存储用户会话信息，可以在不同请求之间共享数据。</p>
    <p><strong>redirect(location, code=302)：</strong> 重定向到指定的 URL。</p>
    <p><strong>url_for(endpoint, **values)：</strong> 生成指定端点对应的 URL。</p>
    <p><strong>jsonify(*args, **kwargs)：</strong> 将传入的数据序列化为 JSON 格式，并创建包含 JSON 数据的 Response 对象。</p>
    <p><strong>make_response(*args)：</strong> 创建一个自定义的响应对象，可以设置 HTTP 状态码、头部信息等。</p>
    <p><strong>abort(status_code)：</strong> 中止请求并返回指定的 HTTP 状态码。</p>
</body>
</html>

看下访问结果

访问/    显示:

点击链接跳转

可发现url变成了 /info 

入门案例

将centos的rpm包下载链接集成到自己的服务器
1.编写代码
from flask import Flask
from flask import render_template

webapp = Flask(__name__)


@webapp.route('/')
def index():
    return render_template('index.html')


@webapp.route('/download')
def download():
    return render_template('rpm_list_download.html')

if __name__ == '__main__':
    webapp.run(port=8080, host='127.0.0.1', debug=True)
2.导出html页面，并放到template目录

3.编写Index.html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>网页标题</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            text-align: center;
            background-color: #f4f4f4;
            margin: 0;
            padding: 0;
        }
        #content-container {
            max-width: 600px;
            margin: 20px auto;
            padding: 20px;
            background-color: #fff;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
        }
        h1 {
            color: #333;
        }
        img {
            max-width: 100%;
            height: auto;
            margin-bottom: 20px;
        }
        ul {
            list-style: none;
            padding: 0;
        }
        li {
            margin-top: 10px;
        }
        a {
            text-decoration: none;
            color: #007bff;
        }
    </style>
</head>
<body>
    <div id="content-container">
        <h1>欢迎来到我的Centos Rpm下载页面</h1>
        <img src="static/centos.webp" alt="Centos">
        <p>{{data}}</p>
        <ul>
            <li><a href="/download">👉 点击这里下载</a></li>
        </ul>
    </div>
</body>
</html>
4.访问127.0.0.1:8080

点击下载即可

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：/a/500179.html

如若内容造成侵权/违法违规/事实不符，请联系我们进行投诉反馈qq邮箱809451989@qq.com，一经查实，立即删除！

相关文章

13-API风格（下）：RPCAPI介绍

13-API风格（下）：RPCAPI介绍

RPC在Go项目开发中用得也非常多&#xff0c;需要我们认真掌握。 RPC介绍 根据维基百科的定义&#xff0c;RPC&#xff08;Remote Procedure Call&#xff09;&#xff0c;即远程过程调用&#xff0c;是一个计算机通信协议。该协议允许运行于一台计算机的程序调用另一台计算机…
阅读更多...
发光二极管限流电阻对电路性能有哪些影响？

发光二极管限流电阻对电路性能有哪些影响？

目录 1.控制电流 2.稳定电压&#xff08;亮度控制&#xff09; 3.功耗控制&#xff08;保护元件&#xff09; 4.节能控制 发光二极管&#xff08;LED&#xff09;限流电阻在电路中对电路性能主要有以下几个影响&#xff1a; 1.控制电流 限流电阻通过限制电流&#xff0c;使LED工…
阅读更多...
WebGIS开发

WebGIS开发

1.准备工作 高德开发API注册账号&#xff0c;创建项目拿到key和密钥 高德key 2.通过JS API引入高德API <html><head><meta charset"utf-8" /><meta http-equiv"X-UA-Compatible" content"IEedge" /><metaname&quo…
阅读更多...
pdf在浏览器上无法正常加载的问题

pdf在浏览器上无法正常加载的问题

一、背景 觉得很有意思给大家分享一下。事情是这样的&#xff0c;开发给我反馈说&#xff0c;线上环境接口请求展示pdf异常&#xff0c;此时碰巧我前不久正好在ingress前加了一层nginx&#xff0c;恰逢此时内心五谷杂陈&#xff0c;思路第一时间便放在了改动项。捣鼓了好久无果…
阅读更多...
上位机图像处理和嵌入式模块部署（qmacvisual非opencv算法编写）

上位机图像处理和嵌入式模块部署（qmacvisual非opencv算法编写）

【 声明&#xff1a;版权所有&#xff0c;欢迎转载&#xff0c;请勿用于商业用途。 联系信箱&#xff1a;feixiaoxing 163.com】 我们都知道&#xff0c;qmacvisual本身依赖于qtopencv的实现。大部分的界面都是依赖于qt的实现。图像算法部分&#xff0c;也是大部分都依赖于open…
阅读更多...
【最新版RabbitMQ3.13】Linux安装基于源码构建的RabbitMQ教程

【最新版RabbitMQ3.13】Linux安装基于源码构建的RabbitMQ教程

前言 linux环境 安装方式有三种&#xff0c;我们这里使用源码安装 Linux下rpm、yum和源码三种安装方式简介 个人语雀首发教程&#xff1a;https://www.yuque.com/wzzz/java/kl2zn22b42svsc6b csdn地址: https://blog.csdn.net/u013625306/article/details/137151862 安装版本…
阅读更多...
机器学习模型之逻辑回归

机器学习模型之逻辑回归

逻辑回归是一种常用的分类算法&#xff0c;尤其适用于二分类问题。逻辑回归的核心思想是通过对数几率函数&#xff08;logistic function&#xff09;将线性回归的输出映射到概率空间&#xff0c;从而实现分类。 逻辑回归的原理&#xff1a; 逻辑回归模型使用对数几率函数&am…
阅读更多...
wireshark创建显示过滤器实验简述

wireshark创建显示过滤器实验简述

伯克利包过滤是一种在计算机网络中进行数据包过滤的技术&#xff0c;通过在内核中插入过滤器程序来实现对网络流量的控制和分析。 在数据包细节面板中创建显示过滤器&#xff0c;显示过滤器可以在wireshark捕获数据之后使用。 实验拓扑图&#xff1a; 实验基础配置&#xff1…
阅读更多...
Unity-通过AB包使用SpriteAtlas图集（基于unity2018）

Unity-通过AB包使用SpriteAtlas图集（基于unity2018）

项目遇到了一个性能问题&#xff0c;需要优化UI。其中就涉及UI的合批问题&#xff0c;其中自然而然就会关联到图集的概念。旧版图集&#xff0c;Legacy Atlas&#xff0c;还没有太研究。今天主要看一下SpriteAtlas怎么使用的。 因为我们项目资源工程和Runtime是分离的&#xf…
阅读更多...
旅游管理系统|基于springBoot旅游管理系统设计与实现（附项目源码+论文）

旅游管理系统|基于springBoot旅游管理系统设计与实现（附项目源码+论文）

基于springBoot旅游管理系统设计与实现 一、摘要 现代经济快节奏发展以及不断完善升级的信息化技术&#xff0c;让传统数据信息的管理升级为软件存储&#xff0c;归纳&#xff0c;集中处理数据信息的管理方式。本旅游管理系统就是在这样的大环境下诞生&#xff0c;其可以帮助…
阅读更多...
国产暴雨AI服务器X3418开启多元自主可控新篇章

国产暴雨AI服务器X3418开启多元自主可控新篇章

在当前数字化转型的大潮中&#xff0c;算力作为新质生产力的重要动力引擎&#xff0c;对推动经济社会发展起着关键作用。尤其在人工智能领域&#xff0c;随着高性能、安全可控的AI算力需求持续攀升&#xff0c;国产化服务器的研发与应用显得尤为迫切。 作为国内专业的算力基础…
阅读更多...
Netty核心原理剖析与RPC实践6-10

Netty核心原理剖析与RPC实践6-10

Netty核心原理剖析与RPC实践6-10 06-粘包拆包问题&#xff1a;如何获取一个完整的网络包 本节课开始我们将学习 Netty 通信过程中的编解码技术。编解码技术这是实现网络通信的基础&#xff0c;让我们可以定义任何满足业务需求的应用层协议。在网络编程中&#xff0c;我们经常…
阅读更多...
Java八股文（高并发，分布式，JUC）

Java八股文（高并发，分布式，JUC）

Java八股文の高并发&#xff0c;分布式&#xff0c;JUC 高并发&#xff0c;分布式&#xff0c;JUC 高并发&#xff0c;分布式&#xff0c;JUC 对于高并发的系统&#xff0c;为了提高用户的体验&#xff0c;你是如何做的&#xff1f;或者说高并发的技巧你用过哪些&#xff1f; …
阅读更多...
Webpack生成企业站静态页面 - ajax请求

Webpack生成企业站静态页面 - ajax请求

一些项目因需求不同&#xff0c;如需SEO或小项目&#xff0c;使用angular、react或vue就大材小用了。可以通过webpack、gulp这些构建工具&#xff0c;也能快速完成html页面开发&#xff0c;并且也能使用less/sass/styus等样式预编译功能&#xff0c;以及将js、html分模块、分组…
阅读更多...
【昇腾系列产品应用】英码科技EA500I边缘计算盒子接口使用示例和目标检测算法演示（附视频）

【昇腾系列产品应用】英码科技EA500I边缘计算盒子接口使用示例和目标检测算法演示（附视频）

EA500I是英码科技联合华为昇腾精心打造的AI边缘计算盒子&#xff0c;其搭载昇腾310系列处理器&#xff0c;可提供20TOPS INT8 的计算能力&#xff0c;并设计了丰富的外围接口&#xff0c;包括Type-C系统调试口、LINE音频接口、USB3.0*2、千兆LAN*8、WAN*1、5G/4G、GNSS天线口、…
阅读更多...
构建ELK+Filebeat+kafka+zookeeper大数据日志分析平台

构建ELK+Filebeat+kafka+zookeeper大数据日志分析平台

主机IP 角色 所属服务层 部署服务 192.168.11.11 日志生产 采集层 filebeat 192.168.11.12 日志缓存 数据处理层、缓存层 Zookeeperkafkalogstash 192.168.11.13 192.168.11.14 日志展示 持久、检索、展示层 Logstashelasticsearchkibana 数据流向 filebeat--…
阅读更多...
git仓库太大只下载单个文件或文件夹

git仓库太大只下载单个文件或文件夹

有没有这样的苦恼&#xff1a;仓库太大&#xff0c;只想下载其中某些文件(夹)&#xff1f; 一招解决&#xff1a;bash down_folder_from_git.sh 运行前&#xff0c;先修改开头三个变量 原理: 稀疏检出 让工作树仅包含自定义的文件 #!/usr/bin/bash addrhttps://github.com/fac…
阅读更多...
时序预测 | Matlab实现CPO-BP冠豪猪算法优化BP神经网络时间序列预测

时序预测 | Matlab实现CPO-BP冠豪猪算法优化BP神经网络时间序列预测

时序预测 | Matlab实现CPO-BP冠豪猪算法优化BP神经网络时间序列预测 目录 时序预测 | Matlab实现CPO-BP冠豪猪算法优化BP神经网络时间序列预测预测效果基本介绍程序设计参考资料 预测效果 基本介绍 1.Matlab实现CPO-BP冠豪猪算法优化BP神经网络时间序列预测&#xff08;完整源码…
阅读更多...
每天五分钟卷积神经网络：如何基于滑动窗口技术完成目标的检测？

每天五分钟卷积神经网络：如何基于滑动窗口技术完成目标的检测？

汽车检测算法 现在我们想要构建一个汽车检测算法，我们希望输入到算法中一张图片，算法就可以帮助我们检测出这张图片中是否有汽车。 数据集 首先创建一个标签训练集，x是样本，y是标签。我们的训练集最好是被剪切过的图片，剪掉汽车以外的部分，使汽车居于中间位置，就是整张…
阅读更多...
安卓开机动画

安卓开机动画

目录 一、开机动画的2种模式1.1 android模式2.2 movie模式 二、开机动画代码运行位置三、删除开机动画四、自定义开机动画实践 一、开机动画的2种模式 一种是使用两张图片利用某种效果来造成动态&#xff0c;另一种则是用一个图包循环显示的方式来形成动态。当然&#xff0c;这…
阅读更多...
最新文章

Copyright @ 2022~2023