Python使用Flask构建简单的web应用

构建一个简单的 Flask Web 应用程序是学习 Python Web 开发的良好起点。Flask 是一个轻量级的 WSGI Web 应用框架,它的主要目标是让开发者更容易构建 Web 应用,同时保持简单性和灵活性。下面我们将详细介绍如何使用 Flask 构建一个简单的 Web 应用,包括创建项目、定义路由、处理请求、渲染模板和使用表单等方面。

环境准备

在开始之前,请确保你已经安装了 Python 和 pip。如果还没有安装,可以从 Python 官网 下载并安装最新版本的 Python。安装完毕后,可以使用以下命令来安装 Flask:

 

pip install Flask

创建项目结构

首先,我们创建一个项目目录来存放我们的 Flask 应用。在命令行中执行以下命令:

mkdir flask_app cd flask_app

在这个目录中,我们创建一个名为 app.py 的文件,这将是我们的主应用文件。项目的基本结构如下:

 

flask_app/ app.py templates/ index.html

编写 Flask 应用

app.py 文件中,我们将编写我们的 Flask 应用的主要代码。以下是一个简单的示例:

from flask import Flask, render_template, request, redirect, url_for app = Flask(__name__) @app.route('/') def index(): return render_template('index.html') @app.route('/hello/<name>') def hello(name): return f'Hello, {name}!' @app.route('/greet', methods=['GET', 'POST']) def greet(): if request.method == 'POST': name = request.form['name'] return redirect(url_for('hello', name=name)) return render_template('greet.html') if __name__ == '__main__': app.run(debug=True)

创建模板

templates 目录中,我们创建两个 HTML 模板文件:index.htmlgreet.html

index.html

这是我们的首页模板:

 

<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Home Page</title> </head> <body> <h1>Welcome to the Flask App!</h1> <p><a href="{{ url_for('greet') }}">Greet Someone</a></p> </body> </html>

greet.html

这是一个包含表单的模板,用于输入名字:

 

<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Greet</title> </head> <body> <h1>Greet Someone</h1> <form method="POST"> <label for="name">Enter your name:</label> <input type="text" id="name" name="name" required> <button type="submit">Submit</button> </form> </body> </html>

运行应用

确保所有文件保存完毕后,在命令行中运行以下命令来启动 Flask 应用:

 

python app.py

打开浏览器,访问 http://127.0.0.1:5000/,你应该能看到我们的首页。点击“Greet Someone”链接,会跳转到输入名字的表单页面。输入名字并提交后,会重定向到一个显示问候信息的页面。

扩展功能

我们可以在此基础上添加更多功能,例如用户登录、数据库连接等。

用户登录示例

首先,我们需要一个用于存储用户信息的地方。为了简单起见,我们使用 Python 字典来模拟数据库。更新 app.py 如下:

 

python

複製程式碼

from flask import Flask, render_template, request, redirect, url_for, session, flash from werkzeug.security import generate_password_hash, check_password_hash app = Flask(__name__) app.secret_key = 'supersecretkey' # Mock database users = {} @app.route('/') def index(): return render_template('index.html') @app.route('/register', methods=['GET', 'POST']) def register(): if request.method == 'POST': username = request.form['username'] password = request.form['password'] if username in users: flash('Username already exists!', 'error') else: users[username] = generate_password_hash(password) flash('Registration successful!', 'success') return redirect(url_for('login')) return render_template('register.html') @app.route('/login', methods=['GET', 'POST']) def login(): if request.method == 'POST': username = request.form['username'] password = request.form['password'] user_password_hash = users.get(username) if user_password_hash and check_password_hash(user_password_hash, password): session['username'] = username flash('Login successful!', 'success') return redirect(url_for('profile')) else: flash('Invalid credentials!', 'error') return render_template('login.html') @app.route('/profile') def profile(): if 'username' in session: return f'Hello, {session["username"]}!' return redirect(url_for('login')) @app.route('/logout') def logout(): session.pop('username', None) flash('You have been logged out.', 'info') return redirect(url_for('index')) if __name__ == '__main__': app.run(debug=True)

创建新的模板

我们需要为注册和登录页面创建新的模板文件。

register.html
 

html

複製程式碼

<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Register</title> </head> <body> <h1>Register</h1> <form method="POST"> <label for="username">Username:</label> <input type="text" id="username" name="username" required> <label for="password">Password:</label> <input type="password" id="password" name="password" required> <button type="submit">Register</button> </form> <p><a href="{{ url_for('login') }}">Already have an account? Login here.</a></p> </body> </html>

