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

news2024/11/22 9:58:21

使用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应用的理想选择。

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

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

相关文章

【C++教程从0到1入门编程】第九篇:STL中Vector类

【C++教程从0到1入门编程】第九篇:STL中Vector类

一、vector的介绍 1.vector的介绍 vector是表示可变大小数组的序列容器。 就像数组一样&#xff0c;vector也采用的连续存储空间来存储元素。也就是意味着可以采用下标对vector的元素进行访问&#xff0c;和数组一样高效。但是又不像数组&#xff0c;它的大小是可以动态改变的&…
阅读更多...
web项目抢购模块测试

web项目抢购模块测试

web项目抢购模块测试 抢购模块(先测后台,再测前台)流程抢购用例编写测试点--后台抢购用例编写测试点--前台用例设计 面试题1: 当你发现研发实现的结果与需求不一致时怎么办? 需求评审的时候:需要确认所有输入类型的校验是针对单独的输入框做的还是在最终提交时校验 抢购模块 需…
阅读更多...
三维天地助力科研实验室提质增效

三维天地助力科研实验室提质增效

ELN模板是一种系统化记录实验数据的方式,它可以为实验员提供一个标准化的框架,使其可以快速而准确地记录实验过程和结果。 运用ELN模板,能够保障所有实验记录均依照统一标准进行,有效防止人为差异对实验数据精准度造成不良影响。 作为国内知名的实验室数智化领域软件开发服务…
阅读更多...
Redis Java客户端Jedis

Redis Java客户端Jedis

Jedis所需要的jar包&#xff1a; <dependency><groupId>redis.clients</groupId><artifactId>jedis</artifactId><version>3.2.0</version> </dependency>连接Redis注意事项&#xff1a; 禁用Linux的防火墙&#xff1a;Linu…
阅读更多...
SpringBoot（源码解析 + 实现底层机制）

SpringBoot（源码解析 + 实现底层机制）

文章目录 1.搭建SpringBoot底层机制开发环境1.创建maven项目2.使用Git管理项目&#xff08;可以略过&#xff09;1.创建一个github存储库2.克隆到本地&#xff0c;复制文件夹的内容3.粘贴到idea项目文件夹&#xff0c;将其作为本地仓库与远程仓库关联 3.pom.xml 引入父工程和场…
阅读更多...
RUST 每日一省：rust logo收集

RUST 每日一省：rust logo收集

rust的logo集合&#xff0c;看看有没有你喜欢的&#xff0c;挑一个吧&#xff1b; GitHub - XuHugo/rust-logo: Collection of logo images for all rust languages 下边只是挑选了几个&#xff0c;更多的还是看github吧。
阅读更多...
＜2024最新＞ChatGPT逆向教程

＜2024最新＞ChatGPT逆向教程

前言 在使用本篇文章用到的项目以及工具时，需要对其有一定的了解，无法访问以及无法使用的问题作者不承担任何责任，可以自行想办法解决遇到的问题​。 文章若有不合适，有问题的地方，请私聊指出，谢谢~ 准备工具 一台至少 2 核 2G 内存的服务器，推荐是位于香港、新加坡或…
阅读更多...
c语言之汉诺塔的实现

c语言之汉诺塔的实现

思路 汉诺塔问题就是有三个盘子&#xff0c;让我们把其中一个盘子上的东西全移到另一个盘子上&#xff0c;注意的是中途必须满足大东西必须在小东西下面。 这里&#xff0c;我们有A B C三个盘子&#xff0c;假如A上有一个珠子&#xff0c;那我们直接把这一个移到C上就可以&am…
阅读更多...
JVM是如何运行的

JVM是如何运行的

JVM&#xff08;Java Virtual Machine&#xff0c;Java虚拟机&#xff09;是 Java 程序的运行环境&#xff0c;它负责将 Java 字节码翻译成机器代码并执行。也就是说 Java 代码之所以能够运行&#xff0c;主要是依靠 JVM 来实现的。 JVM 整体的大概执行流程是这样的&#xff1…
阅读更多...
数据结构：详解【顺序表】的实现

数据结构：详解【顺序表】的实现

1. 顺序表的定义 顺序表是用一段物理地址连续的存储单元依次存储数据元素的线性结构&#xff0c;一般情况下采用数组存储。动态顺序表与数组的本质区别是——根据需要动态的开辟空间大小。 2. 顺序表的功能 动态顺序表的功能一般有如下几个&#xff1a; 初始化顺序表打印顺序…
阅读更多...
【网络安全】【密码学】【北京航空航天大学】实验七、流密码【Python实现】

【网络安全】【密码学】【北京航空航天大学】实验七、流密码【Python实现】

