## 基础使用

    $ vim app/templates/index.html

    > <html>

    >   <head>

    >     <title>{{title}} - microblog</title>

    >   </head>

    >   <body>

    >       <h1>Hello, {{user.nickname}}!</h1>

    >   </body>

    > </html>

    $ vim app/views.py

    > from flask import render_template

    > from app import app

    >

    > @app.route('/')

    > @app.route('/index')

    > def index():

    >     user = { 'nickname': 'Miguel' } # fake user

    >     return render_template("index.html",

    >         title = 'Home',

    >         user = user)

## 模板中控制语句( if-else for )

    $ vim app/templates/index.html

    > <html>

    >   <head>

    >     {% if title %}

    >     <title>{{title}} - microblog</title>

    >     {% else %}

    >     <title>microblog</title>

    >     {% endif %}

    >   </head>

    >   <body>

    >     <h1>Hi, {{user.nickname}}!</h1>

    >     {% for post in posts %}

    >     <p>{{post.author.nickname}} says: <b>{{post.body}}</b></p>

    >     {% endfor %}

    >   </body>

    > </html>   

    $ vim app/views.py

    > def index():

    >     user = { 'nickname': 'Miguel' } # fake user

    >     posts = [ # fake array of posts

    >         {

    >             'author': { 'nickname': 'John' },

    >             'body': 'Beautiful day in Portland!'

    >         },

    >         {

    >             'author': { 'nickname': 'Susan' },

    >             'body': 'The Avengers movie was so cool!'

    >         }

    >     ]

    >     return render_template("index.html",

    >         title = 'Home',

    >         user = user,

    >         posts = posts)

## 模板继承

    $ vim app/templates/base.html

    <html>

      <head>

        {% if title %}

        <title>{{title}} - microblog</title>

        {% else %}

        <title>microblog</title>

        {% endif %}

      </head>

      <body>

        <div>Microblog: <a href="/index">Home</a></div>

        <hr>

        {% block content %}{% endblock %}

      </body>

    </html>

    $ vim app/templates/index.html

    {% extends "base.html" %}

    {% block content %}

    <h1>Hi, {{user.nickname}}!</h1>

    {% for post in posts %}

    <div><p>{{post.author.nickname}} says: <b>{{post.body}}</b></p></div>

    {% endfor %}

    {% endblock %}

Flask02-Template的更多相关文章

  1. 为.NET Core项目定义Item Template

    作为这个星球上最强大的IDE,Visual Studio不仅仅提供了很多原生的特性,更重要的是它是一个可定制的IDE,比如自定义Project Template和Item Template就是一个非常 ...

  2. jQuery.template.js 简单使用

    之前看了一篇文章<我们为什么要尝试前后端分离>,深有同感,并有了下面的评论: 我最近也和前端同事在讨论这个问题,比如有时候前端写好页面给后端了,然后后端把这些页面拆分成很多的 views, ...

  3. 2000条你应知的WPF小姿势 基础篇<69-73 WPF Freeze机制和Template>

    在正文开始之前需要介绍一个人:Sean Sexton. 来自明尼苏达双城的软件工程师.最为出色的是他维护了两个博客:2,000ThingsYou Should Know About C# 和 2,00 ...

  4. tornado template

    若果使用Tornado进行web开发可能会用到模板功能,页面继承,嵌套... 多页应用模板的处理多半依赖后端(SPA就可以动态加载局部视图),就算是RESTfull的API设计,也不妨碍同时提供部分模 ...

  5. 设计模式(九): 从醋溜土豆丝和清炒苦瓜中来学习"模板方法模式"(Template Method Pattern)

    今天是五.四青年节,祝大家节日快乐.看着今天这标题就有食欲,夏天到了,醋溜土豆丝和清炒苦瓜适合夏天吃,好吃不上火.这两道菜大部分人都应该吃过,特别是醋溜土豆丝,作为“鲁菜”的代表作之一更是为大众所熟知 ...

  6. C++泛型编程：template模板

    泛型编程就是以独立于任何特定类型的方式编写代码,而模板是C++泛型编程的基础. 所谓template,是针对“一个或多个尚未明确的类型”所编写的函数或类. 使用template时,可以显示的或隐示的将 ...

  7. 新手入门Underscore.js 中文（template）

    Underscore.js是一个很精干的库,压缩后只有4KB.它提供了几十种函数式编程的方法,弥补了标准库的不足,大大方便了javaScript的编程.MVC框架Backbone.js就将这个库作为自 ...

  8. knockoutjs如何动态加载外部的file作为component中的template数据源

    玩过knockoutjs的都知道,有一个强大的功能叫做component,而这个component有个牛逼的地方就是拥有自己的viewmodel和template, 比如下面这样: ko.compon ...

  9. JavaScript模板引擎artTemplate.js——template.helper()方法

    上一篇文章我们已经讲到了helper()方法,但是上面的例子只是一个参数的写法,如果是多个参数,写法就另有区别了. <div id="user_info"></d ...

  10. linux下, 再次遇到使用thinkphp的模板标签时,报错used undefined function \Think\Template\simplexml_load_string() 是因为没有安装 php-xml包

    linux下, 使用thinkphp的模板标签,如 eq, gt, volist defined, present , empty等 标签时, 报错: used undefined function ...

