制作首页的显示列表。

1. 在首页添加显示问答的列表，并定义好相应的样式。

无序列表

<ul >

  <li>Coffee</li>

  <li>Tea</li>

  <li>Milk</li>

</ul>

2. 用字典向index.html传递参数。

首页HTML：

{% extends 'dh.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/sy.css">
{% endblock %}
{% block main %}
    <div class="nr-box">
        <ul class="list-group">
            <li class="list-group-item">
                <a href="#">{{ username }}</a><br>
                <p><a href="#">问题：{{ title }}</a></p><br>
                <p><a href="#">详情：{{ detail }}</a></p><br>
                <span class="badge" style="margin-left: 60%">{{ creat_time }}发布时间</span>
                <p style="margin-left: 25%"></p>
            </li>
            <br>
            <li class="list-group-item">
                <a href="#">{{ username }}</a><br>
                <p>啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦~</p><br>
                <p>啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊!</p><br>
                <span class="badge" style="margin-left: 60%">{{ creat_time }}发布时间</span>
                <p style="align-content: center"></p>
            </li>
        </ul>

    </div>
{% endblock %}

主py文件：

@app.route('/')
def sy():
    context={
        'title':'厉害不，牛逼不？',
        'detail': '厉害！牛逼！哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈~',
    }
    return render_template('sy.html',**context)

 

转载于:https://www.cnblogs.com/qisq/p/7941280.html