Java教程

【金秋打卡】第18天 模板变量的使用

本文主要是介绍【金秋打卡】第18天 模板变量的使用,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

1.课程名称:渲染python中的变量


课程章节:模板变量的使用,渲染python中的变量


2.课程内容:


https://img3.sycdn.imooc.com/636cfb7f0001ca3b12930675.jpg


语法{{variable}}


当模板引擎遇到一个变量,他将计算这个变量,然后结果替换掉它的本身


变量名称中不能有空格或标点符号



渲染静态图片

https://img3.sycdn.imooc.com/636cfc6b000132be12140641.jpg




图片地址的变量

img_url = '/...../..../....'


模板文件中渲染

<img class="lazyload" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB/AAffA0nNPuCLAAAAAElFTkSuQmCC" data-original="{{img_url}}alt=''可爱的狗"/>



测试渲染普通的字符串


在template模板下添加一个html

https://img3.sycdn.imooc.com/636d13c70001855104260382.jpg


url访问路径写入

https://img2.sycdn.imooc.com/636d13ec00014e1308530453.jpg


views 渲染函数

https://img1.sycdn.imooc.com/636d14170001956109730498.jpg


填写上 img_url路径 是为了把参数传给模板

https://img2.sycdn.imooc.com/636d14a10001be8e03910075.jpg

指定一个模板,模板里加入html

https://img3.sycdn.imooc.com/636d14b700010a4a03880037.jpg

然后把img_url  传递过去

https://img3.sycdn.imooc.com/636d14ef00018dca07470350.jpg


html的img src 填入传过去的参数 img_url ,必需加上引号和括号

https://img3.sycdn.imooc.com/636d155b0001764805160310.jpg

这样就可以接受到那边传过来的图片了


浏览器查看是否能接受后显示

https://img1.sycdn.imooc.com/636d15b6000179f011880681.jpg

成功获取



渲染字典对象


https://img1.sycdn.imooc.com/636d1a5700016d0003510098.jpg


https://img3.sycdn.imooc.com/636d1a630001431403150066.jpg


https://img2.sycdn.imooc.com/636d1a7500014d5d05490112.jpg




渲染list对象类型


https://img4.sycdn.imooc.com/636d1a9400016ec707900464.jpg


https://img4.sycdn.imooc.com/636d1aa90001355716630774.jpg





渲染 dict 复杂数据类型

https://img2.sycdn.imooc.com/636d1b860001365908320088.jpg


https://img1.sycdn.imooc.com/636d1cce00010c9906200290.jpg


https://img3.sycdn.imooc.com/636d1cdd0001c02904990242.jpg


https://img1.sycdn.imooc.com/636d1cee00016e6507500430.jpg


https://img2.sycdn.imooc.com/636d1d000001555d11640811.jpg

成功获取!!!



本节完!!O(∩_∩)O



这篇关于【金秋打卡】第18天 模板变量的使用的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!