生活随笔
收集整理的這篇文章主要介紹了
python-flask-制作网页入门1
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
標題
- 1.flask簡介
- 2.flask簡單說明
- 1.在頁面上打印helloworld
- 2.增加其他網頁
- 3.以html文件為模板并在網頁上展示（網頁傳出數據）
- 4.網頁傳入數據（同上）
- 3.總結
1.flask簡介
可以用flask進行web開發
安裝為
pip install flask
2.flask簡單說明
1.在頁面上打印helloworld
app=Flask 為固定模式
@app.route(’/’)裝飾器產生主網頁，執行此裝飾器下面函數
app.run()運行，啟動服務
from flask import Flask
app = Flask(__name__)@app.route("/")
def index():return "hell world！"if __name__ == '__main__':app.run()
2.增加其他網頁
@app.route("/next")裝飾器產生新的對應鏈接網頁，并執行此裝飾器下面函數
現在有兩個網站
http://127.0.0.1:5000/ 和http://127.0.0.1:5000/next/
當函數運行后，可以在瀏覽器上輸入瀏覽
from flask import Flask
app = Flask(__name__)@app.route("/")
def index():return "hell world！"@app.route("/next")
def newpage():return "我是次網頁"
if __name__ == '__main__':app.run()
3.以html文件為模板并在網頁上展示（網頁傳出數據）
這里用到render_template函數，需要導入，
而且這個函數只會用./templates內的文件，所以要在根目錄新建templates文件夾，以后要應用的html文件必須放入這里。
首先是創建html文件，可以用現成的，也可以自己生成。
自己生成就需要建立空的html文件，并在vscode界面用輸入！并加上tab鍵可以快速生成如下模板
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title>
</head>
<body></body>
</html>
現在只改顯示在頁面上東西，也就是body里面的內容。
對應功能可以看里面注釋，主要實現了變量的傳入，可以傳入單變量，也可以傳入列表。
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title>
</head>
<body><!-- 輸出字符串 br 為換行-->hello，world！<br/><!-- 輸出超鏈接 --><a href="www.baidu.com">這是一個超鏈接</a><br/><!-- 輸出一個變量-->{{a}} <br/><!-- hr 為畫橫線--><hr/><!-- 輸出整個列表-->{{lster}}<br/><!-- for 循環輸出列表前三個-->{% for item in lster[:3]%}換{{'一個：'+item}}<br/>{%endfor%}<!-- 輸入--><hr/>
</body>
</html>
只要在render_template函數內，對’1.html’文件內的變量進行賦值即可，但是名字要對得上。
例如1.html中的{{a}}的a變量必須對應 函數內的a=中的a
from flask import Flask,render_template,request
app = Flask(__name__)
@app.route("/")
def index():s ='我是變量'lst = ['變量1','變量2','變量3','變量4','變量5']return render_template('1.html',a = s,lster = lst)
if __name__ == '__main__':app.run()
網頁運行后顯示界面
4.網頁傳入數據（同上）
這里需要說的就是post和get的區別
post是不在url位置顯示請求的內容
get會在url位置顯示請求的內容
所以在實現賬號密碼輸入要用到post
現在是輸入賬號密碼并點確定會轉到/login網頁，然后讀取傳入的數據，并判斷是否正確，正確的話直接在網頁顯示字符串，不正確返回主網頁。
這里傳入表單的數據是通過 request.form.get函數獲取的，只要對應html中的name即可正確讀取傳入的數據。
from flask import Flask,render_template,request
app = Flask(__name__)@app.route("/")
def index():return render_template('1.html')@app.route("/login",methods=['post']) #因為賬號密碼要在瀏覽器上不顯示，所以要用post方法，不能用get方法
def login():#接受用戶名和密碼uername = request.form.get('username')pwd = request.form.get('pwd')if uername=='abc' and pwd =='123':return '賬號密碼正確'else: return render_template('1.html', msg = "登陸失敗！")if __name__ == '__main__':app.run()
1.html文件
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title>
</head>
<body><form action="/login" method="post">賬號<input type="text" name="username">密碼<input type="password" name="pwd"><input type="submit" value="登錄"><br/>{{msg}}<br/></form>
</body>
</html>
3.總結
簡單了解下flask的一些內容，明天還會學習一部分有關flask數據整合顯示的內容。
總結
以上是生活随笔為你收集整理的python-flask-制作网页入门1的全部內容，希望文章能夠幫你解決所遇到的問題。
如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。
