制作首页的显示列表。

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

无序列表

<ul >

  <li>Coffee</li>

  <li>Tea</li>

  <li>Milk</li>

</ul>

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

{% block main %}
    <p>{{ username }} contextx</p>
    <ul class="new-list" >
    <li class="list-group" style="padding-left: 0px; padding-right: 10px; box-shadow: rgba(0, 0, 0, 0.498039) 0px 0px 0px 0px;">
        <p href="#">
            <div class="new-list-text">
                <div class="new-list-title"><a href="#">title</a></div>
                <div class="new-list-detail"><p>detail</p></div>
            </div>
            <div class="new-list-info">
                <span>
                    <i class="new-list-time"><a href="#"></a>create_time </i><br>
                    <i class="new-list-name"><a href="#"></a>zhuangyuan</i>
                </span>
            </div>
        </a>
    </li>
    </ul>
{% endblock %}

db.create_all()
# 首页
@app.route('/')
def index():
    context={
        'title':'title',
        'detail':'detail',
        'username': 'zhuangyuan',
        'create_time': 'create_time',
    }
    return render_template('base.html',**context)

运行结果：