1. 程式人生 > >python flask 簡單登陸web製作(上)

python flask 簡單登陸web製作(上)

剛學flask,感覺flask真的很簡潔。然後做了一個很低階的登陸頁面。就當一次小筆記,希望之後還可以補充。

1.配置環境:

首先要pip install flask配置好flask,然後我用的notepad++來編輯程式碼,用git來做版本控制。

2.基本程式碼:

然後在config.py中新增下面的程式碼

class Config(object):
    pass

class ProdConfig(Config):
    pass

class DevConfig(Config):
    DEBUG=True

在同一資料夾新增main,py

from flask import Flask
from config import DevConfig

app=Flask(__name__)
app.config.from_object(DevConfig)
#修飾器實現路由
@app.route('/')
def home():
    return 'hello world'
#保證在執行mian.py檔案時才執行
if __name__=="__main__":
    app.run()

這樣在瀏覽器輸入127.0.0.1:5000就可以看到hello world了

3.git版本控制:

有了git,我們不用複製資料夾然後取個xxx 1.0的名字了。感覺git很好用,這裡就記錄下如何使用git,百度安裝好git後,可以在剛才的資料夾中滑鼠右鍵開啟git.

然後git init初始化,git add --all先將檔案全部加入快取區,git commit -m "..." 儲存並加入描述文字,git log檢視

git使用指標指向各個版本,修改程式碼後用git add,git commit命令儲存後,可以用git reset --hard xxx回退到之前版本

這裡xxx就是雜湊值,可以用git log檢視

4.模板使用:

在剛才的資料夾中新建資料夾取名為templates,在templates資料夾中加入.html檔案

再修改main.py為

#匯入render_template
from flask import Flask,render_template
from config import DevConfig

app=Flask(__name__)
app.config.from_object(DevConfig)
#修飾器實現路由
#路由127.0.0.1.5000
@app.route('/')
def home():
    name="ttp"
	#用name=name傳入引數,html檔案用{{name}}讀取傳入的值
    return render_template("hello.html",name=name)
    
#登陸介面
@app.route('/log')
def log():
	return render_template("log.html")
   
#保證在執行mian.py檔案時才執行
if __name__=="__main__":
    app.run()

修改hello.html 檔案和log.html檔案。這裡給出參考程式碼

<!DOCTYPE html>
<!--STATUS OK-->
<html>
<head>
    <title>ttp的網頁</title>
</head>
<body>
    你好呀 <br>
    歡迎 <br>
    {{name}} <br>
</body>
</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>
	</form>
</body>
</html>