## 基础使用

    $ 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. 前端和Nodejs的关系 简单理解

    前端使用JS脚本语言进行开发. JS脚本语言需要依赖一个平台运行,从而生成可视化的东西. Node.js提供这个平台,同时提供JS运行需要的一些插件.库.包.轮子.组件.功能等等. JavaScrip ...

  2. jchdl - RTL实例 - Counter4

    https://mp.weixin.qq.com/s/xtvMj5f-Uvx3vesVnH0P_A   计数器.   参考链接 https://github.com/wjcdx/jchdl/blob/ ...

  3. 细说Java多线程之内存可见性笔记

    个人博客网:https://wushaopei.github.io/    (你想要这里多有) 说明:多线程的内存可见性涉及到多线程间的数据争用,也涉及到了多线程间的数据可见性 一.共享变量在线程间的 ...

  4. 关于vue 中elementui 的表格边框隐藏

    最近写到一个项目需要实现边框隐藏,网上查找了好多笔记,回答都好含糊不清.为此,记录一下自己的实现方法: 需求: 要将如下表格边框去除                   效果图:           ...

  5. Java实现 蓝桥杯VIP 算法训练 完数

    问题描述 一个数如果恰好等于它的因子之和,这个数就称为"完数".例如,6的因子为1.2.3,而6＝1+2+3,因此6就是"完数".又如,28的因子为1.2.4. ...

  6. Java实现 蓝桥杯 算法提高 双十一抢购

    试题 算法提高 双十一抢购 资源限制 时间限制:1.0s 内存限制:256.0MB 问题描述 一年一度的双十一又来了,某网购网站又开始了半价销售的活动. 小G打算在今年的双十一里尽情地购物,以享受购买 ...

  7. Java实现第十届蓝桥杯特别数的和

    试题 F: 特别数的和 时间限制: 1.0s 内存限制: 512.0MB 本题总分:15 分 [问题描述] 小明对数位中含有 2.0.1.9 的数字很感兴趣(不包括前导 0),在 1 到 40 中这样 ...

  8. Python：求时间差（天时分秒格式）

    传入一个时间戳,以天时分秒格式打印出时间差 输入一个10位的时间戳,求出时间差 def time_diff(timestamp): onlineTime = datetime.datetime.fro ...

  9. FTP服务器上传工具，FTP服务器上传工具下载！

    IIS7服务器管理工具能够作为FTP的客户端,进行FTP的命令操作,可在客户端,下载,安装FTP软件! 同时,它也可以作为VNC的客户端,进行VNC的命令操作!它能够批量连接Windows和Linux ...

  10. python numpy 库

    引用文章:https://blog.csdn.net/xjl271314/article/details/80409034