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. 制作首页的显示列表。

    1. 在首页添加显示问答的列表,并定义好相应的样式. 无序列表 <ul > <li>Coffee</li> <li>Tea</li> < ...

  2. 二十九、制作首页的显示列表

    1.在首页添加显示问答的列表,并定义好相应的样式. 无序列表 <ul > <li>Coffee</li> <li>Tea</li> < ...

  3. 【297天】我爱刷题系列056(2017.11.29)

    叨叨两句 搞定 牛客网--java专项练习036 1 抽象类方法的访问权限默认都是public.( ) 正确答案: B 你的答案: A (错误) 正确 错误 关于抽象类 JDK 1.8以前,抽象类的方 ...

  4. 【2017.11.29 周三 转载之李航博士的文章:大数据分析到底需要多少种工具?】...

    原文地址:http://blog.sina.com.cn/s/blog_7ad48fee0102vb9c.html 摘要 JMLR杂志上最近有一篇论文,作者比较了179种不同的分类学习方法(分类学习算 ...

  5. 《Splunk智能运维实战》——3.11 制作折线图显示项目浏览量和购买量随时间的变化...

    本节书摘来自华章计算机<Splunk智能运维实战>一书中的第3章,第3.11节,作者 [美]乔史·戴昆(Josh Diakun),保罗R.约翰逊(Paul R. Johnson),德莱克· ...

  6. 让wordpress首页和分类列表页只显示文章标题列表

    http://up2u.72pines.com/2009/07/rangwordpressshouyehefenleiliebiaoyezhixianshiwenzhangbiaotiliebiao/ ...

  7. 51CTO博客将于2017年7月完成首页改版(7月11日下午上线啦)

    各位博友,51CTO博客将在2017年7月完成首页改版,发布全新logo,提升UI视觉体验,展示更多好文章.好博主,是不是很期待呢?关于这次改版,欢迎大家留言. 亲们,博客首页将于7月11日(就在今天 ...

  8. 后台管理制作首页组件及ui框架的使用

    制作首页组件 整体结构分为左右结构,右边分为上下结构布局 1.左侧菜单项添加 2.顶部 3.下边框显示栏 使用Element-ui框架中的Container 布局容器 页面整体布局 <div c ...

  9. 日常总结2017/11/4

    .LOG /********************************************************************************************** ...

最新文章

  1. Android第三十四期 - 极光推送
  2. uploadify 上传文件并带有随机数文件名生成
  3. golang中的strings.EqualFold
  4. 已被管理员、加密政策或凭据存储停用
  5. HDU-5935 Car 逆推 贪心 精度
  6. Hibernate 异常org.hibernate.LazyInitializationException: could not initialize proxy - no Session
  7. SpringCloud Gateway 快速入门_01
  8. java 从m个数中均匀找出n个数_M个数里面找出最大的N个数
  9. (day 35 - 自定义排序规则 )剑指 Offer 45. 把数组排成最小的数
  10. FMS3 客户端call服务器端
  11. matlab simulink光伏发电系统MPPT算法
  12. 各行业赫芬达尔指数表(2013-2018年)
  13. python pymysql模块下载_python开发11之PyMySQL模块
  14. html父子页面关系,html元素的父子关系的使用
  15. ccf201809-2买菜
  16. StoneDB完成华为鲲鹏国产处理器适配认证!
  17. 一文详细理解计算机网络体系结构(考试和面试必备)
  18. VUE3祖孙组件传值调用方法
  19. 行长和副行长笑而不语
  20. c语言char+s+qwr的意思,qwr(qwr是什么意思)

热门文章

  1. 如何成为合格的数据分析师
  2. Notes on UNPv1 Ch.5
  3. TypeScript内置对象
  4. C++---内联函数与宏
  5. jsoup 获取html中body内容_JSOUP获取资源
  6. 前端如何实现网络速度测试功能_如何通过fiddler的断点功能,来实现不同场景的测试...
  7. 雷军是这样评价马斯克的
  8. 那些兼职中你不知道的事
  9. 创业几乎不要本钱,是创业圈内最大的谎言
  10. 每个人都可以创业成功,不要急于求成,慢慢来