表單介紹

　　　　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. SpringMVC之GET请求参数中文乱码

    server.xml 文件中的编码过滤器设置是针对POST请求的,tomacat对GET和POST请求处理方式是不同的,要处理针对GET请求的编码问题,则需要改tomcat,conf目录下的serve ...

  2. tinyproxy实现https正向代理

    安装 yum install tinyproxy -y 配置 # vim /etc/tinyproxy/tinyproxy.conf ## ## tinyproxy.conf -- tinyproxy ...

  3. 自己写的日志框架--linkinLog4j--框架可配置+提性能

    OK,上一篇博客我们已经实现了日志框架的基本的功能,但是还有一个最大的问题就是日志输出地不能重定向,然后一些输出也不可控.那现在我们来实现一个比较完整的日志框架. 设计思路如下: 1,定义一堆常量Li ...

  4. Linux 下 编译Xerces-c++

    按照 doc/html 文件夹中的详细指导编译 Xerces-C++ 共享库. 下面的命令展示了如何用压缩的源文件编译 Xerces-C++ 库. 这里假定在像 /home/ 这样的目录中有 xerc ...

  5. android studio获取sha1签名

    转载 :http://blog.csdn.net/kezhongke/article/details/42678077

  6. The man Command

    The man command is used to format and display the man pages. The man pages are a user manual that is ...

  7. linux的定时任务服务crond（crontab）服务

    1,Crond: Crond是linux系统中用来定期执行命令或指定程序任务的一种服务或者软件.(Centos5以后默认存在) 当优化开机自启动的时候,第一个就是crond. Crond服务默认情况( ...

  8. R语言-探索多个变量

    目的: 通过探索文件pseudo_facebook.tsv数据来学会多个变量的分析流程 通过探索diamonds数据集来探索多个变量 通过酸奶数据集探索多变量数据 知识点: 散点图 dplyr汇总数据 ...

  9. phantomjs集成到scrapy中，并禁用图片，切换UA

    phantomjs是一个没有界面的浏览器,支持各种web标准,提供DOM 处理, CSS 选择器, JSON, Canvas, 和 SVG,对于爬取一些经过js渲染的页面非常有用.但是phantomj ...

  10. vsftp实现只能上传不能下载、删除权限配置

    vsftpd可以对每个用户特别限制.只要给那个用户建立一个设置文件,然后在文件里设置 在vsftpd.conf里加user_config_dir=/etc/vsftpd/vsftpd_user_con ...