1. 程式人生 > >python中的flask框架寫簡單的登入介面

python中的flask框架寫簡單的登入介面

flask框架和css的應用

實現的環境:

  • windows環境
  • eclipse下的pydev
  • pip3 install flask jinja2

步驟一:首先建立一個web.py

# -*- coding:utf-8 -*-
'''
Created on 2018年9月17日
@author: zkx
'''
from flask import Flask  #引入Flask類,Flask類實現了一個WSGI應用
from flask import request,render_template
app =Flask(__name__)  #app是Flask的例項,它接收包或者模組的名字作為引數,但一般都是傳遞__name__。    

@app.route("/") #使用app.route裝飾器會將URL和執行的檢視函式的關係儲存到app.url_map屬性上。
def first(): #處理URL和檢視函式的關係的程式就是路由,這裡的檢視函式就是first。
    return "歡迎來到我的世界"

@app.route("/login",methods=['GET'])   #請求方式為get
def login():
    return render_template('l.html')

@app.route("/login",methods=['POST']) #請求方式為post
def loginin():
    if request.form['username']=='zkx' and request.form['password']=='zkx':
            username =request.form['username']
            return render_template('l.html',username='zkx',moban='moban')
    return render_template('one.html',username='username',moban='shurucuowu')
app.run( host='127.0.0.1', port=666, debug='True')#預設Flask只監聽虛擬機器的本地127.0.0.1這個地址,埠為666。

步驟二:如圖所示 建立
在這裡插入圖片描述

編輯

<!DOCTYPE html>
<html >
<head >
<meta charset="utf-8">
<title >zkx</title>
<link type="text/css" rel="stylesheet" href={{ url_for('static', filename='css/zkx.css') }}> </link> 
</head>
<body>
{% if  message %}
<p style="color:red">{{ message }} </p>
{% endif %}
{{ moban }}
<form action="/login" method="post" >
            <p><input name="username" value="{{ username }}">賬號</p>
            <p><input name="password" type="password">密碼</p>
            <p><button type="subbmit"> 提交</button></p>
	</form>
</body>
</html>

步驟三:如圖建立
在這裡插入圖片描述
編輯

form {
	background :blue	
}

注:模組中的說明
{{ }}——訪問變數或變數的屬性
{# #}——註釋
{% include ‘footer.html’ %} ——匯入另外一個模板到當前模板中
{% import ‘forms.html’ as forms %} ——匯入模板,與上面的有部分不同
{{url_for(“static”,filename="…")}}——訪問static資料夾中的檔案
在這裡插入圖片描述