首页 > 其他 > 详细

Flask 从入门到实践

时间:2017-12-10 20:05:51      阅读:584      评论:0      收藏:0      [点我收藏+]

Flask 从入门到实践

路由的介绍

程序实例保存了一个URL到Python程序的映射关系,处理URL和函数之间关系的程序成为路由

使用程序实例的app.route装饰器即可把要修饰的函数(可称为视图函数,下例中为index(),user())注册为路由。

from flask import Flask
from flask import request

app = Flask(__name__)


@app.route('/')
def index():
    return '<h1>Hello World!</h1>'

@app.route('/user/<name>')
def user(name):
    return '<h1>Hello, %s !</h1>' %name

@app.route('/users/<int:id>')
def users(id):
    return '<h1>Your ID is : %d !</h1>' %id

@app.route('/info/')
def info():
    user_agent = request.headers.get('User-Agent')
    return '<p>Your browser is %s</p>' % user_agent

  
if __name__ == '__main__':
    app.run(debug=True)

Flask上下文全局变量

变量名 上下文 说明
current_app 程序上下文 当前激活程序的程序实例
g 程序上下文 处理请求时用作临时存储的对象,每次请求会重设该变量
request 请求上下文 请求对象,封装了客户端发出的HTTP请求中的内容
session 请求上下文 用户会话,用于存储请求之间需要“记住”的值的词典

Flask中有两种上下文:程序上下文和请求上下文,在调用之前需要先激活。

视图函数用来处理客户端发来的请求,Flask用app.route装饰器或者非装饰器的app.add_url_rule() 来生成URL映射。

在处理请求之前或之后执行处理的代码称为请求钩子函数,Flask支持以下4种装饰器来实现:

  • before_first_request:处理第一个请求前运行
  • before_request:每次请求前运行
  • after_request:如没有未处理的异常抛出,在每次请求之后运行
  • teardown_request:即是有未处理的异常也在每次请求后运行

在请求析构函数和视图函数之间共享数据一般使用上下文全局变量 g.

Flask中可用make_response来自定义响应对象,例如携带cookie等:

from flask import make_response
@app.route('/cookie/')
def cookie_test():
    response = make_response('<h1>This document carries a cookie!</h1>')
    response.set_cookie('year', '2017')
    return response

302重定向:

from flask import redirect
@app.route('/r/')
def redirect():
    return redirect('http://www.hython.com')

处理错误的响应用abort函数,若抛出异常则交控制权给web服务器:

from flask import abort
@app.route('/user/<id>')
def get_user(id):
    user = load_user(id)
    if not user:
        abort(404)
    return '<h1>Hello, %s</h1>' % user.name

Jinja2模板的使用

Jinja2变量过滤器

过滤器名 说明
safe 渲染值时不转义
capitalize 把值的首字母转换成大写,其余的小写
lower 把值转换成小写形式
upper 把值转换成大写形式
title 值中的每个单词的首字母转换成大写
trim 把值的首尾空格去掉
striptags 渲染之前把值中所有的HTML标签都删掉

控制结构

  1. 条件控制语句:if
  2. for循环
  3. 宏函数(macros)

Flask-Bootstrap插件

flask bootstrap基模板中定义的块

