制作首页的显示列表
1. 在首页添加显示问答的列表,并定义好相应的样式。
无序列表
<ul >
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ul>
{% block body %} <div class="container"> <div class="row clearfix"> <div class="col-md-1 column"> </div> <div class="col-md-6 column"> <ul> <li> <div class="row clearfix"> <div class="col-md-4 column"> <img alt="140x140" src="v3/default3.jpg"/> </div> <div class="col-md-8 column"> <div class="row clearfix"> <div class="col-md-12 column">广商证明周荣获智障大赛一等奖 </div> </div> <div class="row clearfix"> <div class="col-md-12 column">日前,智障大赛在广州商学院盛大举行,信息学院证明周同学在比赛中脱颖而出,荣获一等奖 </div> </div> <div class="row clearfix"> <div class="col-md-12 column"> <span class="label label-default">2017-11-29</span> <span class="label label-default">学院办公室</span> </div> </div> </div> </div> </li> </ul> </div> <div class="col-md-4 column"> </div> <div class="col-md-1 column"> </div> </div> </div> {% endblock %}
2. 用字典向index.html传递参数。
@app.route('/') def index(): context={ 'user':'xiaoliang', 'title':'adafafaf', 'time':'2017-11-29', 'detail':'aaggsaighsghaslighsilg', } return render_template('lx3.html',**context)
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步