制作首页的显示列表(2017.11.29)
1. 在首页添加显示问答的列表,并定义好相应的样式。
无序列表
<ul >
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ul>
代码如下:
{% extends 'base.html' %} {% block title %}首页{% endblock %} {% block head %}<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"><link rel="stylesheet" type="text/css" href="../static/css/shouye.css"> {% endblock %} {% block main %}<div class="question-box"><img src=http://p1.so.qhimgs1.com/t01e53e241b251ff5e1.jpg style="width: 50px"><ul class="list-group"><li clsss="list=group-item"><span class="glyphicon glyhicon-leaf" aria-hidden="true"></span><a href="https://baike.so.com/doc/5378936-10455664.html">中文名/外文名:{{ user }}</a><br><a href="https://baike.so.com/doc/5378936-10455664.html">剧情标题:{{ title }}</a><br><span class="badge">首播时间:{{ time }}</span><p style="color: indianred">view:{{ detail }}</p><div class="img"><a herf="https://baike.baidu.com/item/%E6%9D%8E%E6%98%93%E5%B3%B0/3908480?fr=aladdin"><img src="https://gss1.bdstatic.com/-vo3dSag_xI4khGkpoWK1HF6hhy/baike/c0%3Dbaike272%2C5%2C5%2C272%2C90/sign=1c3a441f8a025aafc73f76999a84c001/b21bb051f8198618fb53ed5b42ed2e738ad4e6dd.jpg"></a><div class="desc"><a href="https://baike.baidu.com/item/%E9%BA%BB%E9%9B%80/17612774">麻雀</a></div></div></li></ul></div> {% endblock %}
2. 用字典向index.html传递参数
@app.route('/shouye/') def shouye():context={'user':'麻雀/Sparrow:','title': '时尚谍战偶像民国大戏','time': '2016年9月5日','detail':'《麻雀》在逐渐推进中设置了环环相扣的悬念,一波未平一波又起,紧凑的叙事节奏渲染出惊心动魄的紧张氛围,精彩好看。'}return render_template('shouye.html',**context)
结果如下:
转载于:https://www.cnblogs.com/laidaili/p/7921039.html
制作首页的显示列表(2017.11.29)相关推荐
- 制作首页的显示列表。
1. 在首页添加显示问答的列表,并定义好相应的样式. 无序列表 <ul > <li>Coffee</li> <li>Tea</li> < ...
- 二十九、制作首页的显示列表
1.在首页添加显示问答的列表,并定义好相应的样式. 无序列表 <ul > <li>Coffee</li> <li>Tea</li> < ...
- 【297天】我爱刷题系列056(2017.11.29)
叨叨两句 搞定 牛客网--java专项练习036 1 抽象类方法的访问权限默认都是public.( ) 正确答案: B 你的答案: A (错误) 正确 错误 关于抽象类 JDK 1.8以前,抽象类的方 ...
- 【2017.11.29 周三 转载之李航博士的文章:大数据分析到底需要多少种工具?】...
原文地址:http://blog.sina.com.cn/s/blog_7ad48fee0102vb9c.html 摘要 JMLR杂志上最近有一篇论文,作者比较了179种不同的分类学习方法(分类学习算 ...
- 《Splunk智能运维实战》——3.11 制作折线图显示项目浏览量和购买量随时间的变化...
本节书摘来自华章计算机<Splunk智能运维实战>一书中的第3章,第3.11节,作者 [美]乔史·戴昆(Josh Diakun),保罗R.约翰逊(Paul R. Johnson),德莱克· ...
- 让wordpress首页和分类列表页只显示文章标题列表
http://up2u.72pines.com/2009/07/rangwordpressshouyehefenleiliebiaoyezhixianshiwenzhangbiaotiliebiao/ ...
- 51CTO博客将于2017年7月完成首页改版(7月11日下午上线啦)
各位博友,51CTO博客将在2017年7月完成首页改版,发布全新logo,提升UI视觉体验,展示更多好文章.好博主,是不是很期待呢?关于这次改版,欢迎大家留言. 亲们,博客首页将于7月11日(就在今天 ...
- 后台管理制作首页组件及ui框架的使用
制作首页组件 整体结构分为左右结构,右边分为上下结构布局 1.左侧菜单项添加 2.顶部 3.下边框显示栏 使用Element-ui框架中的Container 布局容器 页面整体布局 <div c ...
- 日常总结2017/11/4
.LOG /********************************************************************************************** ...
最新文章
- Android第三十四期 - 极光推送
- uploadify 上传文件并带有随机数文件名生成
- golang中的strings.EqualFold
- 已被管理员、加密政策或凭据存储停用
- HDU-5935 Car 逆推 贪心 精度
- Hibernate 异常org.hibernate.LazyInitializationException: could not initialize proxy - no Session
- SpringCloud Gateway 快速入门_01
- java 从m个数中均匀找出n个数_M个数里面找出最大的N个数
- (day 35 - 自定义排序规则 )剑指 Offer 45. 把数组排成最小的数
- FMS3 客户端call服务器端
- matlab simulink光伏发电系统MPPT算法
- 各行业赫芬达尔指数表(2013-2018年)
- python pymysql模块下载_python开发11之PyMySQL模块
- html父子页面关系,html元素的父子关系的使用
- ccf201809-2买菜
- StoneDB完成华为鲲鹏国产处理器适配认证!
- 一文详细理解计算机网络体系结构(考试和面试必备)
- VUE3祖孙组件传值调用方法
- 行长和副行长笑而不语
- c语言char+s+qwr的意思,qwr(qwr是什么意思)