Python Flask Web框架初步入门

news2025/2/2 12:51:30

前言

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

点击下载即可

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

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈，一经查实，立即删除！

相关文章

Linux（CentOS7.5） 安装部署 Python3.6（超详细！包含 Yum 源配置！）

Linux（CentOS7.5） 安装部署 Python3.6（超详细！包含 Yum 源配置！）

文章目录 1.配置 Yum 源2.下载 Python3 包3. 解压4.安装依赖环境5.安装出错场景 6.创建软链接7.配置 Python3 的环境变量8.验证补充&#xff1a;安装 openssl-devel补充&#xff1a;pip3 源配置 1.配置 Yum 源 # 注意&#xff01;&#xff01;&#xff01;请先切换到 root 账号…
阅读更多...
什么是搜索引擎（SEO）爬虫它们是如何工作的？

什么是搜索引擎（SEO）爬虫它们是如何工作的？

什么是搜索引擎&#xff08;SEO&#xff09;爬虫&它们是如何工作的&#xff1f; 你的网站上有蜘蛛&#x1f577;️。别抓狂&#xff01;我说的不是真正的八条腿的蜘蛛&#x1f577;️。 我指的是搜索引擎优化爬虫。他们是实现SEO的机器人。每个主要的搜索引擎都使用爬虫来…
阅读更多...
存储阵列从哪些方面改善影视后期制作环境

存储阵列从哪些方面改善影视后期制作环境

在4K/8K视频越来越成为影视制作主流的今天&#xff0c;超大的影视文件给项目按时完成带来了严重的挑战。对于影视工作室来说要想赶上进度&#xff0c;在存储的选择上通常有三个难题亟待解决&#xff1a;怎么搭建高性能影视协作环境? 文件量增长怎么扩展现有的存储? 如何有效的…
阅读更多...
NumPy介绍及其应用领域

NumPy介绍及其应用领域

1.NumPy介绍 ​NumPy&#xff08;Numerical Python&#xff09;是 Python 的一个开源的扩展程序库&#xff0c;支持大量的维度数组与矩阵运算&#xff0c;此外也针对数组运算提供大量的数学函数库。NumPy的前身为Numeric&#xff0c;起初由Jim Hugunin与其他协作者共同开发&…
阅读更多...
Elment ui 动态表格与表单校验 列表数据 组件

Elment ui 动态表格与表单校验 列表数据 组件

组件做个记录&#xff0c;方便以后会用到。 效果&#xff1a; 代码 &#xff1a; <template><el-dialog title"商品详情" :visible.sync"dialogVisible" width"80%"><el-tabs v-model"activeTab"><el-tab-pane…
阅读更多...
数据可视化Grafana Windows 安装使用教程（中文版)

数据可视化Grafana Windows 安装使用教程（中文版)

1.跳转连接 天梦星服务平台 (tmxkj.top)https://tmxkj.top/#/site?url 2.下载应用程序 官网地址&#xff1a;Grafana get started | Cloud, Self-managed, Enterprisehttps://grafana.com/get/ 3.修改配置文件 grafana\conf\defaults 4.启动\bin\目录下serve应用程序 浏…
阅读更多...
C#属性显示

C#属性显示

功能&#xff1a; 显示对象的属性&#xff0c;包括可显示属性、可编辑属性、及不可编辑属性。 1、MainWindow.xaml <Window x:Class"FlowChart.MainWindow"xmlns"http://schemas.microsoft.com/winfx/2006/xaml/presentation"xmlns:x"http://sche…
阅读更多...
使用filezilla连接Ubuntu22.04虚拟机

使用filezilla连接Ubuntu22.04虚拟机

获取电脑IP和虚拟机IP ① 在windows下ctrlR再输入cmd&#xff0c;打开指令窗口&#xff0c;输入 ipconfig 虚拟机连接电脑用的是NAT模式&#xff0c;故看VMnet8的IP地址 ② 查看虚拟机IP地址 终端输入 ifconfig 如果没安装&#xff0c;按提示安装net-tools sudo apt install …
阅读更多...
vue3封装Element导航菜单

vue3封装Element导航菜单

1. 导航外层布局 AsideView.vue <template><el-menu:default-active"defaultActive"class"my-menu":collapse"isCollapse":collapse-transition"false"open"handleOpen"close"handleClose"><menu…
阅读更多...
云渲染实用工具:3ds max怎么改低版本?

云渲染实用工具:3ds max怎么改低版本?

3ds Max是建模领域广泛采用的专业软件&#xff0c;它通过定期更新来不断增强功能和提升性能。但这些频繁的更新有时会导致一些插件暂时无法与新版本完全兼容。为了解决这个问题&#xff0c;设计师们可以采用一个简单有效的方法&#xff0c;那就是将较新版本的3ds Max文件进行版…
阅读更多...
拆分巨石：将MVPS和MVAS应用于遗留应用程序——可持续架构（六）

