表單介紹

　　　　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. [转]js 正则表达式

    一.正则表达式中包括的元素 1.原子(普通字符:a-z A-Z 0-9 .原子表. 转义字符) 2.元字符 (有特殊功能的字符) 3.模式修正符 (系统内置部分字符 i .m.S.U…) 二.正则表达 ...

  2. Django_404_403_500页面处理

    需求: 进入上线环境,用户并没有权力知道出错信息,那我们需要对不同的出错信息返回不同页面提示,提升用户的体验 问题原因: 生产环境下,用户输入的url地址不正确,没有对应的view去处理这个url请求 ...

  3. JavaScript之点赞特效

    在很多网站中登录后可以对你说喜欢的文章.图片之类的进行点赞,这个功能效果的实现就是我今天要写的东西.代码不长,但觉得还是很有用的,为 js 给用户交互体验上更加友好.在实现过程中,主要的思路有: 点赞 ...

  4. java.lang.IllegalArgumentException: Document base D:\Project\workspace\space\.metadata\.plugins\org.eclipse.wst.server.core\tmp7\wtpwebapps\Blog

    java.lang.IllegalArgumentException: Document base D:\Project\workspace\space\.metadata\.plugins\org. ...

  5. linkin大话面向对象--内部类

    内部类说白了就是类中有类 内部类:嵌套类 外部类:宿主类 内部类主要有以下作用:记住了3个字:多继承... 1,内部类提供了更好的封装,可以把内部类隐藏在外部类中,不允许同一个包中的其他类访问该类. ...

  6. [JAVA] - 从 m 个元素中随机选中 n 个

    之前业务中曾经遇到过从m个元素中选取 n 个的需求,当时只是跑循环根据长度进行随机选取,然后放入 Set 中去重,一直到收集到足够的个数. 这样做的缺点很明显,当剩下的元素个数越少的时候,选取的元素越 ...

  7. 错误：This function has none of DETERMINISTIC... 的解决

    问题: 在MySQL创建了一个批量插入的存储过程,在代码中调用的时候报错误信息: error code [1418];This function has none of DETERMINISTIC, ...

  8. java面向对象基础(四)：抽象类和接口

    */ .hljs { display: block; overflow-x: auto; padding: 0.5em; color: #333; background: #f8f8f8; } .hl ...

  9. Lucene：基于Java的全文检索引擎简介

    Lucene:基于Java的全文检索引擎简介 Lucene是一个基于Java的全文索引工具包. 基于Java的全文索引/检索引擎--Lucene Lucene不是一个完整的全文索引应用,而是是一个用J ...

  10. 我的java之路week2类的无参、带参方法

    2.1语法 public 返回值类型 方法名(){ //方法体 } 2.2方法的调用语法 对象名.方法名 计算平均分和总成绩 public class Score { /** * 创建类 ScoreC ...