使用Flask快速搭建轻量级Web应用【第127篇—Flask】

使用Flask快速搭建轻量级Web应用

在这里插入图片描述

在Web开发领域，选择适合项目需求的框架至关重要。Flask，一个轻量级的Python Web框架，以其简洁、灵活和易扩展的特性而备受开发者青睐。本文将介绍如何使用Flask迅速搭建一个轻量级的Web应用，并通过实例代码详细解析关键步骤。

步骤1：安装Flask

首先，确保你已经安装了Python。然后，通过以下命令安装Flask：

pip install Flask

步骤2：创建Flask应用

创建一个新的Python文件，比如app.py，并添加以下基本的Flask应用结构：

from flask import Flask

app = Flask(__name__)

@app.route('/')
def index():
    return 'Hello, Flask!'

if __name__ == '__main__':
    app.run(debug=True)

上述代码创建了一个简单的Flask应用，当访问根路径’/‘时，返回’Hello, Flask!’。

步骤3：运行Flask应用

在命令行中运行以下命令启动Flask应用：

python app.py

访问http://127.0.0.1:5000/，你将看到网页上显示’Hello, Flask!'。

步骤4：添加更多页面

让我们扩展应用，添加更多页面。修改app.py文件：

from flask import Flask, render_template

app = Flask(__name__)

@app.route('/')
def index():
    return 'Hello, Flask!'

@app.route('/about')
def about():
    return 'About page'

if __name__ == '__main__':
    app.run(debug=True)

步骤5：使用模板引擎

Flask支持使用模板引擎来渲染动态页面。我们将使用Jinja2模板引擎来创建更复杂的页面。首先，在项目根目录下创建一个名为templates的文件夹。然后，添加一个模板文件index.html：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Flask App</title>
</head>
<body>
    <h1>{{ title }}</h1>
    <p>Welcome to the Flask app!</p>
</body>
</html>

修改app.py以使用模板引擎：

from flask import Flask, render_template

app = Flask(__name__)

@app.route('/')
def index():
    return render_template('index.html', title='Home')

@app.route('/about')
def about():
    return render_template('index.html', title='About')

if __name__ == '__main__':
    app.run(debug=True)

这样，你的页面就可以动态地显示不同的标题了。

通过以上步骤，你已经成功搭建了一个简单的Flask应用，并学会了如何添加路由和使用模板引擎。Flask的简单性和灵活性使其成为快速开发Web应用的理想选择。继续深入学习Flask，你将能够构建更加复杂和功能丰富的Web应用。

步骤6：处理表单

在许多Web应用中，用户交互离不开表单。让我们扩展我们的应用，添加一个简单的联系表单。首先，修改index.html，在表单中添加一个输入框和提交按钮：

<!-- index.html -->
<!-- ... -->
<body>
    <h1>{{ title }}</h1>
    <p>Welcome to the Flask app!</p>

    <form method="post" action="/contact">
        <label for="name">Name:</label>
        <input type="text" id="name" name="name" required>
        <button type="submit">Submit</button>
    </form>
</body>
<!-- ... -->

步骤7：处理表单提交

在app.py中添加一个新的路由来处理表单提交：

from flask import Flask, render_template, request, redirect, url_for

app = Flask(__name__)

@app.route('/')
def index():
    return render_template('index.html', title='Home')

@app.route('/about')
def about():
    return render_template('index.html', title='About')

@app.route('/contact', methods=['POST'])
def contact():
    if request.method == 'POST':
        name = request.form.get('name')
        return f'Thank you, {name}!'

if __name__ == '__main__':
    app.run(debug=True)

现在，当用户在联系表单中提交信息时，将显示一条感谢消息。

步骤8：添加静态文件

Flask还允许你管理静态文件，如CSS和JavaScript。在项目根目录下创建一个名为static的文件夹，然后在其中添加一个CSS文件，比如style.css：

/* static/style.css */
body {
    font-family: Arial, sans-serif;
    margin: 20px;
}

form {
    margin-top: 20px;
}

在index.html中引入这个样式文件：

<!-- index.html -->
<!-- ... -->
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Flask App</title>
    <link rel="stylesheet" href="{{ url_for('static', filename='style.css') }}">
</head>
<!-- ... -->

步骤9：使用数据库

在许多Web应用中，需要持久性存储数据，而不仅仅是处理表单提交。Flask与SQLAlchemy集成得很好，让你能够轻松地与数据库交互。首先，安装SQLAlchemy：