拆分巨石：将MVPS和MVAS应用于遗留应用程序——可持续架构（六）

前言 MVP 和 MVA 的概念不仅适用于新应用程序&#xff1b;它们提供了一种新颖的方式来审视对遗留系统的范围变更&#xff0c;以防止过快地承担过多的变化 - 参见图1。MVA 可以帮助组织评估和更新其技术标准&#xff0c;通过展示新技术如何真正对支持 MVP 至关重要。创建 MVA 可…
阅读更多...
uniapp对接极光推送(国内版以及海外版)

uniapp对接极光推送(国内版以及海外版)

勾选push&#xff0c;但不要勾选unipush 国内版 网址&#xff1a;极光推送-快速集成消息推送功能,提升APP运营效率 (jiguang.cn) 进入后台&#xff0c;并选择对应应用开始配置 配置安卓包名 以及ios推送证书&#xff0c;是否将生产证书用于开发环境选择是 ios推送证书…
阅读更多...
HarmonyOS ArkTS 骨架屏加载显示（二十五）

HarmonyOS ArkTS 骨架屏加载显示（二十五）

目录 前言1、骨架屏代码显示2、代码中引用3、效果图展示 前言 所谓骨架屏&#xff0c;就是在页面进行耗时加载时&#xff0c;先展示的等待 UI, 以告知用户程序目前正在运行&#xff0c;稍等即可。 等待的UI大部分是 loading 转圈的弹窗&#xff0c;有的是自己风格的小动画。其实…
阅读更多...
【ERP原理与应用】作业·思考题三、四

【ERP原理与应用】作业·思考题三、四

思考题三 P77第四章3&#xff0c; 6&#xff0c;8 3.生产规划的基本内容是什么&#xff1f; 生产规划是根据企业未来一段时间内预计资源可用量和市场需求量之间的平衡所制定的概括性设想是根据企业所拥有的生产能力和需求预测&#xff0c;对企业未来较长一段时间内的产品、产…
阅读更多...
elasticsearch _cat/indices docs.count is different than ＜index＞/_count

elasticsearch _cat/indices docs.count is different than ＜index＞/_count

今天遇到一个问题&#xff0c;kibana中看到文档数与下面语句查询到的不同 GET /_cat/count/jiankunking_xxxxx_product_expand_test?v GET /jiankunking_xxxxx_product_expand_test/_search?track_total_hitstrue语句查询结果 epoch timestamp count 1711433785 06:16…
阅读更多...
用navicat进行mysql表结构同步

用navicat进行mysql表结构同步

用navicat进行mysql表结构同步 前言新增一个列然后进行表结构同步删除一个列然后进行表结构同步把Int列转成TinyInt列&#xff0c;看数字溢出的情况下能不能表结构同步总结 前言 从同事那边了解到还能用navicat进行表结构同步&#xff0c;他会在发布更新的时候&#xff0c;直接…
阅读更多...
MPDataDoc类介绍

MPDataDoc类介绍

MPDataDoc类介绍 使用mp数据库新接口mp_api.client.MPRester获取数据&#xff0c;例子如下&#xff1a; from mp_api.client import MPResterwith MPRester(API_KEY) as mpr:docs mpr.summary.search(material_ids["mp-1176451", "mp-561113"])以上代码返…
阅读更多...
vue3+threejs新手从零开发卡牌游戏（二十一）：添加战斗与生命值关联逻辑

vue3+threejs新手从零开发卡牌游戏（二十一）：添加战斗与生命值关联逻辑

首先将双方玩家的HP存入store中&#xff0c;stores/common.ts代码如下&#xff1a; import { ref, computed } from vue import { defineStore } from piniaexport const useCommonStore defineStore(common, () > {const _font ref() // 字体const p1HP ref(4000) // 己…
阅读更多...
常见的Nginx+Redis+MQ+DB架构设计

常见的Nginx+Redis+MQ+DB架构设计

三高&#xff0c;复杂的架构 SQRS CAP 缓存&#xff0c;限流 【Redis&#xff0c;缓存】 cache-aside 缓存cache&#xff1a;数据源的副本 store 1. Read/Write Through Pattern 读写穿透模式 redis&#xff1a;放当前在线用户&#xff0c;热点数据
阅读更多...
iOS UIFont-真香警告之字体管理类

iOS UIFont-真香警告之字体管理类

UIFont 系列传送门 第一弹加载本地字体：iOS UIFont-新增第三方字体 第二弹加载线上字体：iOS UIFont-实现三方字体的下载和使用 第三弹搭建字体管理类：iOS UIFont-真香警告之字体管理类 前言 不知道友们是否有过这种经历，项目已经迭代了很多版本，项目中的文件已经上千个了…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023