从首页问答标题到问答详情页

Posted 2020-10-16 黄向薇

 

1.主PY文件写视图函数，带id参数。 

@app.route(‘/detail/<question_id>‘)
def detail(question_id):
    quest = 
    return render_template(‘detail.html‘, ques = quest) 

 

@app.route(‘/detail/<question_id>‘)
def detail(question_id):
    quest=Question.query.filter(Question.id==question_id).first()
    return render_template(‘detail.html‘,ques=quest)

 

2.首页标题的标签做带参数的链接。
      {{ url_for(‘detail‘,question_id = foo.id) }}

            {% for foo in questions %}
           <li>
           <span class="glyphicon glyphicon-leaf" aria-hidden="true"></span>
           <a href="#">{{ foo.author.username }}</a>
           <br>
           <<a href="{{url_for(‘detail‘,question_id=foo.id)}}">{{ foo.title }}</a>
           <p style="...">{{ foo.detail }}</p>
           <span class="badge">发布时间：{{ foo.creat_time }}</span>


           </li>
       {% endfor %}

 

3.在详情页将数据的显示在恰当的位置。 

{{ ques.title}}

{{ ques.id  }}{{  ques.creat_time }}

{{ ques.author.username }} 
{{ ques.detail }}

 

{% block main %}
    <link  href="{{ url_for(‘static‘,filename=‘css/base.css‘) }}" rel="stylesheet" type="text/css" >
    <div id="box">
        <ul>
        <p>Comment</p>
        <li>
            <span class="glyphicon glyphicon-align-leaf" aria-hidden="true"></span>
            <a href="#">name</a>
            <br>
            <a href="#" class="title">title</a>
            <span class="badge">creat_time</span>
        <p >detail</p>
        </li>
        <hr>
            <form action="{{url_for(‘questions‘)}}" method="post">
            <div class="form-group">
                <textarea name="new_comment" class="form-control" rows="3" id="new_comment" placeholder="评论内容" style="width: 626px;height:150px;"></textarea>
            </div>
            <button type="submit" class="btn btn-default">发送</button>
            </form>
            <br>    <br>
            评论：
        <li class="list-group-item">
            <span class="glyphicon glyphicon-align-leaf" aria-hidden="true"></span>   <br>

</li>
</ul>
    </div>
{% endblock %}

4.建立评论的对象关系映射：

class Comment(db.Model):
    __tablename__=‘comment‘

class Comment(db.Model):
    __tablename__ = ‘comment‘
    id = db.Column(db.Integer, primary_key=True, autoincrement=True)
    author_id = db.Column(db.Integer, db.ForeignKey(‘User.id‘))
    question_id = db.Column(db.Integer, db.ForeignKey(‘question.id‘))
    creat_time = db.Column(db.DateTime, default=datetime.now)
    detail = db.Column(db.Text, nullable=False)
    question = db.relationship(‘Question‘, backref=db.backref(‘comments‘))
    author = db.relationship(‘User‘, backref=db.backref(‘comments‘))

 

 5.尝试实现发布评论。