pip install SQLAlchemy

然后，修改app.py以使用数据库。在这里，我们使用SQLite作为简单的演示数据库：

from flask import Flask, render_template, request, redirect, url_for
from flask_sqlalchemy import SQLAlchemy

app = Flask(__name__)
app.config['SQLALCHEMY_DATABASE_URI'] = 'sqlite:///site.db'  # 使用SQLite数据库
db = SQLAlchemy(app)

class User(db.Model):
    id = db.Column(db.Integer, primary_key=True)
    name = db.Column(db.String(50), nullable=False)

@app.route('/')
def index():
    users = User.query.all()
    return render_template('index.html', title='Home', users=users)

@app.route('/about')
def about():
    return render_template('index.html', title='About')

@app.route('/contact', methods=['POST'])
def contact():
    if request.method == 'POST':
        name = request.form.get('name')
        new_user = User(name=name)
        db.session.add(new_user)
        db.session.commit()
        return redirect(url_for('index'))

if __name__ == '__main__':
    db.create_all()
    app.run(debug=True)

步骤10：模型与数据库迁移

随着应用的发展，你可能需要修改数据库模型。为了保持数据库结构的一致性，可以使用Flask-Migrate进行数据库迁移。首先，安装Flask-Migrate：

pip install Flask-Migrate

然后，修改app.py以添加迁移支持：

from flask import Flask, render_template, request, redirect, url_for
from flask_sqlalchemy import SQLAlchemy
from flask_migrate import Migrate

app = Flask(__name__)
app.config['SQLALCHEMY_DATABASE_URI'] = 'sqlite:///site.db'
db = SQLAlchemy(app)
migrate = Migrate(app, db)

class User(db.Model):
    id = db.Column(db.Integer, primary_key=True)
    name = db.Column(db.String(50), nullable=False)

@app.route('/')
def index():
    users = User.query.all()
    return render_template('index.html', title='Home', users=users)

# ... (其他路由保持不变)

if __name__ == '__main__':
    app.run(debug=True)

现在，你可以使用以下命令创建和应用数据库迁移：

flask db init
flask db migrate -m "Initial migration"
flask db upgrade

这将在数据库中创建一个名为migrations的文件夹，并应用初始迁移。

通过这些步骤，你已经学会了如何在Flask应用中使用数据库和进行数据库迁移。这使得你能够持久性地存储和管理数据，为应用的扩展提供了更多的可能性。在构建更复杂的应用时，可以考虑使用更强大的数据库，如PostgreSQL或MySQL。

步骤11：添加用户认证

许多Web应用需要用户认证系统，以便用户可以注册、登录和访问个人信息。Flask-Login是一个方便的扩展，可以帮助你实现用户认证功能。首先，安装Flask-Login：

pip install Flask-Login

然后，修改app.py以集成Flask-Login：

from flask import Flask, render_template, request, redirect, url_for
from flask_sqlalchemy import SQLAlchemy
from flask_migrate import Migrate
from flask_login import LoginManager, UserMixin, login_user, login_required, logout_user, current_user

app = Flask(__name__)
app.config['SQLALCHEMY_DATABASE_URI'] = 'sqlite:///site.db'
app.config['SECRET_KEY'] = 'your_secret_key'  # 用于加密用户信息
db = SQLAlchemy(app)
migrate = Migrate(app, db)
login_manager = LoginManager(app)
login_manager.login_view = 'login'

class User(db.Model, UserMixin):
    id = db.Column(db.Integer, primary_key=True)
    name = db.Column(db.String(50), nullable=False)

@login_manager.user_loader
def load_user(user_id):
    return User.query.get(int(user_id))

# ... (其他代码保持不变)

@app.route('/login', methods=['GET', 'POST'])
def login():
    if request.method == 'POST':
        user_name = request.form.get('name')
        user = User.query.filter_by(name=user_name).first()
        if user:
            login_user(user)
            return redirect(url_for('index'))
    return render_template('login.html', title='Login')

@app.route('/logout')
@login_required
def logout():
    logout_user()
    return redirect(url_for('index'))

if __name__ == '__main__':
    app.run(debug=True)

步骤12：创建登录模板

创建一个名为login.html的新模板文件，用于用户登录页面：

<!-- login.html -->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Login</title>
</head>
<body>
    <h1>Login</h1>
    <form method="post" action="/login">
        <label for="name">Name:</label>
        <input type="text" id="name" name="name" required>
        <button type="submit">Login</button>
    </form>
