## 基础使用

    $ 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. Chisel3 - 字面量（literal）

    https://mp.weixin.qq.com/s/uiW4k4DeguvYsG8LhHk2Ug 介绍Chisel3中基本数据类型的字面量的写法,及其背后的实现机制,也就是Scala隐式规则.   ...

  2. Java实现 洛谷 P1060 开心的金明

    题目描述 金明今天很开心,家里购置的新房就要领钥匙了,新房里有一间他自己专用的很宽敞的房间.更让他高兴的是,妈妈昨天对他说:"你的房间需要购买哪些物品,怎么布置,你说了算,只要不超过NN元钱 ...

  3. Java实现 蓝桥杯VIP 算法提高 文化之旅

    算法提高 文化之旅 时间限制:1.0s 内存限制:128.0MB 问题描述 有一位使者要游历各国,他每到一个国家,都能学到一种文化,但他不愿意学习任何一种文化超过一次(即如果他学习了某种文化,则他就不 ...

  4. CVE¬-2020-¬0796 漏洞复现（本地提权）

    CVE­-2020-­0796 漏洞复现(本地提权) 0X00漏洞简介 Microsoft Windows和Microsoft Windows Server都是美国微软(Microsoft)公司的产品 ...

  5. ASP.NET Core Blazor Webassembly 之 路由

    web最精妙的设计就是通过url把多个页面串联起来,并且可以互相跳转.我们开发系统的时候总是需要使用路由来实现页面间的跳转.传统的web开发主要是使用a标签或者是服务端redirect来跳转.那今天来 ...

  6. cocos2dx Android 使用ant 批量打包

    参考文章: 例子:http://www.2cto.com/kf/201305/208139.html http://blog.csdn.net/ljb_blog/article/details/127 ...

  7. list基本运用

    #include<iostream> #include<list> using namespace std; list<int>list1,list2; void ...

  8. ELK 收集交换机日志（以华为交换机为例）

    大概思路 交换机日志----> 服务器---->服务器rsyslog设置指定存储路径文件--->随后就跟elk 监控本机日志一样了 huawei switch: #指定发送消息基本, ...

  9. 使用vw进行移动端适配（nuxt项目）

    基于nuxt 2.0.0 一.安装postcss-px-to-viewport npm安装 npm install postcss-px-to-viewport --save-dev 或 yarn安装 ...

  10. test tt=0 <=>test(0)

    class test{ int mvalue; public: test(int i){ cout << "test(int i) =" << i < ...