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

今天我们继续模板的知识，现在我们增加字典的复杂度，这个时候在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. canvas drawimage绘制图像出错（默认canvas300*150）解决办法

    今天在开发中,再一次踩了以前踩过的坑,写完程序在这里写一下,分享给大家也避免再次遇坑. //默认的canvas <canvas id ="canvas"></ca ...

  2. python脚本9_打印斐波那契数列

    #打印斐波那契数列 f0 = 0 f1 = 1 for n in range(2,101): fn = f1 + f0 if fn <= 100: print(fn) f0 = f1 f1 = ...

  3. Android我的便签-----SQLite的使用方法

    在Android开发中也有数据库的存在,最近有空,把以前写的一个便签来讲述一下Android中的数据库,跟大家分享分享的,希望对大家有所帮助. SQLite简介 SQLite,是一款轻量级的关系型数据 ...

  4. Python list降序排序

    test = [6,1,2,3,4,5] a = sorted(test,reverse=True) print a 结果如下: [6, 5, 4, 3, 2, 1] 你可以参考下sorted,里面是 ...

  5. php上传多文件max_file_uploads限制问题

    在PHP程序中,常常会遇到这种问题,上传附件时明明成功上传了很多附件,如图片等,但实际上只存在20个附件,或者直接报错无法上传. 在DEDECMS5.7编辑图集的时候,发现只要超过20张图片保存就会出 ...

  6. BZOJ2259 [Oibh]新型计算机

    话说hzwer你在坑爹?... 我按照你的建图交了上去,发现WA. 开始检查= =...过了好久,突然觉得画风不对...hzwer您建图错了啊!!! 后来看了看zky的终于知道了怎么回事>_&l ...

  7. js获取显示器、页面等高度 (转)

    网页可见区域宽:document.body.clientWidth网页可见区域高:document.body.clientHeight网页可见区域宽:document.body.offsetWidth ...

  8. Java复习1.基本知识

    Java语言概述 20131003 开头语: 开发领域,重要的编程语言基本都是C/C++,然后就是Java, C/C++就不用说了,另外掌握Java对你是有很大的帮助的,而且也会扩宽你的择业范围.同时 ...

  9. tsl/ssl 证书制作记录

    生成自签名证书 生成服务端秘钥 $ openssl genrsa -out server.key 1024 生成证书请求文件 编写配置文件openssl.cnf $ vi openssl.cnf [r ...

  10. css移动元素的几种方法

    一.当然是元素设定为postion: absolute, 然后控制 left, top 位置 二.元素增加overflow属性,然后设置元素的scrollLeft, scrollRight当做滚动条来 ...