## 基础使用

    $ 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. Java面向对象 类与对象与方法的储存情况

    栈.堆.方法区 类(含方法)储存在方法区 main函数入栈 堆里面存储方法区中类与方法的地址 main函数调用方法,找堆里面方法的地址,再从方法区找到对应函数,函数入栈,用完出栈 总结: 1.类.方法 ...

  2. 从0开始探究vue-组件化-组件之间传值

    理解 Vue中有个非常重要的核心思想,就是组件化,组件化是为了代码复用 什么是组件化 组件化,就像一个电脑主机里的主板,有内存条的插口,有硬盘,光驱等等的插口,我们的项目,就像一个电脑主机,通过各种组 ...

  3. @Transactional 注解失效场景

    @Transactional可以用在接口.类.类方法上. 作用于类:当把@Transactional注解放在类上时,表示该类的所有public方法都配置了该事物注解. 作用于方法:表示该方法配置了事物 ...

  4. Java实现 LeetCode 815 公交路线（创建关系+BFS）

    815. 公交路线 我们有一系列公交路线.每一条路线 routes[i] 上都有一辆公交车在上面循环行驶.例如,有一条路线 routes[0] = [1, 5, 7],表示第一辆 (下标为0) 公交车 ...

  5. （Java实现） 均分纸牌

    题目描述 有 N 堆纸牌,编号分别为 1,2,-, N.每堆上有若干张,但纸牌总数必为 N 的倍数.可以在任一堆上取若于张纸牌,然后移动. 移牌规则为:在编号为 1 堆上取的纸牌,只能移到编号为 2 ...

  6. Java实现 蓝桥杯VIP 算法训练 星际交流

    算法训练 星际交流 时间限制:1.0s 内存限制:256.0MB 问题描述 人类终于登上了火星的土地并且见到了神秘的火星人.人类和火星人都无法理解对方的语言,但是我们的科学家发明了一种用数字交流的方法 ...

  7. Java实现蓝桥杯勇者斗恶龙

    勇者斗恶龙 你的王国里有一条n个头的恶龙,你希望雇一些骑士把它杀死(即砍掉所有头). 村里有m个骑士可以雇佣,一个能力值为x的骑士可以砍掉恶龙一个直径不超过x的头, 且需要支付x个金币.如何雇佣骑士才 ...

  8. Java实现 LeetCode 31下一个排列

    31. 下一个排列 实现获取下一个排列的函数,算法需要将给定数字序列重新排列成字典序中下一个更大的排列. 如果不存在下一个更大的排列,则将数字重新排列成最小的排列(即升序排列). 必须原地修改,只允许 ...

  9. C语言深入理解通过指针引用多维数组（指针中使用起始地址 元素地址 元素值的区分）

    #include "pch.h" #include <iostream> #include<stdio.h> int main() { // std::co ...

  10. java实现第五届蓝桥杯斐波那契

    斐波那契 标题:斐波那契 斐波那契数列大家都非常熟悉.它的定义是: f(x) = 1 .... (x=1,2) f(x) = f(x-1) + f(x-2) .... (x>2) 对于给定的整数 ...