1.我的中心的頁面佈局(html文件及相應的樣式文件)html
2.定義視圖函數def usercenter(user_id):前端
3.向前端頁面傳遞參數app
4.頁面顯示相應數據函數
發佈的所有問答佈局
發佈的所有評論spa
我的信息code
5.各個頁面連接到我的中心htm
1 {% extends 'daohang.html' %} 2 {% block title %}我的中心{% endblock %} 3 4 {% block main %} 5 6 <div class="page-header"> 7 <h3><span class="glyphicon glyphicon-user" aria-hidden="true"></span>{{ username }}<br> 8 <small>所有問答 <span class="badge"></span></small> 9 </h3> 10 <ul class="list-group" style="..."> 11 {% for foo in questions %} 12 <li class="list-group-item"> 13 <span class="glyphicon glyphicon-heart-empty" aria-hidden="true"></span> 14 <a href="#">{{ foo.author.username }}</a> 15 <span class="badge">{{ foo.creat_time }}</span> 16 <p style="...">{{ foo.detail }}</p> 17 </li> 18 {% endfor %} 19 </ul> 20 </div> 21 22 <div class="page-header"> 23 <h3><span class="glyphicon glyphicon-user" aria-hidden="true"></span>{{ user }}<br> 24 <small>所有評論 <span class="badge"></span></small> 25 </h3> 26 <ul class="list-group" style="..."> 27 {% for foo in user.comments %} 28 <li class="list-group-item"> 29 <span class="glyphicon glyphicon-heart-empty" aria-hidden="true"></span> 30 <a href="#">{{ foo.author.username }}</a> 31 <span class="badge">{{ foo.creat_time }}</span> 32 <p style="...">{{ foo.detail }}</p> 33 </li> 34 {% endfor %} 35 </ul> 36 </div> 37 38 <div class="page-header"> 39 <h3><span class="glyphicon glyphicon-user" aria-hidden="true"></span>{{ user }}<br> 40 <small>我的信息 <span class="badge"></span></small> 41 </h3> 42 <ul class="list-group" style="..."> 43 <li class="list-group-item">用戶:{{ username }}</li> 44 <li class="list-group-item">編號:</li> 45 <li class="list-group-item">暱稱:</li> 46 </ul> 47 </div> 48 49 {% endblock %}
1 @app.route('/usercenter/<user_id>') 2 @loginFirst 3 def usercenter(user_id): 4 user = User.query.filter(User.id == user_id).first() 5 context = { 6 'username':user.username, 7 'fabu':user.fabu, 8 'comments':user.comments 9 } 10 return render_template('usercenter.html',**context)