</body>
</html>

步骤11：添加用户认证

许多Web应用需要用户认证系统，以便用户可以注册、登录和访问个人信息。Flask-Login是一个方便的扩展，可以帮助你实现用户认证功能。首先，安装Flask-Login：

pip install Flask-Login

然后，修改app.py以集成Flask-Login：

from flask import Flask, render_template, request, redirect, url_for
from flask_sqlalchemy import SQLAlchemy
from flask_migrate import Migrate
from flask_login import LoginManager, UserMixin, login_user, login_required, logout_user, current_user

app = Flask(__name__)
app.config['SQLALCHEMY_DATABASE_URI'] = 'sqlite:///site.db'
app.config['SECRET_KEY'] = 'your_secret_key'  # 用于加密用户信息
db = SQLAlchemy(app)
migrate = Migrate(app, db)
login_manager = LoginManager(app)
login_manager.login_view = 'login'

class User(db.Model, UserMixin):
    id = db.Column(db.Integer, primary_key=True)
    name = db.Column(db.String(50), nullable=False)

@login_manager.user_loader
def load_user(user_id):
    return User.query.get(int(user_id))

# ... (其他代码保持不变)

@app.route('/login', methods=['GET', 'POST'])
def login():
    if request.method == 'POST':
        user_name = request.form.get('name')
        user = User.query.filter_by(name=user_name).first()
        if user:
            login_user(user)
            return redirect(url_for('index'))
    return render_template('login.html', title='Login')

@app.route('/logout')
@login_required
def logout():
    logout_user()
    return redirect(url_for('index'))

if __name__ == '__main__':
    app.run(debug=True)

步骤12：创建登录模板

创建一个名为login.html的新模板文件，用于用户登录页面：

<!-- login.html -->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Login</title>
</head>
<body>
    <h1>Login</h1>
    <form method="post" action="/login">
        <label for="name">Name:</label>
        <input type="text" id="name" name="name" required>
        <button type="submit">Login</button>
    </form>
</body>
</html>

总结：

在本文中，我们深入探讨了如何使用Flask快速搭建轻量级Web应用。从安装Flask开始，我们逐步演示了如何创建路由、使用模板引擎、处理表单、管理静态文件，以及将数据库集成到应用中。通过添加用户认证，我们使应用更具实用性。

具体步骤包括：

  1. 安装Flask：通过简单的命令安装Flask框架，为项目的构建做好准备。
  2. 创建Flask应用：建立一个基本的Flask应用结构，并通过一个简单的例子介绍了路由的概念。
  3. 使用模板引擎：引入Jinja2模板引擎，创建动态页面，使得应用更灵活和易于维护。
  4. 处理表单：演示如何处理表单提交，包括获取用户输入和展示感谢消息。
  5. 添加静态文件：管理并引入静态文件，提高应用的可视化效果，如添加CSS样式。
  6. 使用数据库：集成SQLite数据库，并创建模型以持久性地存储数据，为应用添加更多功能和扩展性。
  7. 模型与数据库迁移：使用Flask-Migrate实现数据库模型的变更和迁移，确保数据库结构的一致性。
  8. 添加用户认证：引入Flask-Login扩展，实现用户注册、登录、注销等功能，使应用更安全和可交互。

通过这些步骤，读者可以了解如何构建一个简单而完整的Flask应用，并通过不断深入学习，掌握更多高级功能以满足更复杂的项目需求。Flask的灵活性、简洁性以及丰富的扩展库，使其成为快速搭建Web应用的理想选择。

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

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

相关文章

FreeRTOS学习笔记-基于stm32（5）列表和列表项

FreeRTOS学习笔记-基于stm32（5）列表和列表项

一、列表与列表项简介 列表是FreeRTOS中的一种数据结构&#xff0c;类似双向循环链表。用来跟踪FreeRTOS中的任务。列表项就是存放在列表中的项目。 二、列表 列表结构体&#xff1a; typedef struct xLIST {listFIRST_LIST_INTEGRITY_CHECK_VALUE //校验值c…
阅读更多...
Unity 显示MeshRenderer的渲染层级

Unity 显示MeshRenderer的渲染层级

