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可以看到已经大功告成了