login.html
 

html

複製程式碼

<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Login</title> </head> <body> <h1>Login</h1> <form method="POST"> <label for="username">Username:</label> <input type="text" id="username" name="username" required> <label for="password">Password:</label> <input type="password" id="password" name="password" required> <button type="submit">Login</button> </form> <p><a href="{{ url_for('register') }}">Don't have an account? Register here.</a></p> </body> </html>

总结

通过上述步骤,我们构建了一个简单但功能全面的 Flask Web 应用。这个应用包括了基本的路由、模板渲染、表单处理以及简单的用户认证功能。Flask 的灵活性使其非常适合快速开发和原型设计,同时也能够扩展以应对更复杂的需求。通过这个示例,你可以继续学习和探索 Flask 的更多高级功能,如数据库集成、蓝图、API 开发等。

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

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

一个支持多存储的文件列表/WebDAV程序,使用 Gin 和 Solidjs

网址 https://github.com/alist-org/alist 看了下介绍&#xff0c;支持挺多oss和云盘的&#xff0c;看了下代码&#xff0c;值得学习一下 部署方便&#xff0c;开箱即用 文件预览&#xff08;PDF、markdown、代码、纯文本……&#xff09; 画廊模式下的图像预览 视频和音频预…

android 抓取 logcat 日志的方法

1.找到这个路径 2.然后执行命令&#xff08;adb logcat -v time >.\\logcat.log&#xff09;&#xff0c;开始抓取日志 3.这个时候就可以去操作APP了&#xff0c;复现BUG了。 Ctrlc 结束日志抓取 adb logcat -c 清空旧日志

逆市创新高!水电“双雄“是怎样炼成的? 博通,赢麻了!

高分红夏季用电高峰AI的尽头是电力 6月7日&#xff0c;长江电力&#xff08;600900&#xff09;、华能水电&#xff08;600025&#xff09;股价双双上涨。截至收盘&#xff0c;长江电力股价上涨1%&#xff0c;收于28.31元/股&#xff1b;华能水电股价上涨1.52%&#xff0c;收于…

Matlab|遗传粒子群-混沌粒子群-基本粒子群

目录 1 主要内容 2 部分代码 3 效果图 4 下载链接 1 主要内容 很多同学在发文章时候最犯愁的就是创新点创新点创新点&#xff08;重要的事情说三遍&#xff09;&#xff0c;对于采用智能算法的模型&#xff0c;可以采用算法改进的方式来达到提高整个文章创新水平的目的&…

基于STM32开发的智能机器人导航系统

目录 引言环境准备智能机器人导航系统基础代码实现&#xff1a;实现智能机器人导航系统 4.1 距离传感器数据读取4.2 电机控制4.3 实时路径规划与避障4.4 用户界面与状态显示应用场景&#xff1a;智能机器人导航与控制问题解决方案与优化收尾与总结 1. 引言 智能机器人导航系…

C++: map和set的使用

目录 1.头文件 2.set和multiset的区别 3.set和map的区别 4.加了multi的区别 这里只说几个要点。 1.头文件 #include <map> #include <set> 2.set和multiset的区别 set和multiset的区别 setmultiset只能插入不重复的key可以插入重复的key一串包含重复的strin…

力扣算法题:轮转数组 -- 多语言实现

无意间看到&#xff0c;力扣存算法代码居然还得升级vip。。。好吧&#xff0c;我自己存吧 其他的题找不回来了……重写吧 golang&#xff1a; func rotate(nums []int, k int) { // 第一想到的 // n : len(nums) // k % n // newNums : nums[n-k:] // numsFeature : …

btstack协议栈实战篇--GAP LE Advertisements Scanner

btstack协议栈---总目录-CSDN博客 目录 1.GAP LE 用于接收广播的设置 2.GAP LE 广告数据转储器 3.HCI packet handler 4.log信息 实现如何扫描和解析广告。 1.GAP LE 用于接收广播的设置 GAP LE 广告作为 GAP EVENT ADVERTISING REPORT的自定义 HCI 事件被接收。要接收…

中国西部AI创新港,数字经济的新引擎

编辑&#xff1a;阿冒 设计&#xff1a;沐由 时间&#xff1a;2024年5月31日。 地点&#xff1a;西安交通大学创新港校区涵英楼千人报告厅。 人物&#xff1a;近千位政府、高校和企事业单位的代表&#xff0c;还有我。 我们的脚下&#xff0c;就是八百里秦川。 三秦自古多才俊。…