Unity 显示MeshRenderer的渲染层级 前言源码MeshRendererInspectorSkinnedMeshRendererInspector 参考 前言 Mesh Renderer和Skinned Mesh Renderer组件默认不显示Order&#xff0c;找了个工具显示一下。 源码 下面两个代码放入Editor文件夹中 MeshRendererInspector Me…
阅读更多...
ChatGPT Prompt 的原理总结

ChatGPT Prompt 的原理总结

ChatGPT Prompt 的原理总结 ChatGPT Prompt 是 OpenAI 开发的大型语言模型 ChatGPT 的一种使用方式。通过 Prompt&#xff0c;用户可以引导 ChatGPT 生成特定内容&#xff0c;例如回答问题、写故事、写代码等等。 Prompt 的原理 Prompt 本质上是一段文本&#xff0c;它告诉 C…
阅读更多...
人工智能在增强数据安全方面的作用

人工智能在增强数据安全方面的作用

近年来&#xff0c;人工智能&#xff08;AI&#xff09;的力量已被证明是无与伦比的。它不再是我们想象的主题。人工智能已经成为现实&#xff0c;并且越来越清楚地表明它可以让世界变得更美好。但人工智能能帮助我们增强数据安全吗&#xff1f; 由于技术的日益普及&#xff0…
阅读更多...
Java JUC 笔记（2）

Java JUC 笔记（2）

Java JUC 笔记&#xff08;2&#xff09; 锁框架 JDK5以后增加了Lock接口用来实现锁功能&#xff0c;其提供了与synchronized类似的同步功能&#xff0c;但是在使用时手动的获取和释放锁 Lock和Condition锁 这里的锁与synchronized锁不太一样&#xff0c;我们可以认为是Loc…
阅读更多...
递归与递推

递归与递推

