表單介紹

　　　　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. python3 第三章 - 程序的基本结构

    1.编码 默认情况下,Python 3 源码文件以 UTF-8 编码,所有字符串都是 unicode 字符串. 当然你也可以为源码文件指定不同的编码: # -*- coding: cp-1252 -* ...

  2. 用Python实现几种排序算法

    #coding=utf-8 # 1 快速排序算法 def qksort(list): if len(list)<=1: return list else: pivot = list[0] les ...

  3. 使用非java代码编程

    使用非JAVA代码     JAVA语言及其标准API(应用程序编程接口)应付应用程序的编写已绰绰有余.但在某些情况下,还是必须使用非JAVA编码.例如,我们有时要访问操作系统的专用特性,与特殊的硬件 ...

  4. linkin大话数据结构--Google commons工具类

    package tz.web.dao.bean; import java.util.Arrays; import java.util.Collection; import java.util.List ...

  5. SQL Server中的变更捕获技术--简单部署

    ------准备------ CREATE DATABASE db_test_cdc ,) ,name )); INSERT INTO t1(name)VALUES('test') ------开始- ...

  6. 配置struts2拦截器

    <!-- 配置拦截器 -->        <interceptors>            <!-- 声明拦截器 -->            <inte ...

  7. JSP -java service pages

    jsp的运行机制: 1客户端(请求jsp页面)------->JSP页面(转换为java源文件)------->Selvet文件(.java) (编译成相应的字节码文件也就是后缀名是.cl ...

  8. atom中开发vue常用插件

    atom: 开发利器,界面友好,配色出色,好用的插件众多. language-vue: 这个是首推,因为它就是为vue而生的呀,支持很多vue里的提示.在空的vue页面敲tem,vue模板的提示就自动 ...

  9. JS小练习1

    要求: 一.定义"改变颜色"的函数 二.定义"改变宽高"的函数 三.定义"隐藏内容"的函数 四.定义"显示内容"的函数 ...

  10. spring-boot 使用 main函数 无法启动的问题完美 解决方案。

    首先 是启动之后 ,直接回exit code  0,网址 里面输入localhost:8080显示站点未启动.网上查 了多种 方式 ,日志 也 打了,都没发现问题,最后到这篇文章里 找到了答案.但是这 ...