随机推荐

  1. 【MobileNet-V1】-2017-CVPR-MobileNets Efficient Convolutional Neural Networks for Mobile Vision Applications-论文阅读

    2017-CVPR-MobileNets Efficient Convolutional Neural Networks for Mobile Vision Applications Andrew H ...

  2. Keycloak快速上手指南，只需10分钟即可接入Spring Boot/Vue前后端分离应用实现SSO单点登录

    登录及身份认证是现代web应用最基本的功能之一,对于企业内部的系统,多个系统往往希望有一套SSO服务对企业用户的登录及身份认证进行统一的管理,提升用户同时使用多个系统的体验,Keycloak正是为此种 ...

  3. Chisel3 - Tutorial - ByteSelector

    https://mp.weixin.qq.com/s/RQg2ca1rwfVHx_QG-IOV-w   字节选择器.   参考链接: https://github.com/ucb-bar/chisel ...

  4. 【HIVE】（1）建表、导入数据、外部表、导出数据

    导入数据 1). 本地 load data local inpath "/root/example/hive/data/dept.txt" into table dept; 2). ...

  5. Qcom rampdump解析工具使用

    使用如下命令获取qcom工具: ljj@ljj-ThinkCentre-M83:~/git/qcom_tools/ramdump$ git clone git://codeaurora.org/qui ...

  6. Java实现 LeetCode 780 到达终点（逻辑题）

    780. 到达终点 从点 (x, y) 可以转换到 (x, x+y) 或者 (x+y, y). 给定一个起点 (sx, sy) 和一个终点 (tx, ty),如果通过一系列的转换可以从起点到达终点,则 ...

  7. Java实现 LeetCode 284 顶端迭代器

    284. 顶端迭代器 给定一个迭代器类的接口,接口包含两个方法: next() 和 hasNext().设计并实现一个支持 peek() 操作的顶端迭代器 – 其本质就是把原本应由 next() 方法 ...

  8. Java实现 LeetCode 69 x的平方根

    69. x 的平方根 实现 int sqrt(int x) 函数. 计算并返回 x 的平方根,其中 x 是非负整数. 由于返回类型是整数,结果只保留整数的部分,小数部分将被舍去. 示例 1: 输入: ...

  9. sql server 连接种类

    一.连接种类 内连接 inner join 如果分步骤理解的话,内连接可以看做先对两个表进行了交叉连接后,再通过加上限制条件(SQL中通过关键字on)剔除不符合条件的行的子集,得到的结果就是内连接了. ...

  10. struts用action的属性接收参数

    新建一个javaweb项目 在项目中加入Struts.xml( 选中项目右键MyEclipse-->project facets-->Struts2-->finish) 在src项目 ...