flask后台框架1.2(模板渲染+参数传递+if,for语句)

模板渲染

之前我们已经看了怎样去构建这么一整套的网站框架,那么既然我们已经搭建好了网站的框架,那么这时候就要开始去对网站的内容 进行填充了。

@app.route('/login/')
def login(username):
    return('这是登陆页面 %s' % username)

如果不渲染模板的话,flask后台文件是这样的对于某个页面来说,如果我们访问了当前的这个页面也只会打印出来几个我们return语句中见的句子,并没有什么样式之类的东西,所以我们这里来看我们左边的其他文件
在这里插入图片描述
其中有一个空文件夹名字叫做 templates 这就是我们存放html文件的地方,我们构建好 html 文件之后,我们就可以把html的整套文件放在这里,然后在我们的flask后台文件中,return语句对这些文件进行渲染,那么我们就轻而易举的获取了我们html中比较好看的页面!

模板渲染需要我们新import一个函数叫render_template

from flask import Flask, url_for, redirect, render_template

最后一个,现在就是我们目前的所有的用到的库和函数,接下来关于render_template的用法

@app.route('/')
def hello_world():
 	return render_template('index.html')

如上就是用法,替换return中的说明语句就行了。
在这里插入图片描述
通过浏览器访问的页面是
在这里插入图片描述

参数传递

上面说了如何渲染一个模板,进而来使访问到的页面是我们的html文件,接下来既然能够访问到我的页面的话,就来看看参数是怎么从后台的python文件中传递到前端的页面中的,毕竟一个网站的后台和前端的交互是必不可少的!

@app.route('/')
def hello_world():
   user = {
        'user':'cxk',
        'id':'鸡你太美'
    }
return render_template('demo.html',user = user)

此处我们定义了一个字典叫 user 中间我们传递了几个值,接下来看html中我们怎样了来进行调用

<p>c徐坤:{{ user.user }}</p>

在这里插入图片描述
我们使用一对花括号 {{ 变量名称 }} 来直接调用后台的变量获取内容,很方便!

if,for语句

如果我们需要去重复大量的工作,比如我们需要去构建一个评论的后台网站,那么是不是一个循环往往是最方便的!还那我们上一个的例子来看一下循环。

@app.route('/')
    def hello_world():
       user = {
            'user':'cxk',
            'id':'鸡你太美'
        }
    return render_template('demo.html',user = user)

这还是后台的文件,此时,我们希望前端来循环输出user中的值。

{% for k,v in user.items() %}
    <p>{{ k }} : {{ v }}</p>
{% endfor %}

跟python中的写法很相似,只不过都是在前端写的,写在html文件中,结果:

在这里插入图片描述
同样的,if语句是同理,就不多做赘述了,告辞。

  • 3
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值