为了账号安全,请及时绑定邮箱和手机立即绑定

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

标签:
Html5 CSS3 Django

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://img1.sycdn.imooc.com//636d1a630001431403150066.jpg


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




渲染list对象类型


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


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





渲染 dict 复杂数据类型

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


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


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


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


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

成功获取!!!



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



点击查看更多内容
TA 点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
数据库工程师
手记
粉丝
5
获赞与收藏
0

关注作者,订阅最新文章

阅读免费教程

  • 推荐
  • 评论
  • 收藏
  • 共同学习,写下你的评论
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消