從首頁問答標題到問答詳情頁

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) }}
   

   <div class="col-md-8 column" style="background: whitesmoke">
                   <p style="color: black">`{{ username }}context</p>
                   <ul>
                       {% for foo in questions %}
                           <li>
                               <a href="#">{{ foo.author.username }}</a>
                               <br>
                               <a href="{{ url_for('detail',question_id=foo.id) }}">{{ foo.title }}</a>
                               <br>
                               <p>內容：{{ foo.detail }}</p>
                               <span>評論數: 100000++++</span>
                               <span class="badge pull-right">{{ foo.create_time }}</span>
                               <hr>
                           </li>
                       {% endfor %}
                   </ul>
               </div>

    

3. 在詳情頁將數據的顯示在恰當的位置。 

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

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

4. {% extends 'myweb.html' %}
   {% block detailtitle %}問答詳情{% endblock %}
   {% block detailhead %}
       <link rel="stylesheet" type="text/css" href="../static/css/component.css"/>
       <script src="../static/js/regist.js"></script>
       <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
   {% endblock %}
   
   {% block detailbody %}
       <div class="col-md-2 column "></div>
       <div class="col-md-8 column ">
           <ul class="list-unstyled">
               <li>
                   <h2 href="#" class="text-center">{{ ques.title }}</h2>
                   <br>
                   <p class="text-center">
                       <a href="#">
                           <small>{{ ques.author.username }}</small>
                       </a>&nbsp&nbsp&nbsp
                       <span class="pull-center"><small>{{ ques.create_time }}</small></span>
                   </p>
                   <p>{{ ques.detail }}</p>
                   <form>
                       <div class="form-group">
                       <textarea name="comment" class="form-control" rows="5" id="comment"
                                 placeholder="請輸入評論"></textarea>
                       </div>
                       <button type="submit" class="btn btn-default" style="margin-left:48% ">發送</button>
                   </form>
               </li>
           </ul>
           <hr>
           {#    評論區開始#}
           <ul>
               {% for foo in questions %}
                   <li>
                       <a href="#">{{ foo.author.username }}</a>
                       <br>
                       <a href="{{ url_for('detail',question_id=foo.id) }}">{{ foo.title }}</a>
                       <br>
                       <p>內容：{{ foo.detail }}</p>
                       <span>評論數: 100000++++</span>
                       <span class="badge pull-right">{{ foo.create_time }}</span>
                       <hr>
                   </li>
               {% endfor %}
           </ul>
       </div>
       <div class="col-md-2 column "></div>
   {% endblock %}

    

   創建評論的對象關係映射：

   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'))
    create_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'))

 

1.  嘗試實現發佈評論。