馒头(Flask)是一个轻量级的Web应用框架,非常适合初学者入门。在这个教程中,我们将从零开始,一步步教你如何使用馒头框架制作一个简单的登录页面。
环境准备
在开始之前,请确保你已经安装了Python和馒头框架。以下是安装馒头框架的命令:
pip install flask
创建项目结构
首先,我们需要创建一个项目文件夹,并在其中创建以下文件:
app.py:主程序文件。templates:存放HTML模板的文件夹。static:存放CSS、JavaScript等静态文件的文件夹。
编写主程序
打开app.py文件,并编写以下代码:
from flask import Flask, render_template, request
app = Flask(__name__)
@app.route('/')
def index():
return render_template('index.html')
@app.route('/login', methods=['POST'])
def login():
username = request.form['username']
password = request.form['password']
# 这里可以添加验证用户名和密码的逻辑
if username == 'admin' and password == '123456':
return '登录成功!'
else:
return '用户名或密码错误!'
if __name__ == '__main__':
app.run(debug=True)
创建HTML模板
在templates文件夹中创建一个名为index.html的文件,并编写以下代码:
<!DOCTYPE html>
<html>
<head>
<title>登录页面</title>
</head>
<body>
<h1>登录</h1>
<form action="/login" method="post">
<label for="username">用户名:</label>
<input type="text" id="username" name="username"><br><br>
<label for="password">密码:</label>
<input type="password" id="password" name="password"><br><br>
<input type="submit" value="登录">
</form>
</body>
</html>
运行程序
在终端中,切换到项目文件夹,并运行以下命令:
python app.py
程序将自动启动一个Web服务器,默认监听在127.0.0.1:5000。
访问登录页面
在浏览器中输入http://127.0.0.1:5000/,你将看到一个简单的登录页面。
总结
通过这个简单的例子,你学会了如何使用馒头框架制作一个登录页面。当然,这只是一个入门级的示例,实际开发中,你需要根据需求添加更多的功能,如验证码、密码加密等。希望这个教程能帮助你入门馒头框架!
