python flask 简单登陆web制作(下)

5.将前端数据传至后端:

上一节我们完成了一个基本框架,这里在复习下git,进入目录鼠标右键打开git,输入如下命名保存、查看。

然后我们继续改进代码,修改main.py为

from flask import Flask,render_template	#导入render_template
from config import DevConfig
from flask import flash 	#flash用于直接传数据给前端
from flask import request 	#request用于获取前端数据
app=Flask(__name__)
app.config.from_object(DevConfig)
app.secret_key ="assa"	#设置flash传输的key
#修饰器实现路由
#路由127.0.0.1.5000
@app.route('/')
def home():
    name="ttp"
	#用name=name传入参数,html文件用{{name}}读取传入的值
    return render_template("hello.html",name=name)
    
#登陆界面
#method用于处理不同的访问形式
@app.route('/log',methods=["POST","GET"])
def log():
	if request.method=="POST":
		username=request.form.get("username")
		password=request.form.get("password")
		password2=request.form.get("password2")
		if not all([password,password2,username]):
			flash(u"缺少参数")
		elif password != password2:
			flash(u"密码不相同")
		else:
			return "欢迎:%s <br>log success" % username
	#未登陆界面
	return render_template("log.html")
	
#保证在运行mian.py文件时才执行
if __name__=="__main__":
    app.run()

修改log.html为

<!DOCTYPE html>
<!--STATUS OK-->
<html>
<head>
    <title>登陆网页</title>
</head>
<body>
    <form method="post">
        <label>用户名:</label>
		<input type="text" name="username"><br>
        <label>密码:</label>
		<input type="password" name="password"><br>
        <label>确认密码:</label>
		<input type="password" name="password2"><br>
        <input type="submit" value="提交"><br>
		{%for item in get_flashed_messages() %}	
			{{item}}
		{%endfor%}
	</form>
</body>
</html>

6.测试:

在浏览器输入http://127.0.0.1:5000/log可以看到已经大功告成了

猜你喜欢

转载自blog.csdn.net/qq_40515692/article/details/84726776