Flask是一个用Python编写的轻量级Web框架，特别适合快速开发web应用程序。在本篇文章中，我将指导你如何用Flask构建一个简单的web端程序，并提供相应的代码示例。
环境准备
首先，你需要确保在本地机器上安装了Python和Flask。你可以使用下面的命令来安装Flask：
pip install Flask
创建项目结构
在开始编写代码之前，建议你先创建一个项目目录，结构如下：
flask_demo/
├── app.py
├── templates/
│ └── index.html
└── static/
└── style.css
编写代码
1. 创建app.py
在这个文件中，我们将创建Flask应用并定义路由。代码示例如下：
from flask import Flask, render_template, request
app = Flask(__name__)
@app.route('/')
def index():
return render_template('index.html')
@app.route('/submit', methods=['POST'])
def submit():
name = request.form.get('name')
message = f'你好, {name}！感谢你的提交！'
return render_template('index.html', response_message=message)
if __name__ == '__main__':
app.run(debug=True)
在上面的代码中，我们创建了一个Flask应用并定义了两个路由：
/： 返回一个包含HTML表单的页面。/submit：处理表单提交，获取用户输入的名字，并返回一条消息。
2. 创建templates/index.html
接下来，我们需要创建一个HTML模板，来展示表单和反馈消息。代码如下：
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="{{ url_for('static', filename='style.css') }}">
<title>Flask 简易示例</title>
</head>
<body>
<div class="container">
<h1>欢迎使用Flask简易示例</h1>
<form action="/submit" method="post">
<label for="name">请输入你的名字:</label>
<input type="text" id="name" name="name" required>
<button type="submit">提交</button>
</form>
{% if response_message %}
<p class="response">{{ response_message }}</p>
{% endif %}
</div>
</body>
</html>
在这个HTML文件中，我们创建了一个表单，让用户可以输入名字并提交。当用户提交后，页面会显示一条反馈信息。
3. 创建static/style.css
最后，我们为页面添加一些简单的样式。代码如下：
body {
font-family: Arial, sans-serif;
text-align: center;
background-color: #f8f9fa;
margin: 0;
padding: 20px;
}
.container {
max-width: 600px;
margin: auto;
padding: 20px;
border: 1px solid #dee2e6;
border-radius: 5px;
background-color: white;
}
input[type="text"] {
padding: 10px;
margin: 10px 0;
width: 80%;
}
button {
padding: 10px 15px;
background-color: #007bff;
color: white;
border: none;
border-radius: 5px;
cursor: pointer;
}
button:hover {
background-color: #0056b3;
}
.response {
margin-top: 20px;
color: green;
}
运行应用
在项目目录下打开命令行，输入以下命令启动Flask应用：
python app.py
然后在浏览器中访问 http://127.0.0.1:5000/，你将看到简单的Web页面。
总结
通过以上步骤，我们创建了一个简单的Flask Web应用。这个应用具有基本的用户输入处理功能，并通过HTML表单与用户进行交互。Flask的简单性和灵活性使它成为开发Web应用的理想选择。如果你想进一步扩展这个应用，可以考虑添加数据库功能、用户认证或其他更多功能。希望你能在Flask的学习和应用中取得进展！
