一 * flask项目框架
flask框架基本结构二 * manage.py
#导入Flask包 渲染模板 和请求from flaskimport Flask,render_template,request
#实例化Flask对象 __name__表示当前本模板
app=Flask(__name__)
#设置路由默认路径是index页面
@app.route('/')
def index():
return render_template('index.html')
#设置路由 登录函数 form表单中有get和post方法
@app.route('/login',methods=['GET','POST'])
def login():
#判断一下请求的方法是get还是post方法
if request.method=='GET':
return render_template('login.html')
elif request.method=='POST':
uname=request.form['uname']
pwd=request.form['pwd']
#判断一下从表单中获得的值是以下的内容的话就直接登陆成功
if uname=='root' and pwd=='root':
return render_template('success.html',uname=uname)
else:
#如果从表单中获得的值不是以下内容就会显示错误信息
err_msg='用户名密码输入错误'
return render_template('login.html',err_msg=err_msg)
if __name__ =='__main__':
app.run(debug=True)
三 * index.html
<!DOCTYPE html>
<html lang="en">
<meta charset="UTF-8">
<title>网页首页展示
<link rel="stylesheet" href="/static/css/index.css" type="text/css">
<div id="box">
<h1>网页展示首页
<img src="/static/image/油画.jpg">
<a href='/login'>登录</a>
</html>
首页展示页面
四 * login.html
<!DOCTYPE html>
<html lang="en">
<meta charset="UTF-8">
<title>登陆页面展示
<h1>登录页面展示</h1>
<form action="#" method="post">
用户名*<input type="text" name="uname">
密码*<input type="password" name="pwd">
<input type="submit" value="提交">
<span style="color:red;">{{err_msg}}
</html>
登陆显示页面
登陆错误页面展示
五 * success.html
<!DOCTYPE html>
<html lang="en">
<meta charset="UTF-8">
<title>登录成功页面
<h1>登录页面成功
<h3>欢迎<span style="color:red;">{{uname}}</span>登陆成功
</html>
登录成功页面
六 * index.css
#box{
margin:0 auto;
padding:0;
width:500px;
height:500px;
border:1px red solid;
}
h1{
color:deepskyblue;
}
网友评论