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


      1. 主PY文件写视图函数,带id参数。 
        @app.route('/detail/<question_id>')
        def detail(question_id):
            quest = 
            return render_template('detail.html', ques = quest)

      2. 首页标题的标签做带参数的链接。
              {{ url_for('detail',question_id = foo.id) }}
      3. 在详情页将数据的显示在恰当的位置。 
        {{ ques.title}}
        {{ ques.id  }}{{  ques.creat_time }}
        {{ ques.author.username }} 
        {{ ques.detail }}
      4. 建立评论的对象关系映射:

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

      5.  尝试实现发布评论。

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

      

     1 # 详情页面
     2 @app.route('/poi/<book_id>')
     3 def poi(book_id):
     4     book = Book.query.filter(Book.id == book_id).first();
     5     id = session.get('user_id')
     6     if id:
     7         user = User.query.filter(User.id == id).first()
     8     else:
     9         user ={}
    10     return render_template('poi.html',book=book,user=user)

    2.首页标题的标签做带参数的链接

      

     1             {% for book in books %}
     2                         <li>
     3                             <div class="item-one">
     4                                 <div class="author">
     5                                     <a class="avatar" target="_blank" href="#">
     6                                         <img src="http://www.bookmarkye.com/5.jpg" width="64px;">
     7                                     </a>
     8                                     <div class="info">
     9                                         <a class="nickname" target="_blank" href="#">{{ book.authorClass.title }}</a>
    10                                         <span class="time">{{ book.createdate }}</span>
    11                                     </div>
    12                                 </div>
    13                                 <div class="title">
    14                                     <a target="_blank"
    15                                        href="{{ url_for('poi',book_id=book.id) }}">{{ book.title }}</a>
    16                                 </div>
    17                                 <div class="abstract">
    18                                     <p>
    19                                         {{ book.content }}
    20                                     </p>
    21                                 </div>
    22                                 <div class="meta">
    23                                     <a class="collection-tag" target="_blank" href="#">社会热点{{ book.classificationClass.name }}</a>
    24                                     <a target="_blank" href="#">
    25                                         <span> 浏览: 99999+</span>
    26                                     </a>
    27                                     <a target="_blank" href="#">
    28                                         <span> 评论: 51428</span>
    29                                     </a>
    30                                     <span> 点赞: 6666</span>
    31                                 </div>
    32                             </div>
    33                         </li>
    34                         {% endfor %}

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

      

     1         <div class="poi_note">
     2                 <div class="poi_post">
     3                     <!-- 文章主体信息 -->
     4                     <div class="poi_article">
     5                         <h1 class="poi_title">{{ book.title }}</h1>
     6                         <!-- 作者区域 -->
     7                         <div class="poi_author">
     8                             <a class="poi_avatar" href="#">
     9                                 <img src="http://www.bookmarkye.com/5.jpg" width="96px">
    10                             </a>
    11                             <div class="poi_info">
    12                                 <span class="poi_name"><a href="#">{{ book.authorClass.title }}</a></span>
    13                                 <!-- 关注用户按钮 -->
    14                                 <a class="layui-btn layui-btn-radius layui-btn-xs"><span>关注</span></a>
    15                                 <!-- 文章数据信息 -->
    16                                 <div class="poi_meta">
    17                                     <!-- 如果文章更新时间大于发布时间,那么使用 tooltip 显示更新时间 -->
    18                                     <span class="poi_publish-time">{{ book.createdate }}</span>
    19                                     <span class="poi_wordage">字数 2290</span>
    20                                     <span class="poi_views-count">阅读 5779</span>
    21                                     <span class="poi_comments-count">评论 72</span>
    22                                     <span class="poi_likes-count">喜欢 848</span>
    23                                 </div>
    24                             </div>
    25                         </div>
    26                         <!-- 文章内容 -->
    27                         <div class="poi_show-content">
    28                             {{ book.content }}
    29                         </div>
    30                         <!-- 版权信息 -->
    31                         <div class="poi_show-foot">
    32                             <a class="poi_notebook" href="#">
    33                                 <i class="iconfont ic-search-notebook"></i>
    34                                 <span>干货文章(类别)</span>
    35                             </a>
    36                             <div class="poi_copyright">
    37                                 © 著作权归作者所有
    38                             </div>
    39                             <div class="poi_modal-wrap" data-report-note="">
    40                                 <a id="report-modal">举报文章</a>
    41                             </div>
    42                         </div>
    43                     </div>
    44                     <!-- 文章底部作者信息 -->
    45                     <div class="poi_follow-detail">
    46                         <div class="poi_info" style=" 100%;">
    47                             <a class="poi_avatar" href="#">
    48                                 <img src="http://www.bookmarkye.com/5.jpg" width="64"
    49                                      alt="96">
    50                             </a>
    51                             <a class="layui-btn layui-btn-radius layui-btn-xs right"><span>关注</span></a>
    52                             <a class="poi_title" href="#">{{ book.authorClass.title }}</a>
    53                             <p style="">写了 138734 字,被 8742 人关注,获得了 15903 个喜欢</p>
    54                         </div>
    55                         <div class="poi_signature">
    56                             做一个有意思的菇凉,即使老了也是个有意思的老太太。
    57                             微信公众号:MYmaizi-shuo 微信号:291536040
    58                             公众号后台回复“必读书籍”免费领取9本电子书。
    59                             所有文章均为原创,我已委托杭州快板公司对我的文章进行维权,转载开白事宜请加微信,谢谢!
    60                         </div>
    61                     </div>
    62                 </div>
    63             </div>

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

     1 # 评论表
     2 class Commentaries(db.Model):
     3     __tablname__ = 'commentaries'
     4     id = db.Column(db.String(17),primary_key=True) # 数据库唯一识别id
     5     book_id = db.Column(db.String(17),db.ForeignKey('book.id')) # 评论对应的文章的id
     6     question_id = db.Column(db.String(17),db.ForeignKey('user.id')) # 问题的提出者id,或者是文章作者id
     7     answer_id = db.Column(db.String(17),db.ForeignKey('user.id')) # 回答问题用户的id
     8     date = db.Column(db.DATETIME) # 回答日期
     9     content = db.Column(db.TEXT) # 回答内容
    10     question = db.relationship('Classification',backref=db.backref('user'))
    11     answer = db.relationship('Classification',backref=db.backref('user'))

    5.尝试实现发布评论

    只有在登陆后才可以评论:

      

    登陆后:

      

  • 相关阅读:
    MySQL数据库8(十九)外键
    MySQL数据库8(十八)用户权限管理
    HTML基本样式
    HTML5之部分新特性
    MySQL数据库8(十七)数据库的备份还原
    MySQL数据库8(十六)子查询
    MySQL数据库(十五)联合查询与连接查询
    MySQL数据库8(十四)聚合函数和运算符
    MySQL数据库8(十三)高级数据操作之select指令
    MySQL数据库8(十二)高级数据操作
  • 原文地址:https://www.cnblogs.com/alliancehacker/p/7986588.html
Copyright © 2020-2023  润新知