实验七、流密码 实验目的 1、 了解常用的流密码算法&#xff0c;并对其进行实现&#xff1b; 2、 了解常用的伪随机数生成算法&#xff0c;并对其进行实现&#xff1b; 原理简介 流密码&#xff08;Stream Cipher&#xff09;也称为序列密码&#xff0c;它是对称密码算法的…
阅读更多...
亚马逊扣店租/注册店铺可以使用虚拟卡吗？

亚马逊扣店租/注册店铺可以使用虚拟卡吗？

亚马逊扣店租/注册店铺可以使用虚拟卡吗&#xff1f; 可以 一、亚马逊店铺类型 亚马逊提供了不同类型的店铺&#xff0c;以满足不同卖家的需求。以下是最常见的两种店铺类型&#xff1a; 1、亚马逊个人卖家店铺&#xff1a; 这是适合个人卖家的选项&#xff0c;通常称为&qu…
阅读更多...
【相关问题解答2】bert中文文本摘要代码：结果输出为一些重复的标点符号和数字

【相关问题解答2】bert中文文本摘要代码：结果输出为一些重复的标点符号和数字

【相关问题解答2】bert中文文本摘要代码 写在最前面问题1&#xff1a;tokenizer.py中encode函数&#xff0c;不能使用lower操作关于提问问题描述1一些建议1问题更新2&#xff1a;结果输出为一些重复的标点符号和数字一些建议21. 数据检查和预处理2. 模型和训练配置3. 过拟合和欠…
阅读更多...
Anzo Capital昂首资本基础知识分享：货币对有几组

Anzo Capital昂首资本基础知识分享：货币对有几组

基础知识大分享&#xff0c;今天Anzo Capital昂首资本分享&#xff1a;外汇市场中的货币对有几组&#xff0c;都是哪些货币对&#xff1f;首先&#xff0c;货币对分为三组: 第一组&#xff1a;主要货币对 包括七种金融工具&#xff0c;占外汇市场所有交易业务的70%以上。 美…
阅读更多...
大数据疑难问题2024

大数据疑难问题2024

问题一&#xff1a; 集群部署一主一备&#xff0c;初始化操作没有问题&#xff0c;有两个namenode,再次重启显示只有node01有namenode 原因&#xff1a;Journalde服务需要在启动启动hdfs和yarn前再次启动 再次启动步骤&#xff1a; 1.启动3台节点的zookeeper&#xff0c;在3…
阅读更多...
Thymeleaf 基本使用

Thymeleaf 基本使用

01、Thymeleaf 官网地址&#xff1a;Thymeleafhttps://www.thymeleaf.org/ 简介 Thymeleaf是一种服务器端Java模板引擎&#xff0c;用于将数据渲染为HTML、XML、JavaScript等格式&#xff0c;并在Web浏览器中呈现给用户。 具体来说&#xff0c;Thymeleaf充当着视图层的角色&…
阅读更多...
代码随想录day19（1）二叉树：对称二叉树（leetcode101）

代码随想录day19（1）二叉树：对称二叉树（leetcode101）

题目要求&#xff1a;判断一棵二叉树是否轴对称 思路&#xff1a;如果二叉树是对称二叉树&#xff0c;说明此二叉树是可以左右翻转的&#xff0c;所以判断的时候我们同时遍历两棵子树&#xff0c;比较两棵子树的内、外侧是否相等&#xff0c;比较的时候我们实际上比较的是左孩…
阅读更多...
Leedcode刷题——5 DFS+回溯

Leedcode刷题——5 DFS+回溯

注&#xff1a;以下代码均为c 1. 电话号码的字母组合 思路&#xff1a; 例如&#xff1a;”23“ //1. 我自己写的 vector<string> letterCombinations(string digits) {if(digits "")return {};vector<string> state {""};string s;vecto…
阅读更多...
读取txt文件并统计每行最长的单词以及长度

读取txt文件并统计每行最长的单词以及长度

读取txt文件并统计每行最长的单词以及长度 题目 在 D:\\documant.txt 文本中,文件中有若干行英文文本,每行英文文本中有若干个单词&#xff0c;每个单词不会跨行出现每行至多包含100个字符,要求编写一个程序,处理文件,分析各行中的单词,找到每行中的最长单词&#xff0c;分别…
阅读更多...
cmd 输入pip 提示不是内部或外部命令，也不是可运行的程序 或批处理文件。

cmd 输入pip 提示不是内部或外部命令，也不是可运行的程序 或批处理文件。

解决办法&#xff1a; 把pthon的安装路径加入到环境变量中&#xff0c;重新打开cmd运行即可 比如&#xff1a;C:\Users\huanhuan\AppData\Local\Programs\Python\Python311\Scripts
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023