表單介紹

　　　　1.表單標籤

　　　　　　聲明表單的範圍，位於表單標籤中的元素將被提交

　　　　　　語法： <form>  </form>

　　　　　　屬性： Method(提交方式get,post) , Enctype(編碼) , action(提交方向)

　　　　2.表單域

　　　　　　<input ...>　　屬性：type,name,value

　　　　　　文本框   <type="text">

　　　　　　密碼框   <type="password">　

　　　　　　文本區域<type="textarea">　

　　　　　　單選框    <type=radio>

　　　　　　復選框    <type=checkbox>　

　　　　3.表單按扭

　　　　　　提交按鈕

　　　　　　復位按鈕

　　　　　　一般按鈕

　　　　代碼如下：

　　　　//  index.html

 <!DOCTYPE html>

 <html lang="en">

 <head>

     <meta charset="UTF-8">

     <title>Title</title>

 </head>

 <body>

 <div>

     <h6>帳號驗證</h6>

 </div>

 <form action="/login" method="POST">

     <h6>text</h6>

     <input type="text" name="username"><br>

     <h6>password</h6>

     <input type="password" name="password"><br>

     <h6>textarea</h6>

     <input type="textarea" name="textarea"><br>

     <h6>radio</h6>

     <input type="radio" name="radio"><br>

     <h6>checkbox</h6>

     <input type="checkbox" name="checkbox"><br>

 </form>

 <h6>{{get_flashed_messages()[0]}}</h6>

 </body>

 </html>

　　　　// main.py　

 from flask import Flask,render_template

 app = Flask(__name__)

 @app.route('/')

 def index():

     return render_template('index.html') 

 if __name__=='__main__':

     app.run()

　　　　運行結果：   　　

　　　　　　

　　

　  表單的提交方式

　　　　POST

　　　　GET

　   實戰：用 Flask 开发用户管理

　　　　用戶登錄界面，默認用戶名爲 flask , 密碼爲 123123

　　　　登錄成功則顯示登錄成功。

　　　　------index.html-------

 <!DOCTYPE html>

 <html lang="en">

 <head>

     <meta charset="UTF-8">

     <title>User Login</title>

 </head>

 <body>

 <div>

     <h6>User Login</h6>

 </div>

 <form action="/login" method="POST">

     <h6>用戶名：</h6>

     <input type="text" name="username"><br>

     <h6>密碼：</h6>

     <input type="password" name="password"><br>

     <input type="submit" name="submit"><br>

 </form>

 <font size="20">{{get_flashed_messages()[0]}}</font>

 </body>

 </html>

　　　　------main.py-------

 from flask import Flask,render_template,request,flash

 app = Flask(__name__)

 app.secret_key = ''

 @app.route('/')

 def index():

     return render_template('index.html')

 @app.route('/login',methods=['POST'])

 def login():

     form = request.form

     username = form.get('username')

     password = form.get('password')

     if not password:

         flash("請輸入密碼！")

         return render_template('index.html')

     if not username:

         flash("請輸入用戶名！")

         return render_template('index.html')

     if username == 'flask' and password == '':

         return '<font size="50">登錄成功</font>'

     else:

         flash("錯誤")

         return render_template('index.html')

 if __name__=='__main__':

     app.run()

　　　　運行結果:

