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

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

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

    @app.route(‘/detail/<qusetion_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>
            <ul class="news-list">
                {% for foo in questions %}
                    <li class="list-group-item">
                        <span class="glyphicon glyphicon-leaf" aria-hidden="true"></span>
                        <a href="{{ url_for(‘detail‘,question_id=foo.id) }}" class="title">{{ foo.title }}</a>
                        <p class="detail">{{ foo.detail }}</p>
                        <span class="glyphicon glyphicon-leaf" aria-hidden="true"></span>
                        <a href="#">{{ foo.author.username }}</a>
                        <span class="badge">{{ foo.creat_time }}</span>
                    </li>
                {% endfor %}
            </ul>
        </div>
  3. 在详情页将数据的显示在恰当的位置。 

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

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

<div class="page-header">
    <h3>{{ques.title}}<br><small>{{ques.author.username}} <span class="badge">{{ques.creat_time}}</span> </small></h3>
</div>
<p class="lead">{{ques.detail}}</p>
<hr>
<form action="{{url_for(‘question‘)}}"method="post">
    <div class="form-group">
        <textarea name="new_comment"class="form-control"rows="3"id="new-comment"placeholder="write your comment"></textarea>
    </div>
    <button type="submit"class="btn btn-default">发送</button>
</form>
<ul class="list-group"style="margin:10px"></ul>
  1. 建立评论的对象关系映射:

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

  1. 尝试实现发布评论。
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‘))
时间: 2024-11-07 07:45:58

从首页问答标题到问答详情页的相关文章

首页列表显示全部问答,完成问答详情页布局。在首页点击问答标题,链接到相应详情页。

1.首页列表显示全部问答: 将数据库查询结果传递到前端页面 Question.query.all() 前端页面循环显示整个列表. 问答排序 py文件: @app.route('/') def moban(): context = { 'wenda': Wenda.query.order_by('creat_time').all() } return render_template('moban.html',**context) html文件: <ul class="news-list&qu

首页列表显示全部问答,完成问答详情页布局。

首页列表显示全部问答: 将数据库查询结果传递到前端页面 Question.query.all() 前端页面循环显示整个列表. 问答排序 PY文件: @app.route('/') def index(): context={ 'touGao':Tougao.query.order_by('-time').all() } return render_template("index.html",**context) HTML: <div class="container&q

首页列表显示全部问答,完成问答详情页布局

首页列表显示全部问答: 将数据库查询结果传递到前端页面 Question.query.all() 前端页面循环显示整个列表. 问答排序 # 遍历首页 @app.route('/') def base(): context = { 'username': Sent.query.all(), } return render_template('shouye.html',**context) 完成问答详情页布局: 包含问答的全部信息 评论区 以往评论列表显示区. <!DOCTYPE html> &l

仿新浪首页、主题、详情页,纯html静态页面

仿新浪首页.主题.详情页,纯html静态页面,下载地址: http://download.csdn.net/detail/sweetsuzyhyf/8085535

从零开始,搭建博客系统MVC5+EF6搭建框架(5),博客详情页、留言、轮播图管理、右侧统计博文

一.博客系统进度回顾 上一遍博客介绍到,系统已经实现到了发布以及前台布局展示,接下来就是实现一些,详情页,留言.轮播图管理.右侧博文统计信息实现. 二.博客系统详情页实现 2.1先来看看详情页展示的效果 2.2实现控制器在前台控制器中创建一个Blog的控制器,主要是展示博客分类以及详情页 Action详情页实现: 1 /// <summary> 2 /// 详情页 3 /// </summary> 4 /// <param name="id"><

京东商品详情页应对“双11”大流量的技术实践

大家来京东打开商品页一般会看到如通用版.闪购.全球购等不同的页面风格,这里面会牵扯到各种各样垂直化的模板页面渲染.以前的解决方案是做静态化,但是静态化一个很大的问题就是页面改版时需要重新全量生成新的静态页.我们有几亿个商品,对于这么多商品,你如果生成页面的话需要跑很多天,而且还无法应对一些突发情况. 比如新的<广告法>,需要对一些数据进行清洗,后端清洗时间和成本来不及,那么很多时候就是从前台展示系统来进行数据过滤.因此需要非常灵活的前端展示架构来支持这种需求. 首先这是我们前端首屏大体的结构.

IOS开发——UI进阶篇(十)导航控制器、plist存储、微博详情页

一.导航控制器出栈 1.initWithRootViewController本质 UIViewController *vc = [[OneViewController alloc] init]; // 创建导航控制器 // 导航控制器必须要有一个根控制器 UINavigationController *nav = [[UINavigationController alloc] initWithRootViewController:vc]; // 会调用push方法 // initWithRoot

7、UmbracoNewsSite:新闻详情页

这一篇我们创建一个新闻详情页文档类型,然后尝试编辑新闻内容. 首先确定新闻详情页需要什么?应该有新闻标题.新闻内容.新闻简介.新闻缩略图:其中后两个是为了在新闻列表展示该新闻信息设置的.确定了这些,现在就可以开始编写了. 打开Document Types节点新建一个名为News Post的新文档类型,Master Document Type同样选择none…. 然后分别设置需要的几个属性:注意用来设置新闻内容的属性Content的数据类型设置为Richtext Editor(富文本编辑器);其次

亿级商品详情页架构演进技术解密 | 高可用架构系列

亿级商品详情页架构演进技术解密 | 高可用架构系列 --http://mp.weixin.qq.com/s?__biz=MzAwMDU1MTE1OQ==&mid=210272034&idx=1&sn=3be9d2b53c7fec88716ee8affd2515f8&scene=1&srcid=UfXZNNOVZZyZjQmp0VOh&from=groupmessage&isappinstalled=0#rd 此文是开涛在[三体高可用架构群]之分享内容