请关注微信公众号：自动化测试实战

今天我们继续模板的知识，现在我们增加字典的复杂度，这个时候在render_template第二个参数可以传**title，以后我们会用**context代替原来的title=title。

# coding: utf-8

from flask import Flask, render_template

app = Flask(__name__)  # type: Flask
app.debug = True

@app.route('/')
def hello_world():

    title = {"tPrize": "key",
             "info": {"name": u"Warren",
                      "age": 18,
                      "gender": u"男"},
             "val": {"title": u'标题',
                     "content": u'内容'}}
    
    return render_template('post/index.html', **title)
    

if __name__ == '__main__':

    app.run()

相应的我们的index.html文件也要做一些修改，就是将变量处的传参改为具体的key值，比如我们想获取title里面的info值，那么我们只需要在大胡须里写info即可：

<!DOCTYPE html>

<html lang="en">
<head>

    <meta charset="UTF-8">

    <title>这里是title</title>
</head>
<body>

    <h1>{{ info }}</h1>

</body>
</html>

执行代码可以看到页面显示的是info的值：

在html中，注释用{# 注释内容 #}，快捷键是ctrl+/比如：

现在我们新建一个登录的html文件

代码（方便大家复制）

<!DOCTYPE html>
<html lang="en">
<head>

    <meta charset="UTF-8">

    <title>登录页面</title>
</head>
<body>

    这是登录页面
</body>
</html>

在主文件中新建login方法：

@app.route('/login/')
def login():

    return render_template('login.html')

在index.html文件中增加一行超链接：<a href='#'>链接到登录页面</a>

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>这里是title</title>

</head>

<body>

{#    <p>这段代码被注释了</p>#}

    <h1>{{ info }}</h1>

    <a href="#">链接到登录页面</a>

</body>

</html>

现在我们想要跳转页面，那么超链接里`href`就要写跳转的url，如果粗鲁一点就直接写'/login/'，这样肯定是可以的：

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>这里是title</title>

</head>

<body>

{#    <p>这段代码被注释了</p>#}

    <h1>{{ info }}</h1>

    <a href="/login/">链接到登录页面</a>

</body>

</html>

但是如果下次登录页面变成/post/login/我们还要来修改这里的路径，所以这时候我们就要用到url_for了。将地址改为：{{  url_for('login') }}即可，注意，url_for里面的传参是函数名，这样我们即使修改路径，只要不修改函数名，那么就不必每次都来修改这里的链接值了。

我们来页面上通过开发者工具查看一下，发现给的路径就是'login'：

只要我们点击“链接到登录页面”，页面就会到转到127.0.0.1:5000/login/了。

最后附上本节的所有代码，方便大家自己下去操作：

结构：

index.html

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>这里是title</title>

</head>

<body>

{#    <p>这段代码被注释了</p>#}

    <h1>{{ info }}</h1>

    <a href="{{ url_for('login') }}">链接到登录页面</a>

</body>

</html>

rendertemplateDemo.py

# coding: utf-8

from flask import Flask, render_template

app = Flask(__name__)  # type: Flask

app.debug = True

@app.route('/')

def hello_world():

    title = {"tPrize": "key",

             "info": {"name": u"Warren",

                      "age": 18,

                      "gender": u"男"},

             "val": {"title": u'标题',

                     "content": u'内容'}}

    return render_template('post/index.html', **title)

@app.route('/login/')

def login():

    return render_template('login.html')

if __name__ == '__main__':

    app.run()

login.html

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>登录页面</title>

</head>

<body>

    这是登录页面

</body>

</html>

flask第十九篇——模板【3】的更多相关文章

  1. flask第二十二篇——模板【4】过滤器

    请关注微信公众号:自动化测试实战 先来教大家一个pycharm设置默认模板的方法.我们每次新建模板或者平时写代码打开以后可能都要重复写# coding: utf-8这些代码,其实我们可以设置好模板,让 ...

  2. flask第十八篇——模板【2】

    请关注公众号:自动化测试实战 上一节我们介绍了模板的基本使用方法,现在我们想一个问题,如果把index.html放到template文件夹下面的文件夹该怎么办呢?其实很容易,当文件夹结构如下图所示时: ...

  3. flask第二十九篇——一个例子+【更新内容通知】

    请关注公众号:自动化测试实战 大家先自己写一下,船长写这个花了半个小时,因为我和大家一样,也是新手: 写一个页面如下,点击书名以后跳转到书的详情页 书的信息如下: books = [ { 'id': ...

  4. flask第二十六篇——模板【控制语句】【2】

    如果你也在学flask,就请加船长的公众号:自动化测试实战 我们先补充一下for循环的知识,我们之前说过,flask是由Jinja2+sqlAlchemy+werkzeug组成的,我们现在学的控制语句 ...

  5. flask第二十四篇——模板【6】自定义过滤器

    请关注孟船长的公众号:自动化测试实战 大家想了解其他过滤器可以参考这里: http://jinja.pocoo.org/docs/dev/templates/#builtin-filters ---- ...

  6. Python之路【第十九篇】：爬虫

    Python之路[第十九篇]:爬虫   网络爬虫(又被称为网页蜘蛛,网络机器人,在FOAF社区中间,更经常的称为网页追逐者),是一种按照一定的规则,自动地抓取万维网信息的程序或者脚本.另外一些不常使用 ...

  7. Egret入门学习日记 --- 第十九篇（书中 8.8~8.10 节 内容）

    第十九篇(书中 8.8~8.10 节 内容) 开始 8.8节. 重点: 1.类型推断. 2.类型强制转换,使其拥有代码提示功能. 3.除了TS自带的类型判断,Egret官方也提供了类型判断的方法. 操 ...

  8. Android UI开发第三十九篇——Tab界面实现汇总及比较

    Tab布局是iOS的经典布局,Android应用中也有大量应用,前面也写过Android中TAb的实现,<Android UI开发第十八篇——ActivityGroup实现tab功能>.这 ...

  9. Flask最强攻略 - 跟DragonFire学Flask - 第十六篇 Flask-Migrate

    终于到了Flask-Migrate,之前在学习Flask-SQLAlchemy的时候,有的同学就提过类似的问题,Flask支持 makemigration / migrate 吗? 答案在这里该诉你, ...

随机推荐

  1. 解决httpclient因为保持永久长连接造成连接吊死的问题

    httpclient使用了连接池,如果没有设置keep-alive策略,PoolingHttpClientConnectionManager会默认使用永久连接. 最近在调用京东api时,发现一个请求开 ...

  2. 正确使用iOS常量（const）、enum以及宏（#define）

    前言:本文主要梳理iOS中如何使用常量.enum.宏,以及各自的使用场景. 重要的事情首先说:在iOS开发中请尽量多使用const.enum来代替宏定义(#define):随着项目工程的逐渐增大,过多 ...

  3. DML,DML,DCL,DQL

    可以先看看这篇微博:http://blog.csdn.net/jiben2qingshan/article/details/7832344 http://blog.163.com/chenwenlin ...

  4. PHP返回32位与16位的md5加密值

    字符串“123456”,经过md5算法加密之后是 32位: e10adc3949ba59abbe56e057f20f883e16位: 49ba59abbe56e057 PHP自带的 md5() 函数, ...

  5. 《深入理解mybatis原理7》 MyBatis的二级缓存的设计原理

    <深入理解mybatis原理> MyBatis的二级缓存的设计原理 MyBatis的二级缓存是Application级别的缓存,它可以提高对数据库查询的效率,以提高应用的性能.本文将全面分 ...

  6. 原生javascript-无间缝滚动，封装

    目前支持的是竖向与横向滚动 http://lgy.1zwq.com/marScroll/ 现在分析下无间缝实现的基本思路(竖向例子): HTML结构: <div id="marScro ...

  7. main函数的参数：argc和argv

    程序一般是从main函数开始执行的,main函数标准格式: int main(int argc,char **argv) 其中argc是来自shell(或CMD)的参数的个数,argv是char型的二 ...

  8. 禁用iPhone手机浏览器上给电话号码自动加上的link样式（苹果手机自动给手机号加样式）

    原文地址:http://blog.csdn.net/atec2000/article/details/44631633 iPhone手机上的浏览器(如Safari),在解析网页的时候会自动给 像是电话 ...

  9. gitblit-部署

    什么是 Gitblit Gitblit是一个开源的用于管理,查看和提供Git仓库. 它主要设计为希望托管集中存储库的小工作组的工具. Gitblit有什么特点 Gitblit部署示例1 日常维护添加步 ...

  10. AndroidStudio构建常见错误解答解决思路

    一.Error:Configuration with name 'default' not found.解决思路 出现这问题的原因是你依赖的工程没有make project,意思是你导入项目的工程没有 ...