一：main.py
# -*- coding: utf-8 -*-
# @Author : Felix Wang
# @time : 2018/7/3 22:58
from flask import Flask, render_template, request, redirect, session, url_for
app = Flask(__name__)
app.debug = True # 自动重启
USERS = {
1: {‘name‘: ‘大白‘, ‘age‘: ‘18‘, ‘gender‘: ‘男‘, ‘text‘: ‘非常可爱‘},
2: {‘name‘: ‘小白‘, ‘age‘: ‘20‘, ‘gender‘: ‘男‘, ‘text‘: ‘非常暖‘},
3: {‘name‘: ‘张三‘, ‘age‘: ‘21‘, ‘gender‘: ‘女‘, ‘text‘: ‘天下第一美‘},
4: {‘name‘: ‘王五‘, ‘age‘: ‘20‘, ‘gender‘: ‘女‘, ‘text‘: ‘帝国理工宅女‘},
}
@app.route(‘/detail/<int:nid>‘, methods=[‘GET‘]) # 动态url传入一个值
def detail(nid):
user = session.get(‘user_info‘)
if not user:
url = url_for(‘l1‘) # 根据别名生成url
return redirect(url)
info = USERS[nid]
return render_template(‘detail.html‘, info=info) # html 文件放在templates文件夹
@app.route(‘/login‘, methods=[‘GET‘, ‘POST‘], endpoint=‘l1‘) # endpoint 表示别名
def login():
if request.method == ‘GET‘:
return render_template(‘login.html‘)
else:
user = request.form.get(‘user‘) # 从表单中获取数据
pwd = request.form.get(‘pwd‘)
if user == ‘alex‘ and pwd == ‘123‘:
session[‘user_info‘] = user
return redirect(‘http://www.baidu.com‘) # 跳转
return render_template(‘login.html‘, error=‘用户名或密码错误‘) # error对应着前面的模板语言error
@app.route(‘/index‘, methods=[‘GET‘])
def index():
user = session.get(‘user_info‘)
if not user:
return redirect(‘/login‘) # 跳转到登录页
return render_template(‘index.html‘, user_dict=USERS)
if __name__ == ‘__main__‘:
app.run()
二：login.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<h1>用户登录</h1>
<form method="post">
<input type="text" name="user">
<input type="text" name="pwd">
<input type="submit" value="登录">{{error}}
</form>
</body>
</html>
三：index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<h1>用户列表</h1>
<table>
<!--从字典中循环读取键和值-->
{% for k,v in user_dict.items() %}
<tr>
<td>{{k}}</td>
<!--获取字典中的值有三种-->
<td>{{v.name}}</td>
<td>{{v[‘name‘]}}</td>
<td>{{v.get(‘name‘)}}</td>
<td><a href="/detail/{{k}}">查看详情</a></td>
</tr>
<!--结束循环-->
{% endfor %}
</table>
</body>
</html>
四：detail.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<h1>详情信息:{{info.name}}</h1>
<div>
{{info.text}}
</div>
</body>
</html>
原文地址：https://www.cnblogs.com/felixwang2/p/9261493.html
时间： 2024-07-31 06:48:54