flask实现精美登录界面
时间: 2024-06-07 18:04:14 浏览: 18
要创建一个简单的Flask应用并实现一个基本的登录界面,首先确保已安装Flask和相关依赖(如Jinja2模板引擎)。以下是一个基础的步骤:
1. **导入所需库**[^4]
```python
from flask import Flask, render_template, request, redirect, url_for
```
2. **初始化Flask应用**
```python
app = Flask(__name__)
```
3. **设置路由和视图函数**[^5]
```python
@app.route('/', methods=['GET', 'POST'])
def login():
if request.method == 'POST':
username = request.form['username']
password = request.form['password']
# 这里只是一个示例,实际应用应有验证逻辑
if username == 'admin' and password == 'password':
return redirect(url_for('success'))
else:
return "Invalid credentials"
else:
return render_template('login.html')
```
4. **创建登录模板**(login.html)[^6]
```html
<!DOCTYPE html>
<html lang="en">
<head>
<title>Login</title>
</head>
<body>
<form method="post" action="/">
<label for="username">Username:</label>
<input type="text" id="username" name="username" required><br>
<label for="password">Password:</label>
<input type="password" id="password" name="password" required><br>
<input type="submit" value="Login">
</form>
{% if error_message %}
<p>{{ error_message }}</p>
{% endif %}
</body>
</html>
```
5. **处理登录成功后的路由**[^7]
```python
@app.route('/success')
def success():
return "Login successful!"
```
6. **运行应用**
```python
if __name__ == '__main__':
app.run(debug=True)
```
相关推荐
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)