块名 说明
doc 整个HTML文档
html_attribs 标签的属性
html 标签中的内容
head 标签中的内容
title 标签中的内容</td> </tr> <tr class="even"> <td>metas</td> <td>一组<meta>标签</td> </tr> <tr class="odd"> <td>styles</td> <td>css样式表定义</td> </tr> <tr class="even"> <td>body_attribs</td> <td><body>标签的属性</td> </tr> <tr class="odd"> <td>body</td> <td><body>标签中的内容</td> </tr> <tr class="even"> <td>navbar</td> <td>用户定义的导航条</td> </tr> <tr class="odd"> <td>content</td> <td>用户定义的页面内容</td> </tr> <tr class="even"> <td>scripts</td> <td>文档底部的JavaScript声明</td> </tr> </tbody> </table> <p>如果需要重新定义块,比如自定义css和js的styles和scripts,需使用jinja2中的<code>super()</code>函数:</p> <div class="sourceCode"><pre class="sourceCode python"><code class="sourceCode python">{<span class="op">%</span> block scripts <span class="op">%</span>} {{ <span class="bu">super</span>() }} <span class="op"><</span>script <span class="bu">type</span><span class="op">=</span><span class="st">"text/javascript"</span> scr<span class="op">=</span><span class="st">"my-script.js"</span><span class="op">></</span>script<span class="op">></span> {<span class="op">%</span> endblock <span class="op">%</span>}</code></pre></div> <p><code>url_for()</code>函数:</p> <div class="sourceCode"><pre class="sourceCode python"><code class="sourceCode python"><span class="co"># _external=True返回绝对地址:http://127.0.0.1:5000/static/css/styles.css</span> url_for(<span class="st">'static'</span>, filename<span class="op">=</span><span class="st">'css/styles.css'</span>, _external<span class="op">=</span><span class="va">True</span>)</code></pre></div> <h3 id="flask-moment插件本地化日期和时间">Flask-moment插件本地化日期和时间</h3> <p>引入并实例:</p> <div class="sourceCode"><pre class="sourceCode python"><code class="sourceCode python"><span class="im">from</span> flask.ext.moment <span class="im">import</span> Moment moment <span class="op">=</span> Moment(app)</code></pre></div> <p><code>base.html</code>中需要引入:</p> <div class="sourceCode"><pre class="sourceCode python"><code class="sourceCode python">{<span class="op">%</span> block scripts <span class="op">%</span>} {{ <span class="bu">super</span>() }} {{ moment.include_moment() }} {{ moment.lang(<span class="st">'ja'</span>) }} {<span class="op">%</span> endblock <span class="op">%</span>}</code></pre></div> <p><code>index.html</code>中即可使用:</p> <div class="sourceCode"><pre class="sourceCode html"><code class="sourceCode html"><span class="kw"><p></span>The Local date and time is {{ moment(current_time).format('LLL') }}.<span class="kw"></p></span> <span class="kw"><p></span>That was {{ moment(current_time).fromNow(refresh=True) }}<span class="kw"></p></span></code></pre></div> <p>除此之外Flask-Moment实现了moment.js中format(),fromNow(),fromTime(),calendar(),valueOf(),和unix()等方法。具体可参阅<a href="http://momentjs.com/docs/#/displaying/">官方文档</a>。</p> <h2 id="web表单">Web表单</h2> <h3 id="设置flask-wtf插件">设置Flask-WTF插件</h3> <p>为免受跨站伪造请求CSRF的攻击,需要在<code>app.config</code>设置通用密钥如下:</p> <div class="sourceCode"><pre class="sourceCode python"><code class="sourceCode python">app <span class="op">=</span> Flask(<span class="va">__name__</span>) app.config[<span class="st">'SECRET_KEY'</span>] <span class="op">=</span> <span class="st">'do not guess this string'</span></code></pre></div> <blockquote> <p>其实配置密钥的变量保存在系统变量中比写在代码里更为安全。</p> </blockquote> <table> <thead> <tr class="header"> <th>字段类型</th> <th>说明</th> </tr> </thead> <tbody> <tr class="odd"> <td>StringField</td> <td>文本字段</td> </tr> <tr class="even"> <td>TextAreaField</td> <td>多行文本字段</td> </tr> <tr class="odd"> <td>PasswordField</td> <td>密码文本字段</td> </tr> <tr class="even"> <td>HiddenField</td> <td>隐藏文本字段</td> </tr> <tr class="odd"> <td>DateField</td> <td>文本字段,值为datetime.date格式</td> </tr> <tr class="even"> <td>DateTimeField</td> <td>文本字段,值为datetime.datetime格式</td> </tr> <tr class="odd"> <td>IntegerField</td> <td>文本字段,值为整数</td> </tr> <tr class="even"> <td>DecimalField</td> <td>文本字段,值为decimal.Decimal</td> </tr> <tr class="odd"> <td>FloatField</td> <td>文本字段,值为浮点数</td> </tr> <tr class="even"> <td>BooleanField</td> <td>复选框</td> </tr> <tr class="odd"> <td>RadioField</td> <td>一组单选框</td> </tr> <tr class="even"> <td>SelectField</td> <td>下拉列表</td> </tr> <tr class="odd"> <td>SelectMultipleField</td> <td>下拉列表,可选择多个值</td> </tr> <tr class="even"> <td>FileField</td> <td>文本上传字段</td> </tr> <tr class="odd"> <td>SubmitField</td> <td>表单提交</td> </tr> <tr class="even"> <td>FormField</td> <td>把表单作为字段嵌入另一个表单</td> </tr> <tr class="odd"> <td>FormField</td> <td>一组指定类型的字段</td> </tr> </tbody> </table> <h3 id="wtforms验证函数">WTForms验证函数</h3> <table> <thead> <tr class="header"> <th>验证函数</th> <th>说明</th> </tr> </thead> <tbody> <tr class="odd"> <td>Email</td> <td>电子邮件地址</td> </tr> <tr class="even"> <td>EqualTo</td> <td>比较两字段值,常用于要求输入两次密码确认</td> </tr> <tr class="odd"> <td>IPAddress</td> <td>验证IPv4网络地址</td> </tr> <tr class="even"> <td>Length</td> <td>验证输入字符串长度</td> </tr> <tr class="odd"> <td>NumberRange</td> <td>验证输入的值在数字范围内</td> </tr> <tr class="even"> <td>Optional</td> <td>无输入值时跳过其他验证函数</td> </tr> <tr class="odd"> <td>Required</td> <td>确保字段中有数据</td> </tr> <tr class="even"> <td>Regexp</td> <td>使用正则表达式验证输入值</td> </tr> <tr class="odd"> <td>URL</td> <td>验证URL</td> </tr> <tr class="even"> <td>AnyOf</td> <td>确保输入值在可选值列表中</td> </tr> <tr class="odd"> <td>NoneOf</td> <td>确保输入值不在可选值列表中</td> </tr> </tbody> </table> </div><p><a href="http://www.bubuko.com/infodetail-2423820.html" title="Flask 从入门到实践,bubuko.com" style="color:#ffffff">Flask 从入门到实践</a></p><p>原文:http://www.cnblogs.com/rusher/p/8017778.html</p></span> </div> <script type="text/javascript"> bubuko_load('content_after');</script> <div id="divcomment"> <div> <div class=" divtextaligncenter"> <div class="detailcai" id="infono"> <div class="detailcai1 colorboldlv"> 踩</div> <div class="detailcai2 colorboldlv"> (<span id="spanNo">0</span>)</div> </div> <div class="detailzan" id="infoyes"> <div class="detailzan1 colorboldCheng"> 赞</div> <div class="detailzan2 colorboldCheng"> (<span id="spanYes">0</span>)</div> </div> <div class="divfloatclear"> </div> </div> <div class="divtextalignright margintop10"> <div class="width100bi paddingleft10right10"> <span id="spanYesContent" class="colorboldCheng"></span>  <span id="spanNoContent" class="colorboldlv"></span>  <span id="spanBadContent" class="colorboldCheng"> </span> </div> </div> </div> <div class="divtextalignright margintop10"> <span class="detailjubao" id="infobad">举报</span> </div> <script type="text/javascript"> bubuko_load('comment_before');</script> <div id="comment" class="divtextalignleft margintop20"> <div class="detailpinglun1"> <span class="detailpinglun2 title6">评论</span> <span class="detailpinglun3">一句话评论(<span id="commentCount" class="colorboldCheng">0</span>)</span> </div> <div class="paddingtop20"> <div id="commentlistend" name="commentlistend" class="divtextaligncenter margintop20"> <span id="lblpage"></span> </div> </div> <div class="margintop20"> <form method="post" action="/ajaxjs/info_detail_commentadd.aspx"> <div class="divtextalignleft paddingtop20"> <div id="commenthf" class="divbackgroundcolor1"> </div> <div> <textarea name="tbcommentcontent" id="tbcommentcontent" disabled="disabled" class="tb" style="width: 680px; height: 120px;" ></textarea> </div> </div> <div class="divtextalignright paddingtop10 " style="display:none;"> <span id="addCommentTishi" class="colorboldCheng">登录后才能评论!</span> <span id="loginno"><input type="button" class="mbtn1" value="登录" onclick="location.href='login.aspx?returnUrl='+document.URL.replace(new RegExp('&', 'g'), '(_)')" /></span> </div> </form> </div> </div> </div> <script type="text/javascript"> bubuko_load('comment_after');</script> </div> </div> <div class="width30bi divfloatright"> <div class="paddingbottom20"> <!-- <script type="text/javascript"> document.write(unescape('%3Cdiv id="bdcs"%3E%3C/div%3E%3Cscript charset="utf-8" src="http://znsv.baidu.com/customer_search/api/js?sid=10743263978424259100') + '&plate_url=' + (encodeURIComponent(window.location.href)) + '&t=' + (Math.ceil(new Date() / 3600000)) + unescape('"%3E%3C/script%3E'));</script> --> </div> <script type="text/javascript"> bubuko_load('right_top');</script> <div class="width100bi divborder"> <div class="divtitle"> <div id="infofile1_div1" class="divfloatleft divtitlefont"> 分享档案</div> <div class="divfloatright"> <a href="/infotimemore.html" title="分享档案更多" class="colorCheng">更多></a> </div> <div class="divfloatclear"> </div> </div> <div class="divtextalignleft paddingleft10right10 margintop10bottom10 heightline30px"> <a class="taga" href="/infotime-20210923-1.html" title="2021年09月23日技术分享文章"> 2021年09月23日 (328)</a><br /> <a class="taga" href="/infotime-20210924-1.html" title="2021年09月24日技术分享文章"> 2021年09月24日 (313)</a><br /> <a class="taga" href="/infotime-20210917-1.html" title="2021年09月17日技术分享文章"> 2021年09月17日 (191)</a><br /> <a class="taga" href="/infotime-20210915-1.html" title="2021年09月15日技术分享文章"> 2021年09月15日 (369)</a><br /> <a class="taga" href="/infotime-20210916-1.html" title="2021年09月16日技术分享文章"> 2021年09月16日 (411)</a><br /> <a class="taga" href="/infotime-20210913-1.html" title="2021年09月13日技术分享文章"> 2021年09月13日 (439)</a><br /> <a class="taga" href="/infotime-20210911-1.html" title="2021年09月11日技术分享文章"> 2021年09月11日 (398)</a><br /> <a class="taga" href="/infotime-20210912-1.html" title="2021年09月12日技术分享文章"> 2021年09月12日 (393)</a><br /> <a class="taga" href="/infotime-20210910-1.html" title="2021年09月10日技术分享文章"> 2021年09月10日 (160)</a><br /> <a class="taga" href="/infotime-20210908-1.html" title="2021年09月08日技术分享文章"> 2021年09月08日 (222)</a><br /> </div> </div> <div class="width100bi margintop20 divborder"> <div class="divtitle"> <div id="infonew1_divtitle" class="divfloatleft divtitlefont">最新文章</div> <div class="divfloatright"> <a href="/info.html" id="infonew1_amore" class="colorCheng" title="最新文章更多>">更多></a></div> <div class="divfloatclear"> </div> </div> <div> <ul> <li class="divullititle heightline25px divtextalignleft"><a href="/infodetail-3830785.html" title=" 6.0 scripts元素 1) 内嵌的 JavaScript 代码 <script type="text/javascript"> document.write("I love FishC.com!") </script> 2) 通过 src 属性引用来自外部代码文件 ..."> 2021/09/28 scripts  <span class="colorlv">2022-05-27</span></a> </li> <li class="divullititle heightline25px divtextalignleft"><a href="/infodetail-3830783.html" title=" 问题场景 后台不提供富文本存储,所以emoji表情入库会报错 需求要求前端在输入的时候过滤掉表情符号 全局的input 和富文本textarea输入框都需要过滤emoji表情 问题分析 1.每一个input写事件写正则校验代码量实在太多了还很麻烦;所以想用自定义全局指令,就不需要每个用到的地方都去引 ..."> vue自定义全局指令v-emoji限制input输入表情和特殊字符  <span class="colorlv">2022-05-27</span></a> </li> <li class="divullititle heightline25px divtextalignleft"><a href="/infodetail-3830781.html" title=" (1)今日计划 四则运算第二阶段 (2)源代码 package size; import java.util.*; import java.lang.Math; public class size { static int count=0; static int ccount=0; static i ..."> 9.26学习总结  <span class="colorlv">2022-05-27</span></a> </li> <li class="divullititle heightline25px divtextalignleft"><a href="/infodetail-3830780.html" title="vim操作 1. 只在指定的特定行中搜索 /pattern\%>27l # 搜索pattern, 搜索范围是27行以后, 其中l表示按行搜索 /pattern\%>27l\%<40l # 搜索pattern, 搜索范围是27行以后40行以前, 其中l表示按行搜索 注意, 不要在%>27l两边随便加空 ..."> vim操作  <span class="colorlv">2022-05-27</span></a> </li> <li class="divullititle heightline25px divtextalignleft"><a href="/infodetail-3830779.html" title=" 说明 主要是学习汇编 windows10 + notepad++ + DOSBox0.74 网上也有notepad++配置自动编译运行的教程,感觉不如手敲命令行原始链接来的快 中断和中断调用 就是调用Dos下的系统接口 中断一览表 MOV AH,09H INT 21H ..."> 深入理解计算机基础 第三章  <span class="colorlv">2022-05-27</span></a> </li> <li class="divullititle heightline25px divtextalignleft"><a href="/infodetail-3830778.html" title="记录一下自己将string作为参数传递的结果。(自己感觉与int等基本类型无异。) 1. string 以引用形式传递 #include <iostream>#include<string> using namespace std;void change_string(string& s){ cha ..."> C++ string 作为形参与引用传递(转)  <span class="colorlv">2022-05-27</span></a> </li> <li class="divullititle heightline25px divtextalignleft"><a href="/infodetail-3830777.html" title=" 常用加解密 1. md5 加密 import hashlib def private_passwd(passwd: str) -> str: return hashlib.md5(passwd.encode(encoding='UTF-8')).hexdigest() 2. base64 加解密 i ..."> python 加解密  <span class="colorlv">2022-05-27</span></a> </li> <li class="divullititle heightline25px divtextalignleft"><a href="/infodetail-3830775.html" title=" let array = [ { id: 1, name: "001", children: [ { id: 2, name: "002", }, ], }, { id: 3, name: "003", children: [] }, ]; function getFlatArr(arr) { ret ..."> JavaScript-对象数组里根据id获取name,对象可能有children属性  <span class="colorlv">2022-05-27</span></a> </li> <li class="divullititle heightline25px divtextalignleft"><a href="/infodetail-3830773.html" title=" SQL语句,追加内容: update 表名 set 字段=CONCAT(字段,'追加的内容') where 字段=? 参考链接:https://www.jb51.net/article/113454.htm ..."> SQL语句——保持现有内容在后面增加内容  <span class="colorlv">2022-05-27</span></a> </li> <li class="divullititle heightline25px divtextalignleft"><a href="/infodetail-3830769.html" title=" virsh [options]... [<command_string>]virsh [options]... <command> [args...] options: -c | --connect=URI hypervisor connection URI -d | --debug=NUM deb ..."> virsh命令文档  <span class="colorlv">2022-05-27</span></a> </li> </ul> </div> </div> <div class="width100bi margintop20 divborder"> <div class="divtitle"> <div id="jctop1_divtitle" class="divfloatleft divtitlefont">教程昨日排行</div> <div class="divfloatright"> <a href="/jiaocheng/" id="jctop1_amore" class="colorCheng">更多></a></div> <div class="divfloatclear"> </div> </div> <div class="divtextalignleft"> <ul> <li class="divullilist"> 1.<a href="/jiaocheng/detail-3742.html" title="list.reverse()" >list.reverse()</a></li> <li class="divullilist"> 2.<a href="/jiaocheng/detail-898.html" title="Django Admin 管理工具" >Django Admin 管理工具</a></li> <li class="divullilist"> 3.<a href="/jiaocheng/detail-1027.html" title="AppML 案例模型" >AppML 案例模型</a></li> <li class="divullilist"> 4.<a href="/jiaocheng/detail-51.html" title="HTML 标签列表(功能排序)" >HTML 标签列表(功能排序)</a></li> <li class="divullilist"> 5.<a href="/jiaocheng/detail-57.html" title="HTML 颜色名" >HTML 颜色名</a></li> <li class="divullilist"> 6.<a href="/jiaocheng/detail-64.html" title="HTML 语言代码" >HTML 语言代码</a></li> <li class="divullilist"> 7.<a href="/jiaocheng/detail-208.html" title="jQuery 事件" >jQuery 事件</a></li> <li class="divullilist"> 8.<a href="/jiaocheng/detail-303.html" title="jEasyUI 创建分割按钮" >jEasyUI 创建分割按钮</a></li> <li class="divullilist"> 9.<a href="/jiaocheng/detail-305.html" title="jEasyUI 创建复杂布局" >jEasyUI 创建复杂布局</a></li> <li class="divullilist"> 10.<a href="/jiaocheng/detail-336.html" title="jEasyUI 创建简单窗口" >jEasyUI 创建简单窗口</a></li> </ul> </div> </div> <script type="text/javascript"> bubuko_load('right_bottom');</script> </div> <div class="divfloatclear"> </div> </div> <script type="text/javascript"> bubuko_load('bottom');</script> <div class="width1000px divmargin0auto paddingtop20bottom20"> <div class="width1000px divborder margintop20"> <div class="youqingtitle"> <a title="友情链接">友情链接</a> </div> <div class="youqingcontent"> <a href='http://www.hubwiz.com/' title='汇智网在线编程学习' target='_blank'>汇智网</a>   <a href='http://www.5ibc.net' title='专注PHP程序员一站式免费学习站点' target='_blank'>PHP教程</a>   <a href='http://www.cnplugins.com/' title='插件网' target='_blank'>插件网</a>   <!--<a href='http://m.bubuko.com/doc3v35e/2022-03-31.html' title='王者荣耀' target='_blank'>王者荣耀</a> <a href='http://m.bubuko.com/doc0tx77/6.html' title='刺激战场' target='_blank'>刺激战场</a> <a href='http://m.bubuko.com/doc27/60.html' title='金铲铲' target='_blank'>金铲铲</a> <a href='http://m.bubuko.com/doc2022-03-31/rolne.html' title='冰封王座' target='_blank'>冰封王座</a> <a href='http://m.bubuko.com/doc20dq0/2022-03-31.html' title='魔兽世界' target='_blank'>魔兽世界</a> <a href='http://m.bubuko.com/docovgq9/2022-03-31.html' title='哔哩哔哩' target='_blank'>哔哩哔哩</a> <a href='http://m.bubuko.com/docuiwrn/27.html' title='狼人杀' target='_blank'>狼人杀</a> <a href='http://m.bubuko.com/doc91/74.html' title='元神' target='_blank'>元神</a> --> </div> </div> </div> <div class="bottomdiv"> <div class="width1000px divmargin0auto paddingtop20"> <div class="divfloatleft width500px"> <div class="height30px"> <a href="/about.html" title="bubuko.com关于我们">关于我们</a> - <a href="/contactus.html" title="bubuko.com联系我们">联系我们</a> - <a href="/guest.html" title="bubuko.com留言反馈">留言反馈</a> - 联系我们:wmxa8@hotmail.com </div> <div class="height30px"> © 2014 <a href="http://www.bubuko.com" title="bubuko.com技术分享">bubuko.com</a> 版权所有 </div> <div> <span class="colorlv">打开技术之扣,分享程序人生!</span> </div> <div class="paddingtop20 paddingbottom20"> <script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?5bb992e19249070395266c385ebea7c6"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script>        <script> (function () { var bp = document.createElement('script'); var curProtocol = window.location.protocol.split(':')[0]; if (curProtocol === 'https') { bp.src = 'https://zz.bdstatic.com/linksubmit/push.js'; } else { bp.src = 'http://push.zhanzhang.baidu.com/push.js'; } var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(bp, s); })(); </script> </div> </div> <div class="divfloatright width500px"> </div> <div class="divfloatclear"> </div> </div> </div> <script type="text/javascript"> toptopmenu_i = "3"; infomenu_i = "11"; var mid = ''; var id = '2423820'; var idm = '3d974b'; var commentitemcount = '0'; var memberhost = ''; prettyPrint(); </script> <script src="/js/infodetail.js" type="text/javascript" charset="utf-8"></script> <script src="/js/member.js" type="text/javascript" charset="utf-8"></script> <script src="/js/bubukojs.js" type="text/javascript"></script> </body> </html>