Linux基础指令(一)

前言 Linux基础指令主要学习&#xff1a;对目录、文件、压缩包、匹配查找&#xff0c;权限等操作 第一次接触ubuntu需要知道的基本知识 sudo passwd root 先给root用户设置密码 su root 切换到root用户 su zhangsan …

Django里的Form组件

Form组件提供 自动生成HTML标签和半自动读取关联数据 (“半自动”是指还得需要自己手写输入数据进来)表单验证和错误提示 要想创建并使用该组件&#xff0c;操作步骤如下&#xff1a; 在 views.py 里创建类 # 在 views.py 文件里from django import formsclass AssetForm(fo…

core dump核心转储

检查核心转储是否开启&#xff0c;否则无法生成core文件 ulimit -a 如果为0就需要修改 ulimit -c 10240 写一个会触发core命令的程序 以浮点数运算为例 #include <iostream>int main() {int i 1/0; } 在编译时使用-g选项 运行程序&#xff0c;生成core文件 gdb调试 g…

游戏心理学Day09

动机 动机是一个概括性术语&#xff0c;是对所有引起支配和维持心理生理活动的过程的概括 所有生物都有趋向于某些刺激而远离某些刺激&#xff0c;这由它们的本能所决定 通过考虑动机可以解释和预测个体的行为&#xff0c;这显然对于游戏设计来说是件很重要的事情&#xff0…

C++ MPI多进程并发

下载 用法 mpiexec -n 8 $PROCESS_COUNT x64\Debug\$TARGET.exe 多进程并发启动 mpiexec -f hosts.txt -n 3 $PROCESS_COUNT x64\Debug\$TARGET.exe 联机并发进程&#xff0c;其它联机电脑需在相同路径下有所有程序 //hosts.txt 192.168.86.16 192.168.86.123 192.168…

7_1 Linux 文件管理

7_1 Linux 文件管理 文章目录 7_1 Linux 文件管理[toc]1. 基本权限与归属2. 修改权限3. 修改归属关系4. ACL策略管理5. 附加权限&#xff08;特殊权限&#xff09;6. 文件/目录的默认权限 1. 基本权限与归属 访问权限 读取&#xff1a;允许查看内容 read r写入&#xff1a;允许…

持续总结中!2024年面试必问 20 道分布式、微服务面试题(五)

上一篇地址&#xff1a;持续总结中&#xff01;2024年面试必问 20 道分布式、微服务面试题&#xff08;四&#xff09;-CSDN博客 九、请解释API网关在微服务架构中的作用。 API网关是微服务架构中的一个重要组件&#xff0c;它充当所有客户端请求的单一入口点&#xff0c;然后…

补篇协程:协程(Coroutine)里通过挂起suspend函数实现异步IO操作

异步IO的概念 异步IO是一种非阻塞的数据读写方法&#xff0c;异步IO与同步IO相对。 当一个异步过程调用发出后&#xff0c;调用者不能立刻得到结果。 实际的IO处理部件在完成操作后&#xff0c;会通过状态、通知或回调机制来通知调用者。 在一个CPU密集型的应用中&#xff0c…

MySQL-备份(三)

备份作用&#xff1a;保证数据的安全和完整。 一 备份类别 类别物理备份 xtrabackup逻辑备份mysqldump对象数据库物理文件数据库对象&#xff08;如用户、表、存储过程等&#xff09;可移植性差&#xff0c;不能恢复到不同版本mysql对象级备份&#xff0c;可移植性强占用空间占…

java中集合List,Set,Queue,Map

Java SE中的集合框架是一组用于存储和操作对象的类和接口。它提供了丰富的数据结构&#xff0c;可以用于解决各种问题。Java SE中的集合框架包含以下主要类和接口&#xff1a; 一. Collection接口&#xff1a; 是集合框架的根接口&#xff0c;它定义了一些通用的集合操作方法…

汉语 - 如何描述人的外貌

描述人的外貌的词汇可以从不同的方面进行分类&#xff0c;包括整体印象、身材、脸部特征、发型、衣着等等。以下是一些常用的描述词汇&#xff1a; 整体印象 漂亮英俊帅气迷人优雅端庄普通平凡丑陋 身材 高大矮小修长瘦削健壮强壮丰满纤细肥胖 脸部特征 圆脸方脸瓜子脸鹅…