app.py是:在这篇文章中,我使用yash和yash作为默认用户名和密码,html页面打印出"无效凭证";当我输入错误的密码并输入它时。但当我在获得无效凭据后刷新时,它也显示相同的index.html
页面,带有";无效凭证";消息当我从浏览器刷新页面时,我可以做些什么来显示空的登录页面?
import flask
app = flask.Flask(name)
u_p={'yash':'yash'}
@app.route('/user/<name>')
def hello_user(name):
return flask.render_template('hello.html',uname=name)
@app.route('/', methods=['GET', 'POST'])
def index():
message = ''
if flask.request.method == 'POST':
username=flask.request.form['name-input']
passowrd=flask.request.form['name-password']
if u_p.get(username,'')==passowrd:
return flask.redirect(flask.url_for('hello_user',name=username))
else:
message='Invalid Credentials'
return flask.render_template('index.html', message=message)
if name == 'main':
app.run()
我的index.html
是:
<!DOCTYPE html>
<html>
<head>
<title>Simple Flask App</title>
<link rel="shortcut icon" href="{{url_for('static', filename='favicon.png')}}" type="image/x-icon">
</head>
<body>
<h1>Login</h1>
<form method="POST">
username <input type="text" name="name-input"><br>
password <input type="password" name="name-password"><br>
<button type="submit">Submit</button>
</form>
<h2>New User : </h2>
<button type="submit">Register</button>
<p>{{message}}</p>
</body>
</html>
问题是,如果刷新页面,浏览器会再次发送相同的POST请求,所以这就像您再次尝试使用相同的错误凭据登录一样。
如果凭据错误,您可以通过重定向到索引来解决这个问题,但这样就不能将消息作为模板参数传递。
幸运的是,flask提供的消息闪烁正是为了这个目的:https://flask.palletsprojects.com/en/2.0.x/patterns/flashing/
所以你的代码可能看起来像这样:
import flask
name = "main"
app = flask.Flask(name)
app.secret_key = "SECRET!"
u_p={'yash':'yash'}
@app.route('/user/<name>')
def hello_user(name):
return flask.render_template('hello.html',uname=name)
@app.route('/', methods=['GET', 'POST'])
def index():
if flask.request.method == 'POST':
username=flask.request.form['name-input']
passowrd=flask.request.form['name-password']
if u_p.get(username,'')==passowrd:
return flask.redirect(flask.url_for('hello_user',name=username))
else:
flask.flash("Invalid Credentials")
return flask.redirect(flask.url_for("index"))
return flask.render_template('index.html')
if name == 'main':
app.run()
index.html
<!DOCTYPE html>
<html>
<head>
<title>Simple Flask App</title>
<link rel="shortcut icon" href="{{url_for('static', filename='favicon.png')}}" type="image/x-icon">
</head>
<body>
<h1>Login</h1>
<form method="POST">
username <input type="text" name="name-input"><br>
password <input type="password" name="name-password"><br>
<button type="submit">Submit</button>
</form>
<h2>New User : </h2>
<button type="submit">Register</button>
{% with messages = get_flashed_messages() %}
{% for message in messages %}
<p>{{message}}</p>
{% endfor %}
{% endwith %}
</body>
</html>
附带说明:通过检查用户名和密码的方式,有人可以使用随机用户名和空密码登录。