1.显示所有评论
{% for foo in ques.comments %}
1 <div class="layui-tab-item layui-show"> 2 3 <div class="normal-comment-list" style="background-color: white;padding: 10px;"> 4 <div> 5 <div style="margin: 20px;"> 6 <div class="poi_top-title"> 7 <span>{{ num }}条评论span> 8 <a class="poi_author-only">只看作者a> 9 <div class="pull-right"><a class="active">按喜欢排序a><a class="">按时间正序a><a 10 class="">按时间倒序a> 11 div> 12 div> 13 div> 14 <div id="answer"> 15 16 {% for comment in userCommentaries %} 17 <div class="poi_comment"> 18 <div class="poi_comment_item"> 19 <div class="poi_author"> 20 <div style="z-index: 0;display: inline-block;"> 21 <div class="v-tooltip-content"> 22 <a href="{{ url_for('commentaries',user_id= comment.answer.id) }}" 23 target="_blank" class="poi_avatar"> 24 <img src="http://www.bookmarkye.com/9.jpg"> 25 a> 26 div> 27 div> 28 <div class="poi_info"> 29 <a href="{{ url_for('commentaries',user_id= comment.answer.id) }}" 30 target="_blank" 31 class="poi_name">{{ comment.answer.title }}a> 32 <div class="poi_meta"><span>3楼 · {{ comment.date }}span>div> 33 div> 34 div> 35 <div class="poi_comment-wrap"><p>{{ comment.content }}p> 36 <div class="poi_tool-group"> 37 <a class="#"><span>13人赞 span>a> 38 <a class="#"><span>回复span>a> 39 div> 40 div> 41 div> 42 div> 43 {% endfor %} 44 div> 45 div> 46 div> 47 div>
2.所有评论排序
uquestion = db.relationship('Question', backref=db.backref('comments', order_by=creat_time.desc))
1 book = db.relationship('Book', backref=db.backref('commentaries',order_by=date.desc))
3.显示评论条数
{{ ques.comments|length }}
1 <div class="layui-tab-item"> 2 <div style="background-color: #FFFFFF;"> 3 <div class="layui-container"> 4 <div class="layui-row"> 5 <div class="layui-col-md2"> div> 6 <div class="layui-col-md8"> 7 <form class="layui-form" action=""> 8 <div class="layui-form-item"> 9 <label class="layui-form-label">名称:label> 10 <div class="layui-input-block" style="padding-top:10px; "> 11 <strong >{{ user2.title }}strong> 12 div> 13 div> 14 <div class="layui-form-item"> 15 <label class="layui-form-label">评论数:label> 16 <div class="layui-input-block" style="padding-top:10px; "> 17 <strong>{{ userCommentaries|length }}strong> 18 div> 19 div> 20 <div class="layui-form-item"> 21 <label class="layui-form-label">文章数:label> 22 <div class="layui-input-block" style="padding-top:10px; "> 23 <strong>{{ books|length }}strong> 24 div> 25 div> 26 form> 27 div> 28 <div class="layui-col-md2"> div> 29 div> 30 div> 31 div> 32 div>
4.完成个人中心
1.个人中心的页面布局(html文件及相应的样式文件)
1 {% block link %} 2 <link rel="stylesheet" href="{{ url_for('static', filename='css/poi.css') }}"> 3 <link rel="stylesheet" href="{{ url_for('static', filename='css/home.css') }}"> 4 {# #} 5 {% endblock %}
2.定义视图函数def usercenter(user_id):
1 # 某用户发布过的所有评论 2 @app.route('/commentaries/',methods=['GET','POST']) 3 def commentaries(user_id): 4 user = User.query.filter(User.id == user_id).first() 5 content = { 6 'userCommentaries':user.commentaries, 7 'books':user.book, 8 'num': len(user.commentaries), 9 'user2':user 10 } 11 return render_template('commentaries.html', **content)
3.向前端页面传递参数
4.页面显示相应数据
发布的全部问答
发布的全部评论
个人信息
5.各个页面链接到个人中心
1 <li> 2 <div class="item-one"> 3 <div class="author"> 4 <a class="avatar" target="_blank" href="{{ url_for('commentaries',user_id= book.authorClass.id) }}"> 5 <img src="http://www.bookmarkye.com/5.jpg" width="64px;"> 6 a> 7 <div class="info"> 8 <a class="nickname" target="_blank" href="{{ url_for('commentaries',user_id= book.authorClass.id) }}">{{ book.authorClass.title }}a> 9 <span class="time">{{ book.createdate }}span> 10 div> 11 div> 12 <div class="title"> 13 <a target="_blank" 14 href="{{ url_for('poi',book_id=book.id) }}">{{ book.title }}a> 15 div> 16 <div class="abstract"> 17 <p> 18 {{ book.content }} 19 p> 20 div> 21 <div class="meta"> 22 <a class="collection-tag" target="_blank" href="#">社会热点{{ book.classificationClass.name }}a> 23 <a target="_blank" href="#"> 24 <span> 浏览: 99999+span> 25 a> 26 <a target="_blank" href="#"> 27 <span> 评论: 51428span> 28 a> 29 <span> 点赞: 6666span> 30 div> 31 div> 32 li>