zoukankan      html  css  js  c++  java
  • 从首页问答标题到问答详情页

      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.尝试实现发布评论

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

      

    登陆后:

      

  • 相关阅读:
    How to build Linux system from kernel to UI layer
    Writing USB driver for Android
    Xposed Framework for Android 8.x Oreo is released (in beta)
    Linux Smartphone Operating Systems You Can Install Today
    Librem 5 Leads New Wave of Open Source Mobile Linux Contenders
    GUADEC: porting GNOME to Android
    Librem 5 – A Security and Privacy Focused Phone
    GNOME and KDE Join Librem 5 Linux Smartphone Party
    Purism计划推出安全开源的Linux Librem 5智能手机
    国产系统之殇:你知道的这些系统都是国外的
  • 原文地址:https://www.cnblogs.com/alliancehacker/p/7986588.html
Copyright © 2011-2022 走看看