递归 92. 递归实现指数型枚举 - AcWing题库 import java.util.*;public class Main{static int N 16, n;static int[] st new int[N];//st[x] 等于0表示还没考虑到它&#xff0c;等于1表示选它&#xff0c;等于2表示不选它public static void dfs(int u){if(u > n){for…
阅读更多...
蓝桥·算法双周赛|第七场分级赛——小白入门赛

蓝桥·算法双周赛|第七场分级赛——小白入门赛

&#x1f525;博客介绍&#xff1a; 27dCnc &#x1f3a5;系列专栏&#xff1a; <<数据结构与算法>> << 算法入门>> << C项目>> &#x1f3a5; 当前专栏: << 算法入门>> 专题 : 数据结构帮助小白快速入门算法 &#x1f4…
阅读更多...
蓝鲸作业平台升级openssh执行方案分享

蓝鲸作业平台升级openssh执行方案分享

本文来自腾讯蓝鲸智云社区用户&#xff1a;AK47 蓝鲸的运维系统在我们单位使用已经快四个年头了&#xff0c;从刚开始的5到现在最新的7.1都有部署、测试、验证和使用。在实际的使用过程中&#xff0c;给我们运维提供了非常大的帮助。其中有一个场景分享给大家。这个场景是关于o…
阅读更多...
NVidia NX 中 ROS serial软件包的安装

NVidia NX 中 ROS serial软件包的安装

自己装的ROS是noetic版本&#xff0c;受限于网络&#xff0c;直接用命令安装串口包不行。于是手动安装了一次。 1 下载源码 git clone https://github.com/wjwwood/serial.git 或者直接在浏览器里面输入 https://github.com/wjwwood/serial.git 2 解压 然后在serial&#xf…
阅读更多...
LeetCode108题：将有序数组转换为二叉搜索树（python3）

LeetCode108题：将有序数组转换为二叉搜索树（python3）

一个容易想到的思路&#xff1a;使用 nums 中最靠近中心的位置作为整棵 BST 的根节点&#xff0c;确保左右子树节点数量平衡。随后递归构造 nums 中下标范围为 [0,mid−1]作为左子树&#xff0c;递归构造 nums 中下标范围为 [mid1,n−1]作为右子树。 # Definition for a binar…
阅读更多...
基于YOLOv8/YOLOv7/YOLOv6/YOLOv5的田间杂草检测系统（深度学习模型+UI界面+Python代码+训练数据集）

基于YOLOv8/YOLOv7/YOLOv6/YOLOv5的田间杂草检测系统（深度学习模型+UI界面+Python代码+训练数据集）

摘要&#xff1a;开发用于田间杂草识别的系统对提高农业运营效率和提升作物产出至关重要。本篇文章详尽阐述了如何应用深度学习技术开发一个用于田间杂草识别的系统&#xff0c;并附上了完备的代码实现。该系统基于先进的YOLOv8算法&#xff0c;并对比了YOLOv7、YOLOv6、YOLOv5…
阅读更多...
保护数字前沿：有效的威胁暴露管理

保护数字前沿：有效的威胁暴露管理

人工智能技术正在从根本上改变网络安全领域的方向。仅 2023 年&#xff0c;全球企业预计将在人工智能上花费 1027.8 亿美元&#xff0c;以阻止网络安全威胁。 人工智能 (AI)在增强网络安全措施方面发挥着关键作用&#xff0c;因为它能够快速分析大量数据并识别可能表明潜在威胁…
阅读更多...
Weblogic 常规渗透测试环境

Weblogic 常规渗透测试环境

测试环境 本环境模拟了一个真实的weblogic环境&#xff0c;其后台存在一个弱口令&#xff0c;并且前台存在任意文件读取漏洞。分别通过这两种漏洞&#xff0c;模拟对weblogic场景的渗透。 Weblogic版本&#xff1a;10.3.6(11g) Java版本&#xff1a;1.6 弱口令 环境启动后…
阅读更多...
读取Excel的封装方法

读取Excel的封装方法

步骤&#xff1a; 1、我们需要将得到的结果存储到list集合中&#xff0c;所以实例化一个ArrayList类 List<CaseInfo> list new ArrayList<CaseInfo>();//实例化一个类 常规下在list里添加内容即可 不再是字符串类&#xff0c;是caseinfo用例 list.add里添加casei…
阅读更多...
【位运算】【脑筋急转弯】2749. 得到整数零需要执行的最少操作数

【位运算】【脑筋急转弯】2749. 得到整数零需要执行的最少操作数

作者推荐 视频算法专题 本文涉及知识点 2749. 得到整数零需要执行的最少操作数 给你两个整数&#xff1a;num1 和 num2 。 在一步操作中&#xff0c;你需要从范围 [0, 60] 中选出一个整数 i &#xff0c;并从 num1 减去 2i num2 。 请你计算&#xff0c;要想使 num1 等于 …
阅读更多...
常用的gpt网站

常用的gpt网站

ChatGPT是一款基于人工智能技术的对话型AI助手&#xff0c;能够进行自然语言交互并提供个性化的对话服务。通过先进的深度学习模型&#xff0c;ChatGPT能够理解用户输入的文本&#xff0c;并生成有逻辑、连贯性的回复。它可以回答各种问题、提供建议、分享知识&#xff0c;还能…
阅读更多...
Zookeeper搭建

Zookeeper搭建

目录 前言 初了解Zookeeper 搭建 准备 配置Zookeeper 前言 今天来介绍Zookeeper的搭建&#xff0c;其实Zookeeper的搭建很简单&#xff0c;但是为什么还要单独整一节呢&#xff0c;这就不得不先了解Zookeeper有什么功能了&#xff01;而且现在很火的框架也离不开Zookeepe…
阅读更多...
来来来, SAP BTP下使用CAP来生成PostgreSQL应用(一): Node.js篇

来来来, SAP BTP下使用CAP来生成PostgreSQL应用(一): Node.js篇

前言 SAP云应用程序编程模型(CAP)是一个语言、库和工具框架&#xff0c;用于构建企业级服务和应用程序。它引导开发人员沿着一条经过验证的最佳实践的“黄金之路”前进&#xff0c;并为反复出现的任务提供大量开箱即用的解决方案。 我们这就来看看SAP BTP的CAP到底提供了哪些…
阅读更多...
有来团队后台项目-解析5

有来团队后台项目-解析5

一、 husky 安装 pnpm install -D husky生成husky 配置文件 如果文件中有.git文件&#xff0c;那么直接执行 npx husky-init如果没有&#xff0c;那么先执行git init 结果&#xff1a; PS F:\company_project\demo\youlahoutaijiexi\vite-project> git init Initializ…
阅读更多...
【DDR】DDR4学习记录

【DDR】DDR4学习记录

这里以美光DDR4芯片 MT40A512M16HA-075E datasheet 为例&#xff0c;说明DDR4存储器的原理及仿真。   根据开发板手册ug1302&#xff0c;在vcu128&#xff08;xcvu37p&#xff09;开发板上&#xff0c;共具有5块DDR4芯片&#xff0c;在数据信号上4块DDR4具有16位数据线&#…
阅读更多...
最新文章

Copyright @ 2022~2023