單元11 基于Flask框架的Web程序設(shè)計（電子教案）_第1頁
單元11 基于Flask框架的Web程序設(shè)計（電子教案）_第2頁
單元11 基于Flask框架的Web程序設(shè)計（電子教案）_第3頁
單元11 基于Flask框架的Web程序設(shè)計（電子教案）_第4頁
單元11 基于Flask框架的Web程序設(shè)計（電子教案）_第5頁
全文預(yù)覽已結(jié)束

下載本文檔

版權(quán)說明：本文檔由用戶提供并上傳，收益歸屬內(nèi)容提供方，若內(nèi)容存在侵權(quán)，請進(jìn)行舉報或認(rèn)領(lǐng)

文檔簡介

單元11基于Flask框架的Web程序設(shè)計【任務(wù)11-1】在網(wǎng)頁中顯示文本信息與展示圖片【任務(wù)描述】（1）在PyCharm集成開發(fā)環(huán)境中創(chuàng)建Flask項(xiàng)目11-1，并在文件夾11-1中自動創(chuàng)建兩個子文件夾“static”和“templates”。（2）在文件夾“templates”中創(chuàng)建2個網(wǎng)頁文件，分別命名為“showText.html”和“showImage.html”，網(wǎng)頁中分別顯示文本信息和展示圖片。（3）在項(xiàng)目Unit11創(chuàng)建Python程序文件“11-1.py”，在程序中調(diào)用render_template()方法加載網(wǎng)頁文件。【任務(wù)實(shí)施】1．創(chuàng)建Flask項(xiàng)目11-1成功啟動PyCharm后，在指定位置“D:\PycharmProject\Unit11”，創(chuàng)建Flask項(xiàng)目11-1。2．創(chuàng)建Python程序文件11-1.py在Flask項(xiàng)目“11-1”中，新建Python程序文件“11-1.py”，然后在PyCharm主窗口打開程序文件“11-1.py”的代碼編輯窗口，在該代碼編輯窗口輸入程序代碼。fromflaskimportFlask,render_templateapp=Flask(__name__)@app.route('/text')defshowText():returnrender_template('showText.html')@app.route('/image')defshowImage():returnrender_template('showImage.html')if__name__=='__main__':app.run()3．創(chuàng)建2個網(wǎng)頁文件在文件夾“templates”中創(chuàng)建2個網(wǎng)頁文件，分別命名為“showText.html”和“showImage.html”。網(wǎng)頁文件showText.html的代碼如下所示。<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>瀏覽文本內(nèi)容</title></head><body><p>陽光明媚、春意盎然、萬象更新</p><p>Thesunisshining,thespringisfulloflifeandeverythingisrenewed</p></body></html>網(wǎng)頁文件showImage.html的代碼如下所示。<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>瀏覽圖片</title></head><body><imgsrc="{{url_for('static',filename='hh.jpg')}}"width="400"height="400"alt=""title=""/></body></html>單擊工具欄中【保存】按鈕，分別保存程序文件11-1.py、2個網(wǎng)頁文件“showText.html”和“showImage.html”。4．運(yùn)行Flask項(xiàng)目在PyCharm主窗口選擇【Run】菜單，在彈出的下拉菜單中選擇【Run】菜單項(xiàng)。在彈出的【Run】對話框中選擇“11-1”選項(xiàng)，程序“11-1.py”開始運(yùn)行。先在瀏覽器中，輸入網(wǎng)址“:5000/text”，則在頁面中輸出文字“陽光明媚、春意盎然、萬象更新”和“Thesunisshining,thespringisfulloflifeandeverythingisrenewed”。然后在瀏覽器中，輸入網(wǎng)址“:5000/image”，則在頁面中展示一張圖片。圖11-9在瀏覽器中輸入網(wǎng)址“:5000/image”顯示的網(wǎng)頁效果【任務(wù)11-2】基于Flask框架設(shè)計簡單用戶登錄程序【任務(wù)描述】（1）在PyCharm集成開發(fā)環(huán)境中創(chuàng)建Flask項(xiàng)目11-2，并在文件夾11-2中自動創(chuàng)建兩個子文件夾“static”和“templates”。（2）在文件夾“templates”中創(chuàng)建個網(wǎng)頁文件，命名為“11-2.html”，在該網(wǎng)頁中設(shè)置用戶登錄界面，登錄界面主要包括輸入用戶名和密碼的兩個文本輸入框，【提交】和【重置】兩個按鈕。（3）在項(xiàng)目11-2創(chuàng)建Python程序文件“11-2.py”。程序中首先判斷HTTP請求方式，如果瀏覽器請求方式為POST，首先獲取表單輸入框中的用戶名和密碼，如果用戶名和密碼都正確，則使用頁面跳轉(zhuǎn)方法redirect()，打開百度首頁，否則加載網(wǎng)頁11-2.html，并在該頁中顯示“登錄失敗”的提示信息；如果瀏覽器的請求為GET請求，則在程序中調(diào)用render_template()方法直接加載網(wǎng)頁11-2.html，顯示用戶登錄界面，等待用戶輸入用戶名和密碼。【任務(wù)實(shí)施】1．創(chuàng)建Flask項(xiàng)目11-2成功啟動PyCharm后，在指定位置“D:\PycharmProject\Unit11”，創(chuàng)建Flask項(xiàng)目11-2。2．創(chuàng)建Python程序文件11-2.py在Flask項(xiàng)目11-2中，新建Python程序文件“11-2.py”，在PyCharm主窗口打開程序文件“11-2.py”的代碼編輯窗口。3．編寫Python程序代碼在新建文件“11-2.py”的代碼編輯窗口輸入程序代碼。fromflaskimportFlask,request,render_template,redirectapp=Flask(__name__)#綁定訪問地址:5000/login@app.route("/login",methods=['GET','POST'])deflogin():ifrequest.method=='POST':username=request.form['username']password=request.form['password']ifusername=="admin"andpassword=="123456":returnredirect("")else:text="登錄失敗"returnrender_template('11-2.html',message=text)returnrender_template('11-2.html')if__name__=='__main__':app.run(debug=True)4．創(chuàng)建網(wǎng)頁文件11-2.html在文件夾11-1中的子文件夾“templates”中創(chuàng)建1個網(wǎng)頁文件，命名為“11-2.html”。網(wǎng)頁文件11-2.html的代碼如下所示。<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>用戶登錄</title></head><body><divalign="center"><h2>用戶登錄</h2>{%ifmessage%}{{message}}{%endif%}<formmethod="POST"><inputtype="text"name="username"placeholder="請輸入用戶名"><br/><br/><inputtype="password"name="password"placeholder="請輸入密碼"><br/><br/><inputtype="submit"value="提交"><inputtype="reset"value="重置"></form></div></body>單擊工具欄中【保存】按鈕，保存程序文件“11-2.py”和網(wǎng)頁文件“11-2.html”。5．運(yùn)行Flask項(xiàng)目在PyCharm主窗口選擇【Run】菜單，在彈出的下拉菜單中選擇【Run】菜單項(xiàng)。在彈出的【Run】對話框中

溫馨提示

  • 1. 本站所有資源如無特殊說明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙，網(wǎng)頁內(nèi)容里面會有圖紙預(yù)覽，若沒有圖紙預(yù)覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(wǎng)僅提供信息存儲空間，僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理，對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯，并不能對任何下載內(nèi)容負(fù)責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容，請與我們聯(lián)系，我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時也不承擔(dān)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論