Flask從入門到入土(四)——登錄實現的更多相关文章

  1. Flask從入門到入土(三)——模板

    模板是一個包含響應文本的文件,其中包含佔位變量表示的動態部分,其具體值只是請求上下文中才能知道.使用真實值替換變量,再返回最終得到的響應字符串,這一過程稱爲渲染.爲了渲染模板,Flask使用了一個名爲 ...

  2. Flask從入門到入土(二)——請求响应與Flask扩展

    ———————————————————————————————————————————————————————————— 一.程序和請求上下文 Flask從客戶端收到請求時,要讓視圖函數能訪問一些對象 ...

  3. Flask從入門到入土(三)——Web表單

    Flask-WTF擴展可以把處理Web表單的過程變成一種愉悅的體驗.這個擴展對獨立的WTForms包進行了包裝,方便集成到Flask程序中. Flask-WTF及其依賴可使用pip安裝: pip in ...

  4. Flask從入門到入土(一)——程序的基本結構

    一.初始化 所有Flask程序都必須創建一個程序實例.Web服務器使用一種名爲Web服務器網關接口的協議,把接收自客戶端的所有請求都轉交給這個對象處理.程序實例書Flask類的對象,創建代碼: fro ...

  5. Flask從入門到入土(五)——Flask与数据库

    import sqlite3 def init_db(): sql = 'create table user(id INT,name TEXT)' conn = sqlite3.connect(&qu ...

  6. QQ登錄實現功能

    <html> <head> <title></title> </head> <body> <form> <p& ...

  7. GOOGLE搜索從入門到精通V4.0

    1,前言2,摘要3,如何使用本文4,Google簡介5,搜索入門6,初階搜索 6.1,搜索結果要求包含兩個及兩個以上關鍵字 6.2,搜索結果要求不包含某些特定資訊 6.3,搜索結果至少包含多個關鍵字中 ...

  8. Delphi APP 開發入門（四）簡易手電筒

    Delphi APP 開發入門(四)簡易手電筒 分享: Share on facebookShare on twitterShare on google_plusone_share   閲讀次數:32 ...

  9. Delphi APP 開發入門（八）SQLite資料庫

    Delphi APP 開發入門(八)SQLite資料庫 分享: Share on facebookShare on twitterShare on google_plusone_share   閲讀次 ...

随机推荐

  1. 爬取知名社区技术文章_setting_5

    # -*- coding: utf-8 -*- # Scrapy settings for JobBole project # # For simplicity, this file contains ...

  2. 转载-Linux Shell 数组建立及使用技巧

    转载自:http://www.cnblogs.com/chengmo/archive/2010/09/30/1839632.html 如侵犯版权,请联系我删除 linux shell在编程方面比win ...

  3. 关于 tomcat 配置时遇到的问题与警告及解决办法

    首先,我们在日常配置 tomcat 时,总是会遇到这样的问题: 有时候我们会重新头来配置 tomcat,但是现在我们并不需要那么做,方法很简单,请继续往下看: 这个问题是告诉我们 tomcat 在 4 ...

  4. css img换行之后有空隙

    这样的2个图片换行之后有空隙<img src="img/qiche.jpg" /> <br /> <img src="img/qiche.j ...

  5. Problem C: Pie

    题目链接 http://codeforces.com/gym/100722/attachments/download/3466/20062007-northwestern-european-regio ...

  6. 使用open-falcon监控Nginx

    一.介绍 前段时间部署试用了open-falcon v0.2,官方文档很详细,难度也不是很大.监控Nginx也参考了文档推荐的方式,文档地址:http://book.open-falcon.org/z ...

  7. Zookeeper启动时报8080端口被占用

    zookeeper启动时报8080 端口被占用,导致启动失败.特别是服务器上部署了tomcat服务时需要注意. 通过查看zookeeper的官方文档,发现有3种解决途径: (1)删除jetty. (2 ...

  8. 快速傅里叶变换 & 快速数论变换

    快速傅里叶变换 & 快速数论变换 [update 3.29.2017] 前言 2月10日初学,记得那时好像是正月十五放假那一天 当时写了手写版的笔记 过去近50天差不多忘光了,于是复习一下,具 ...

  9. Sql2012数据库还原

    Sql2012数据库还原(通过.bak数据库备份文件) 昨天系统挂了,那叫一个悲惨,重装了系统,但是sql2012的数据没有备份,同事帮忙发来备份文件(.bak),开始还原数据. 步骤:1 自己新建一 ...

  10. ASP.NET Core 入门

    关于ASP.NET Core ASP.NET Core 是一个全新的开源.跨平台框架,可以用它来构建基于网络连接的现代云应用程序,比如:Web 应用,IoT(Internet Of Things,物联 ...