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

今天我们继续模板的知识，现在我们增加字典的复杂度，这个时候在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. ItemsControl的应用

    ItemsControl是集合类控件的基类,如:ListBox.ComboBox.TreeView 所以,我们可以直接应用“ItemsControl”自定义我们“需要的”集合类型控件

  2. nyoj117——树状数组升级版（树状数组+离散化）

    求逆序数 时间限制:2000 ms  |  内存限制:65535 KB 难度:5   描述 在一个排列中,如果一对数的前后位置与大小顺序相反,即前面的数大于后面的数,那么它们就称为一个逆序.一个排列中 ...

  3. IOS UI-自定义UIColectionView布局

    ViewController.m // // ViewController.m // IOS_0226_自定义UIColectionView布局 // // Created by ma c on 16 ...

  4. 【Python】什么是闭包

    文章转载自:点这里 在 Python 中很多教材都没有提及什么是闭包,但在定义一个 Decorator 时,就已经用到闭包了.如果不理解什么是闭包,则不可能清晰掌握Decorator 装饰器. 要形成 ...

  5. ZOJ 2965 Accurately Say "CocaCola"!(预处理)

    Accurately Say "CocaCola"! Time Limit: 2 Seconds      Memory Limit: 65536 KB In a party he ...

  6. Sql sever 事务

    SQL事务 一.事务概念    事务是一种机制.是一种操作序列,它包含了一组数据库操作命令,这组命令要么全部执行,要么全部不执行.因此事务是一个不可分割的工作逻辑单元.在数据库系统上执行并发操作时事务 ...

  7. *SCM-MANAGER独立部署方式

    从官网获取最新版本 scm-manager 独立安装包 https://www.scm-manager.org/download/ 解压 为合适的路径 修改 services.bat 文件服务相关信息 ...

  8. Javascript-- jQuery动画篇(淡入淡出效果)

    淡入淡出效果 jQuery 提供了下面几种方法可以实现显示的淡入淡出效果: fadeIn() fadeOut() fadeToggle() fadeTo() fadeIn()方法 fadeIn()实现 ...

  9. Python模块化

    在Python中,一个.py文件就称之为一个模块(Module). 模块化的好处: 1.大大提高了代码的可维护性. 2.编写代码不必从零开始.当一个模块编写完毕,就可以被其他地方引用.我们在编写程序的 ...

  10. Falsk项目cookie中的 csrf_token 和表单中的 csrf_token实现

    Flask中请求体的请求开启CSRF保护可以按以下配置 from flask_wtf.csrf import CSRFProtect app.config.from_object(Config) CS ...