Flask：使用蓝图来改进项目

旧城等待， 2022-10-07 11:44 165阅读 0赞

# 前言 #

按模块优化项目

--------------------

# 蓝图实现过程 #

☆ 第一步：按模块拆分  
ORM模型、 配置、常量、工具类、功能模块等  
☆ 第二步：视图文件中，实例化一个蓝图对象

from flask import Blueprint, render_template
    
    accounts = Blueprint('accounts', __name__,
                         template_folder='templates',
                         static_folder='../assets')

☆ 第三步：注册蓝图：

from accounts.views import accounts
    # 注册蓝图
    app.register_blueprint(accounts, url_prefix='/accounts')

![在这里插入图片描述][20210617212130985.png]  
![在这里插入图片描述][20210617212143435.png]

### \- 创建的蓝图： views.py ###

from flask import Blueprint, render_template
    
    accounts = Blueprint('accounts', __name__,
                         template_folder='templates',
                         static_folder='../assets')
    
    
    @accounts.route('/login')
    def login():
        """ 登录页面 """
        return render_template('login.html')
    
    
    @accounts.route('/register')
    def register():
        """ 注册 """
        return render_template('register.html')
    
    
    @accounts.route('/mine')
    def mine():
        """ 个人中心 """
        return render_template('mine.html')

![在这里插入图片描述][2021061721230195.png]

### \- login.html ###

### \- mine.html ###

<!DOCTYPE html>
    <html lang="zh-CN">
    
    <head>
      <meta charset="utf-8">
      <meta http-equiv="X-UA-Compatible" content="IE=edge">
      <meta name="viewport" content="width=device-width, initial-scale=1">
      
      <title>在线问答系统-个人中心</title>
    
      
      <link href="./assets/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet">
    
      
      
      
    
      <link rel="stylesheet" href="./assets/style/common.css">
      <link rel="stylesheet" href="./assets/style/mine.css">
    </head>
    
    <body class="layout">
      
      <div class="layout-header">
        <nav class="navbar navbar-default navbar-fixed-top">
          <div class="container">
            
            <div class="navbar-header">
              <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#id-index-banner"
                aria-expanded="false">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
              </button>
              <a class="navbar-brand" href="./index.html">在线问答系统</a>
            </div>
    
            
            <div class="collapse navbar-collapse" id="id-index-banner">
              <ul class="nav navbar-nav">
                <li class="active"><a href="#">首页 <span class="sr-only">(current)</span></a></li>
                <li><a href="#">话题</a></li>
              </ul>
              <form class="navbar-form navbar-left">
                <div class="form-group">
                  <input type="text" class="form-control" placeholder="搜索话题">
                </div>
                <button type="submit" class="btn btn-default">搜索</button>
              </form>
              <ul class="nav navbar-nav navbar-right">
                <li><a href="#">提问</a></li>
                <li><a href="#">消息<span class="badge">4</span></a></li>
                <li class="dropdown">
                  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true"
                    aria-expanded="false">个人中心 <span class="caret"></span></a>
                  <ul class="dropdown-menu">
                    <li><a href="#">我的主页</a></li>
                    <li><a href="#">设置</a></li>
                    <li role="separator" class="divider"></li>
                    <li><a href="#">退出</a></li>
                  </ul>
                </li>
              </ul>
            </div>
          </div>
        </nav>
      </div>
      
      
      <div class="layout-personal">
        <div class="container">
          <div class="main-top">
            <img src="./assets/home/qa/personal_top.jpg" alt="">
          </div>
          <div class="main-bottom">
            <div class="content-left">
              <img src="./assets/home/qa/personal_avatar.jpg" alt="">
            </div>
            <div class="content-right">
              <h3>NavCat</h3>
              <div class="desc">
                创业是一次孤独的旅行
              </div>
              <div class="info-row">
                <i class="glyphicon glyphicon-folder-close"></i> <span>计算软件</span>
              </div>
              <div class="info-row">
                <i class="glyphicon glyphicon-certificate"></i> <span>男</span>
              </div>
              <button class="btn btn-default btn-gray" type="button">编辑个人资料</button>
            </div>
          </div>
        </div>
      </div>
      
      <div class="container layout-main">
        <div class="row">
          <div class="col-md-9">
            
            <div class="main-left">
              <ul class="nav nav-tabs">
                <li role="presentation"><a href="#">动态</a></li>
                <li role="presentation"><a href="#">回答</a></li>
                <li role="presentation" ><a href="#">收藏</a></li>
                <li role="presentation" class="active"><a href="#">关注</a></li>
                <li role="presentation"><a href="#">文章</a></li>
              </ul>
              <div class="title">我关注的问题</div>
              
              <ul class="flllow-qa-ls">
                <li>
                  <a href="../../qa/templates/detail.html">疫情结束后会爆发消费狂潮吗？</a>
                  <div class="stats">2020-3-1 · 15个回答 ·  20个关注</div>
                </li>
                <li>
                  <a href="../../qa/templates/detail.html">钟南山说「我们也做了疫情预测模型，投稿到国外权威期刊被退了回来」，你怎么看？</a>
                  <div class="stats">2020-3-1 · 15个回答 ·  20个关注</div>
                </li>
                <li>
                  <a href="../../qa/templates/detail.html">疫情结束后会爆发消费狂潮吗？</a>
                  <div class="stats">2020-3-1 · 15个回答 ·  20个关注</div>
                </li>
                <li>
                  <a href="../../qa/templates/detail.html">钟南山说「我们也做了疫情预测模型，投稿到国外权威期刊被退了回来」，你怎么看？</a>
                  <div class="stats">2020-3-1 · 15个回答 ·  20个关注</div>
                </li>
                <li>
                  <a href="../../qa/templates/detail.html">疫情结束后会爆发消费狂潮吗？</a>
                  <div class="stats">2020-3-1 · 15个回答 ·  20个关注</div>
                </li>
                <li>
                  <a href="../../qa/templates/detail.html">钟南山说「我们也做了疫情预测模型，投稿到国外权威期刊被退了回来」，你怎么看？</a>
                  <div class="stats">2020-3-1 · 15个回答 ·  20个关注</div>
                </li>
              </ul>
              
              <nav aria-label="Page navigation">
                <ul class="pagination">
                  <li>
                    <a href="#" aria-label="上一页">
                      <span aria-hidden="true">«</span>
                    </a>
                  </li>
                  <li><a href="#">1</a></li>
                  <li><a href="#">2</a></li>
                  <li><a href="#">3</a></li>
                  <li><a href="#">4</a></li>
                  <li><a href="#">5</a></li>
                  <li>
                    <a href="#" aria-label="下一页">
                      <span aria-hidden="true">»</span>
                    </a>
                  </li>
                </ul>
              </nav>
            </div>
            
          </div>
          <div class="col-md-3">
            
            <div class="main-right">
              
              <div class="follow-stats box-wrap">
                <div>
                  <span>关注了</span>
                  <strong>12</strong>
                </div>
                <div>
                  <span>关注者</span>
                  <strong>12</strong>
                </div>
              </div>
              
              
              <div class="right-footer">
                <a href="#">用户指南</a><span class="dot">·</span>
                <a href="#">用户使用协议</a><span class="dot">·</span>
                <a href="#">用户隐私权政策</a>
                <br/>
                <a href="#">侵权举报</a><span class="dot">·</span>
                <a href="#">网上有害信息举报专区</a>
                <br/>
                <a href="#">京ICP证 第10001000号</a>
                <br/>
                <a href="#">京ICP备 第10001000号</a>
                <br/>
                <a href="#">联系我们 © 2020在线问答</a>
              </div>
            
            </div>
            
          </div>
        </div>
      </div>
    
      
      <script src="./assets/plugins/jquery-3.4.1.min.js"></script>
      
      <script src="./assets/plugins/bootstrap/js/bootstrap.min.js"></script>
    </body>
    
    </html>

### \- register.html ###

### \- 创建配置文件 conf.py ###

import os
    
    
    class Config(object):
        """ 项目的配置文件 """
        # 数据库连接URI
        SQLALCHEMY_DATABASE_URI = 'mysql://root:@localhost/flask_qa'
        SQLALCHEMY_TRACK_MODIFICATIONS = True
        # flash, form wtf
        SECRET_KEY = 'abcdsacb12312'
        # 文件上传的根路径
        MEDIA_ROOT = os.path.join(os.path.dirname(__file__), 'medias')

### \- 创建模型 ###

from datetime import datetime
    
    from flask_sqlalchemy import SQLAlchemy
    
    from utils import constants
    
    db = SQLAlchemy()
    
    
    class User(db.Model):
        """ 用户模型 """
        __tablename__ = 'accounts_user'
        id = db.Column(db.Integer, primary_key=True, autoincrement=True)  # 主键
        # 用户名，用于登录
        username = db.Column(db.String(64), unique=True, nullable=False)
        # 用户昵称
        nickname = db.Column(db.String(64))
        password = db.Column(db.String(256), nullable=False)
        # 用户的头像地址
        avatar = db.Column(db.String(256))
    
        # 是否有效，无效用户将不能登录系统
        status = db.Column(db.SmallInteger,
                           default=constants.UserStatus.USER_ACTIVE.value,
                           comment='用户状态')
        # 是否是超级管理员，管理员可以对所有内容进行管理
        is_super = db.Column(db.SmallInteger,
                             default=constants.UserRole.COMMON.value)
        # 创建时间
        created_at = db.Column(db.DateTime, default=datetime.now)
        # 最后修改的时间
        updated_at = db.Column(db.DateTime,
                               default=datetime.now, onupdate=datetime.now)
        # profile = db.relationship('UserProfile')
    
    
    class UserProfile(db.Model):
        """ 用户详细信息 """
        __tablename__ = 'accounts_user_profile'
        id = db.Column(db.Integer, primary_key=True)  # 主键
        # 用户名，用于登录
        username = db.Column(db.String(64), unique=True, nullable=False)
        # 用户真实姓名
        real_name = db.Column(db.String(64))
        # 用户的格言
        maxim = db.Column(db.String(128))
        # 性别
        sex = db.Column(db.String(16))
        # 地址
        address = db.Column(db.String(256))
        # 创建时间
        created_at = db.Column(db.DateTime, default=datetime.now)
        # 最后修改的时间
        updated_at = db.Column(db.DateTime,
                               default=datetime.now, onupdate=datetime.now)
        # 关联用户
        user_id = db.Column(db.Integer, db.ForeignKey('accounts_user.id'))
        # 建立用户的一对一关系属性user.profile profile.user
        user = db.relationship('User', backref=db.backref('profile', uselist=False))
    
    
    class UserLoginHistory(db.Model):
        __tablename__ = 'accounts_login_history'
        id = db.Column(db.Integer, primary_key=True)  # 主键
        # 用户名，用于登录
        username = db.Column(db.String(64), nullable=False)
        # 账号平台
        login_type = db.Column(db.String(32))
        # IP地址
        ip = db.Column(db.String(32))
        # user-agent
        ua = db.Column(db.String(128))
        # 创建时间
        created_at = db.Column(db.DateTime, default=datetime.now)
        # 关联用户
        user_id = db.Column(db.Integer, db.ForeignKey('accounts_user.id'))
        # 建立与用户的一对多属性,user.history_list
        user = db.relationship('User', backref=db.backref('history_list', lazy='dynamic'))
    
    
    class Question(db.Model):
        """ 问题 """
        __tablename__ = 'qa_question'
        id = db.Column(db.Integer, primary_key=True)  # 主键
        # 问题标题
        title = db.Column(db.String(128), nullable=False)
        # 问题描述
        desc = db.Column(db.String(256))
        # 问题图片
        img = db.Column(db.String(256))
        # 问题详情
        content = db.Column(db.Text, nullable=False)
        # 浏览人数
        view_count = db.Column(db.Integer, default=0)
        # 逻辑删除
        is_valid = db.Column(db.Boolean, default=True)
        # 排序
        reorder = db.Column(db.Integer, default=0)
        # 创建时间
        created_at = db.Column(db.DateTime, default=datetime.now)
        # 最后修改的时间
        updated_at = db.Column(db.DateTime, default=datetime.now, onupdate=datetime.now)
        # 关联用户
        user_id = db.Column(db.Integer, db.ForeignKey('accounts_user.id'))
        # 建立与用户的一对多属性,user.question_list
        user = db.relationship('User', backref=db.backref('question_list', lazy='dynamic'))
    
    
    class QuestionTags(db.Model):
        """ 问题下的标签 """
        __tablename__ = 'qa_question_tags'
        id = db.Column(db.Integer, primary_key=True)  # 主键
        # 标签名称
        tag_name = db.Column(db.String(16), nullable=False)
        # 逻辑删除
        is_valid = db.Column(db.Boolean, default=True)
        # 创建时间
        created_at = db.Column(db.DateTime, default=datetime.now)
    
        # 关联问题
        q_id = db.Column(db.Integer, db.ForeignKey('qa_question.id'))
        # 建立与问题的一对多属性
        question = db.relationship('Question', backref=db.backref('tag_list', lazy='dynamic'))
    
    
    class Answer(db.Model):
        """  问题的回答 """
        __tablename__ = 'qa_answer'
        id = db.Column(db.Integer, primary_key=True)  # 主键
        # 回答的内容详情
        content = db.Column(db.Text, nullable=False)
        # 逻辑删除
        is_valid = db.Column(db.Boolean, default=True)
        # 创建时间
        created_at = db.Column(db.DateTime, default=datetime.now)
        # 最后修改的时间
        updated_at = db.Column(db.DateTime, default=datetime.now, onupdate=datetime.now)
        # 关联用户
        user_id = db.Column(db.Integer, db.ForeignKey('accounts_user.id'))
        # 关联问题
        q_id = db.Column(db.Integer, db.ForeignKey('qa_question.id'))
        # 建立与用户的一对多属性
        user = db.relationship('User', backref=db.backref('answer_list', lazy='dynamic'))
        # 建立与问题的一对多属性
        question = db.relationship('Question', backref=db.backref('answer_list', lazy='dynamic'))
    
    
    class AnswerComment(db.Model):
        """ 回答的评论 """
        __tablename__ = 'qa_answer_comment'
        id = db.Column(db.Integer, primary_key=True)  # 主键
        # 评论内容
        content = db.Column(db.String(512), nullable=False)
        # 赞同人数
        love_count = db.Column(db.Integer, default=0)
        # 评论是否公开
        is_public = db.Column(db.Boolean, default=True)
        # 逻辑删除
        is_valid = db.Column(db.Boolean, default=True)
        # 创建时间
        created_at = db.Column(db.DateTime, default=datetime.now)
        # 最后修改的时间
        updated_at = db.Column(db.DateTime, default=datetime.now, onupdate=datetime.now)
        # 回复ID
        reply_id = db.Column(db.Integer, db.ForeignKey('qa_answer_comment.id'), nullable=True)
        # 关联用户
        user_id = db.Column(db.Integer, db.ForeignKey('accounts_user.id'))
        # 关联答案
        answer_id = db.Column(db.Integer, db.ForeignKey('qa_answer.id'))
        # 关联问题
        q_id = db.Column(db.Integer, db.ForeignKey('qa_question.id'))
    
        # 建立与用户的一对多属性
        user = db.relationship('User', backref=db.backref('answer_comment_list', lazy='dynamic'))
        # 建立与答案的一对多属性
        answer = db.relationship('Answer', backref=db.backref('answer_comment_list', lazy='dynamic'))
        # 建立与问题的一对多属性
        question = db.relationship('Question', backref=db.backref('question_comment_list', lazy='dynamic'))
    
    
    class AnswerLove(db.Model):
        """ 回答点赞 """
        __tablename__ = 'qa_answer_love'
        id = db.Column(db.Integer, primary_key=True)  # 主键
        created_at = db.Column(db.DateTime, default=datetime.now)
        # 关联用户
        user_id = db.Column(db.Integer, db.ForeignKey('accounts_user.id'))
        # 关联答案
        answer_id = db.Column(db.Integer, db.ForeignKey('qa_answer.id'))
        # 关联问题
        q_id = db.Column(db.Integer, db.ForeignKey('qa_question.id'))
    
        # 建立与用户的一对多属性
        user = db.relationship('User', backref=db.backref('answer_love_list', lazy='dynamic'))
        # 建立与答案的一对多属性
        answer = db.relationship('Answer', backref=db.backref('answer_love_list', lazy='dynamic'))
        # 建立与问题的一对多属性
        question = db.relationship('Question', backref=db.backref('question_love_list', lazy='dynamic'))
    
    
    class AnswerCollect(db.Model):
        """ 收藏的回答 """
        __tablename__ = 'qa_answer_collect'
        id = db.Column(db.Integer, primary_key=True)  # 主键
        # 创建时间
        created_at = db.Column(db.DateTime, default=datetime.now)
        # 逻辑删除
        is_valid = db.Column(db.Boolean, default=True)
        # 关联用户
        user_id = db.Column(db.Integer, db.ForeignKey('accounts_user.id'))
        # 关联问题
        q_id = db.Column(db.Integer, db.ForeignKey('qa_question.id'))
        # 关联答案
        answer_id = db.Column(db.Integer, db.ForeignKey('qa_answer.id'))
    
        # 建立与用户的一对多属性
        user = db.relationship('User', backref=db.backref('answer_collect_list', lazy='dynamic'))
        # 建立与问题的一对多属性
        question = db.relationship('Question', backref=db.backref('question_collect_list', lazy='dynamic'))
        # 建立与答案的一对多属性
        answer = db.relationship('Answer', backref=db.backref('answer_collect_list', lazy='dynamic'))
    
    
    class QuestionFollow(db.Model):
        """ 关注的问题 """
        __tablename__ = 'qa_question_follow'
        id = db.Column(db.Integer, primary_key=True)  # 主键
        created_at = db.Column(db.DateTime)
        is_valid = db.Column(db.Boolean, default=True, comment='逻辑删除')
        # 关联用户
        user_id = db.Column(db.Integer, db.ForeignKey('accounts_user.id'))
        # 关联问题
        q_id = db.Column(db.Integer, db.ForeignKey('qa_question.id'))
    
        # 建立与用户的一对多属性
        user = db.relationship('User', backref=db.backref('question_follow_list', lazy='dynamic'))
        # 建立与问题的一对多属性
        question = db.relationship('Question', backref=db.backref('question_follow_list', lazy='dynamic'))

### \-优化app.py ###

from flask import Flask
    
    from models import db
    from accounts.views import accounts
    from qa.views import qa
    
    app = Flask(__name__, static_folder='assets')
    # 从配置文件加载配置
    app.config.from_object('conf.Config')
    
    # 数据库初始化
    db.init_app(app)
    
    # 注册蓝图
    app.register_blueprint(accounts, url_prefix='/accounts')
    app.register_blueprint(qa, url_prefix='/')

### 创建常量 constants.py ###

![在这里插入图片描述][20210617213544706.png]

""" 常量配置 """
    from enum import Enum
    
    
    class UserStatus(Enum):
        """ 用户状态 """
        # 启用，可以登录系统
        USER_ACTIVE = 1
        # 禁用，不能登录系统
        USER_IN_ACTIVE = 0
    
    
    class UserRole(Enum):
        """ 用户的角色 """
        # 普通用户，可以使用前台功能
        COMMON = 0
        # 管理员用户，可以使用后台管理功能
        ADMIN = 1
        # 超级管理员用户，可以删除敏感数据，如用户等
        SUPER_ADMIN = 2

### 优化模块文件 ###

![在这里插入图片描述][20210617213713924.png]

*  layout\_header\_nav.html

<div class="layout-header">
    
      <nav class="navbar navbar-default navbar-fixed-top">
        <div class="container">
          
          <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#id-index-banner"
                    aria-expanded="false">
              <span class="sr-only">Toggle navigation</span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href="#">在线问答系统</a>
          </div>
    
          
          <div class="collapse navbar-collapse" id="id-index-banner">
            <ul class="nav navbar-nav">
              <li class="active"><a href="#">首页 <span class="sr-only">(current)</span></a></li>
              <li><a href="#">话题</a></li>
            </ul>
            <form class="navbar-form navbar-left">
              <div class="form-group">
                <input type="text" class="form-control" placeholder="搜索话题">
              </div>
              <button type="submit" class="btn btn-default">搜索</button>
            </form>
            <ul class="nav navbar-nav navbar-right">
              <li><a href="#">提问</a></li>
              <li><a href="#">消息<span class="badge">4</span></a></li>
              <li class="dropdown">
                <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true"
                   aria-expanded="false">个人中心 <span class="caret"></span></a>
                <ul class="dropdown-menu">
                  <li><a href="./mine.html">我的主页</a></li>
                  <li><a href="./mine.html">设置</a></li>
                  <li role="separator" class="divider"></li>
                  <li><a href="#">退出</a></li>
                </ul>
              </li>
            </ul>
          </div>
        </div>
      </nav>
    </div>

*  base.html

*  base\_layout.html

{ % extends 'base.html' %}
    { % block layout %}
      { # 顶部导航 #}
      { % include 'components/layout_header_nav.html' %}
      { % block content %}
        { # 内容区域 #}
      { % endblock %}
      { # 底部右下角的菜单 #}
      <div class="layout-footer">
        <a href="#" data-toggle="tooltip" title="意见反馈"><i class="glyphicon glyphicon-briefcase"></i></a>
        <a href="#top" data-toggle="tooltip" title="回到顶部"><i class="glyphicon glyphicon-arrow-up"></i></a>
      </div>
    { % endblock %}
    { % block js %}
      <script>
          $(function () { 
              // 页面右下角的菜单提示
              $('[data-toggle="tooltip"]').tooltip()
              { % block js_inline %}
                  { # jquery内部的js逻辑 #}
              { % endblock %}
          })
      </script>
    { % endblock %}

========![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMyMzcwOTEz_size_16_color_FFFFFF_t_70]

# models.py #

from datetime import datetime
    
    from flask_sqlalchemy import SQLAlchemy
    
    from utils import constants
    
    db = SQLAlchemy()
    
    
    class User(db.Model):
        """ 用户模型 """
        __tablename__ = 'accounts_user'
        id = db.Column(db.Integer, primary_key=True, autoincrement=True)  # 主键
        # 用户名，用于登录
        username = db.Column(db.String(64), unique=True, nullable=False)
        # 用户昵称
        nickname = db.Column(db.String(64))
        password = db.Column(db.String(256), nullable=False)
        # 用户的头像地址
        avatar = db.Column(db.String(256))
    
        # 是否有效，无效用户将不能登录系统
        status = db.Column(db.SmallInteger,
                           default=constants.UserStatus.USER_ACTIVE.value,
                           comment='用户状态')
        # 是否是超级管理员，管理员可以对所有内容进行管理
        is_super = db.Column(db.SmallInteger,
                             default=constants.UserRole.COMMON.value)
        # 创建时间
        created_at = db.Column(db.DateTime, default=datetime.now)
        # 最后修改的时间
        updated_at = db.Column(db.DateTime,
                               default=datetime.now, onupdate=datetime.now)
        # profile = db.relationship('UserProfile')
    
    
    class UserProfile(db.Model):
        """ 用户详细信息 """
        __tablename__ = 'accounts_user_profile'
        id = db.Column(db.Integer, primary_key=True)  # 主键
        # 用户名，用于登录
        username = db.Column(db.String(64), unique=True, nullable=False)
        # 用户真实姓名
        real_name = db.Column(db.String(64))
        # 用户的格言
        maxim = db.Column(db.String(128))
        # 性别
        sex = db.Column(db.String(16))
        # 地址
        address = db.Column(db.String(256))
        # 创建时间
        created_at = db.Column(db.DateTime, default=datetime.now)
        # 最后修改的时间
        updated_at = db.Column(db.DateTime,
                               default=datetime.now, onupdate=datetime.now)
        # 关联用户
        user_id = db.Column(db.Integer, db.ForeignKey('accounts_user.id'))
        # 建立用户的一对一关系属性user.profile profile.user
        user = db.relationship('User', backref=db.backref('profile', uselist=False))
    
    
    class UserLoginHistory(db.Model):
        __tablename__ = 'accounts_login_history'
        id = db.Column(db.Integer, primary_key=True)  # 主键
        # 用户名，用于登录
        username = db.Column(db.String(64), nullable=False)
        # 账号平台
        login_type = db.Column(db.String(32))
        # IP地址
        ip = db.Column(db.String(32))
        # user-agent
        ua = db.Column(db.String(128))
        # 创建时间
        created_at = db.Column(db.DateTime, default=datetime.now)
        # 关联用户
        user_id = db.Column(db.Integer, db.ForeignKey('accounts_user.id'))
        # 建立与用户的一对多属性,user.history_list
        user = db.relationship('User', backref=db.backref('history_list', lazy='dynamic'))
    
    
    class Question(db.Model):
        """ 问题 """
        __tablename__ = 'qa_question'
        id = db.Column(db.Integer, primary_key=True)  # 主键
        # 问题标题
        title = db.Column(db.String(128), nullable=False)
        # 问题描述
        desc = db.Column(db.String(256))
        # 问题图片
        img = db.Column(db.String(256))
        # 问题详情
        content = db.Column(db.Text, nullable=False)
        # 浏览人数
        view_count = db.Column(db.Integer, default=0)
        # 逻辑删除
        is_valid = db.Column(db.Boolean, default=True)
        # 排序
        reorder = db.Column(db.Integer, default=0)
        # 创建时间
        created_at = db.Column(db.DateTime, default=datetime.now)
        # 最后修改的时间
        updated_at = db.Column(db.DateTime, default=datetime.now, onupdate=datetime.now)
        # 关联用户
        user_id = db.Column(db.Integer, db.ForeignKey('accounts_user.id'))
        # 建立与用户的一对多属性,user.question_list
        user = db.relationship('User', backref=db.backref('question_list', lazy='dynamic'))
    
        @property
        def comment_count(self):
            """ 评论数量 """
            return self.question_comment_list.filter_by(is_valid=True).count()
    
        @property
        def follow_count(self):
            """ 关注数量 """
            return self.question_follow_list.filter_by(is_valid=True).count()
    
        @property
        def answer_count(self):
            return self.answer_list.filter_by(is_valid=True).count()
    
    
    class QuestionTags(db.Model):
        """ 问题下的标签 """
        __tablename__ = 'qa_question_tags'
        id = db.Column(db.Integer, primary_key=True)  # 主键
        # 标签名称
        tag_name = db.Column(db.String(16), nullable=False)
        # 逻辑删除
        is_valid = db.Column(db.Boolean, default=True)
        # 创建时间
        created_at = db.Column(db.DateTime, default=datetime.now)
    
        # 关联问题
        q_id = db.Column(db.Integer, db.ForeignKey('qa_question.id'))
        # 建立与问题的一对多属性
        question = db.relationship('Question', backref=db.backref('tag_list', lazy='dynamic'))
    
    
    class Answer(db.Model):
        """  问题的回答 """
        __tablename__ = 'qa_answer'
        id = db.Column(db.Integer, primary_key=True)  # 主键
        # 回答的内容详情
        content = db.Column(db.Text, nullable=False)
        # 逻辑删除
        is_valid = db.Column(db.Boolean, default=True)
        # 创建时间
        created_at = db.Column(db.DateTime, default=datetime.now)
        # 最后修改的时间
        updated_at = db.Column(db.DateTime, default=datetime.now, onupdate=datetime.now)
        # 关联用户
        user_id = db.Column(db.Integer, db.ForeignKey('accounts_user.id'))
        # 关联问题
        q_id = db.Column(db.Integer, db.ForeignKey('qa_question.id'))
        # 建立与用户的一对多属性
        user = db.relationship('User', backref=db.backref('answer_list', lazy='dynamic'))
        # 建立与问题的一对多属性
        question = db.relationship('Question', backref=db.backref('answer_list', lazy='dynamic'))
    
        @property
        def love_count(self):
            """ 点赞的数量 """
            return self.answer_love_list.count()
    
    
    class AnswerComment(db.Model):
        """ 回答的评论 """
        __tablename__ = 'qa_answer_comment'
        id = db.Column(db.Integer, primary_key=True)  # 主键
        # 评论内容
        content = db.Column(db.String(512), nullable=False)
        # 赞同人数
        love_count = db.Column(db.Integer, default=0)
        # 评论是否公开
        is_public = db.Column(db.Boolean, default=True)
        # 逻辑删除
        is_valid = db.Column(db.Boolean, default=True)
        # 创建时间
        created_at = db.Column(db.DateTime, default=datetime.now)
        # 最后修改的时间
        updated_at = db.Column(db.DateTime, default=datetime.now, onupdate=datetime.now)
        # 回复ID
        reply_id = db.Column(db.Integer, db.ForeignKey('qa_answer_comment.id'), nullable=True)
        # 关联用户
        user_id = db.Column(db.Integer, db.ForeignKey('accounts_user.id'))
        # 关联答案
        answer_id = db.Column(db.Integer, db.ForeignKey('qa_answer.id'))
        # 关联问题
        q_id = db.Column(db.Integer, db.ForeignKey('qa_question.id'))
    
        # 建立与用户的一对多属性
        user = db.relationship('User', backref=db.backref('answer_comment_list', lazy='dynamic'))
        # 建立与答案的一对多属性
        answer = db.relationship('Answer', backref=db.backref('answer_comment_list', lazy='dynamic'))
        # 建立与问题的一对多属性
        question = db.relationship('Question', backref=db.backref('question_comment_list', lazy='dynamic'))
    
    
    class AnswerLove(db.Model):
        """ 回答点赞 """
        __tablename__ = 'qa_answer_love'
        id = db.Column(db.Integer, primary_key=True)  # 主键
        created_at = db.Column(db.DateTime, default=datetime.now)
        # 关联用户
        user_id = db.Column(db.Integer, db.ForeignKey('accounts_user.id'))
        # 关联答案
        answer_id = db.Column(db.Integer, db.ForeignKey('qa_answer.id'))
        # 关联问题
        q_id = db.Column(db.Integer, db.ForeignKey('qa_question.id'))
    
        # 建立与用户的一对多属性
        user = db.relationship('User', backref=db.backref('answer_love_list', lazy='dynamic'))
        # 建立与答案的一对多属性
        answer = db.relationship('Answer', backref=db.backref('answer_love_list', lazy='dynamic'))
        # 建立与问题的一对多属性
        question = db.relationship('Question', backref=db.backref('question_love_list', lazy='dynamic'))
    
    
    class AnswerCollect(db.Model):
        """ 收藏的回答 """
        __tablename__ = 'qa_answer_collect'
        id = db.Column(db.Integer, primary_key=True)  # 主键
        # 创建时间
        created_at = db.Column(db.DateTime, default=datetime.now)
        # 逻辑删除
        is_valid = db.Column(db.Boolean, default=True)
        # 关联用户
        user_id = db.Column(db.Integer, db.ForeignKey('accounts_user.id'))
        # 关联问题
        q_id = db.Column(db.Integer, db.ForeignKey('qa_question.id'))
        # 关联答案
        answer_id = db.Column(db.Integer, db.ForeignKey('qa_answer.id'))
    
        # 建立与用户的一对多属性
        user = db.relationship('User', backref=db.backref('answer_collect_list', lazy='dynamic'))
        # 建立与问题的一对多属性
        question = db.relationship('Question', backref=db.backref('question_collect_list', lazy='dynamic'))
        # 建立与答案的一对多属性
        answer = db.relationship('Answer', backref=db.backref('answer_collect_list', lazy='dynamic'))
    
    
    class QuestionFollow(db.Model):
        """ 关注的问题 """
        __tablename__ = 'qa_question_follow'
        id = db.Column(db.Integer, primary_key=True)  # 主键
        created_at = db.Column(db.DateTime)
        is_valid = db.Column(db.Boolean, default=True, comment='逻辑删除')
        # 关联用户
        user_id = db.Column(db.Integer, db.ForeignKey('accounts_user.id'))
        # 关联问题
        q_id = db.Column(db.Integer, db.ForeignKey('qa_question.id'))
    
        # 建立与用户的一对多属性
        user = db.relationship('User', backref=db.backref('question_follow_list', lazy='dynamic'))
        # 建立与问题的一对多属性
        question = db.relationship('Question', backref=db.backref('question_follow_list', lazy='dynamic'))

# conf.py #

# app.py #

from flask import Flask
    
    from models import db
    from accounts.views import accounts
    from qa.views import qa
    from utils.filters import number_split
    
    app = Flask(__name__, static_folder='assets')
    # 从配置文件加载配置
    app.config.from_object('conf.Config')
    
    # 数据库初始化
    db.init_app(app)
    
    # 注册蓝图
    app.register_blueprint(accounts, url_prefix='/accounts')
    app.register_blueprint(qa, url_prefix='/')
    
    # 注册过滤器
    app.jinja_env.filters['number_split'] = number_split

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMyMzcwOTEz_size_16_color_FFFFFF_t_70 1]

# constants.py #

# filters.py #

def number_split(num):
        """
        数字格式化
        12345678 => 12,345,678
        :param num: 需要格式化的数字
        :return: 格式化后的字符串
        """
        return '{ :,}'.format(int(num))

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMyMzcwOTEz_size_16_color_FFFFFF_t_70 2]

# base.html #

# base\_layout.html #

# layout\_header\_nav.html #

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMyMzcwOTEz_size_16_color_FFFFFF_t_70 3]

# views.py #

from flask import Blueprint, render_template, request, abort
    
    from models import Question
    
    qa = Blueprint('qa', __name__,
                   template_folder='templates',
                   static_folder='../assets')
    
    
    @qa.route('/')
    def index():
        """ 首页 """
        return render_template('index.html')
    
    
    @qa.route('/follow')
    def follow():
        """ 关注 """
        per_page = 20  # 每页数据的大小
        page = int(request.args.get('page', 1))
        page_data = Question.query.filter_by(is_valid=True).paginate(
            page=page, per_page=per_page)
        return render_template('follow.html', page_data=page_data)
    
    
    @qa.route('/write')
    def write():
        """ 写文章，提问 """
        return render_template('write.html')
    
    
    @qa.route('/detail/<int:q_id>')
    def detail(q_id):
        """ 问题详情 """
        # 1. 查询问题信息
        question = Question.query.get(q_id)
        if not question.is_valid:
            abort(404)
        # 2. 展示第一条回答信息
        answer = question.answer_list.filter_by(is_valid=True).first()
        return render_template('detail.html', question=question, answer=answer)

{ % extends 'base_layout.html' %}
    { % block title %}{ {  super() }} - 首页{ % endblock %}
    { % block header %}
      <link rel="stylesheet" href="./assets/style/index.css">
      { % endblock %}
    { % block content %}
      <div class="layout-main">
        <div class="container">
          <div class="row">
            <div class="col-md-9">
              
              <div class="alert alert-warning alert-dismissible fade in" role="alert">
                <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span
                    aria-hidden="true">×</span></button>
                <strong>你好，张三!</strong> 欢迎登陆在线问答系统
              </div>
              
              
              <div id="id-index-banner" class="carousel slide" data-ride="carousel">
                
                <div class="carousel-inner" role="listbox">
                  <div class="item active">
                    <img class="img-responsive" src="./assets/home/banner/banner1.jpg" alt="banner图">
                  </div>
                  <div class="item">
                    <img class="img-responsive" src="./assets/home/banner/banner1.jpg" alt="banner图">
                  </div>
                </div>
    
                
                <a class="left carousel-control" href="#id-index-banner" role="button" data-slide="prev">
                  <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
                  <span class="sr-only">Previous</span>
                </a>
                <a class="right carousel-control" href="#id-index-banner" role="button" data-slide="next">
                  <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
                  <span class="sr-only">Next</span>
                </a>
              </div>
              
              
              <div class="cls-menu-ls">
                <a href="#" class="active">推荐</a>
                <a href="#">关注</a>
                <a href="#">热榜</a>
              </div>
              
              
              <div class="qa-ls">
                <div class="qa-item">
                  <a href="detail.html" class="title">钟南山团队从尿液中分离出新冠病毒，这对疫情防治有什么影响？</a>
                  <div class="desc">
                    <div class="left">
                      <img src="./assets/home/qa/left.jpg" alt="" srcset="">
                    </div>
                    <div class="right">
                      <p class="show-desc">Vigorous Cooler： 尿液出现病毒并不罕见，但第一步是病毒要进入循环系统（血液、淋巴）。
                        比如寨卡病毒通过蚊子吸血进入循环系统，再进入泌尿系统。对于新型冠状病毒来说，第一步是通过呼吸系统进入下...
                        <span class="more">阅读原文<i class="glyphicon glyphicon-menu-down"></i></span>
                      </p>
                      <p class="show-all hidden">
                        27日，广州市政府新闻办在广州医科大学举办疫情防控专场新闻通气会，国家卫健委高级别专家组组长、国家呼吸系统疾病临床医学研究中心主任钟南山谈到疫情的预测时表示，疫情开始时，国外有流行病学家用权威的试验模型，预测2月初，中国感染新冠肺炎人数将达16万人。钟南山说：“这是没有考虑到国家的强力干预，也没有考虑春节后的延迟复工，我们也做了预测模型，2月中旬或下旬达到疫情高峰，确诊病例约六、七万人，投到国外权威期刊，被退了回来，感觉和上面的预测水平差太多，还有人给我微信‘你的话几天之内就会被碾个粉碎’。但事实上，我们预测更接近权威。”
                        <span class="more">收起<i class="glyphicon glyphicon-menu-up"></i></span>
                      </p>
                    </div>
                  </div>
                  <div class="qa-footer">
                    <div><button type="button" class="btn btn-info btn-sm">
                        <i class="glyphicon glyphicon-thumbs-up"></i> 赞同 1780</button>
                      <button type="button" class="btn btn-info btn-sm"><i
                          class="glyphicon glyphicon-thumbs-down"></i></button>
                    </div>
                    <div class="txt-menu"><i class="glyphicon glyphicon-comment"></i> 113条评论</div>
                    <div class="txt-menu"><i class="glyphicon glyphicon-send"></i>分享</div>
                    <div class="txt-menu"><i class="glyphicon glyphicon-heart"></i>收藏</div>
                    <div class="txt-menu"><i class="glyphicon glyphicon-flag"></i>举报</div>
                    <div class="txt-menu btn-group">
                      <i class="glyphicon glyphicon-option-horizontal dropdown-toggle" data-toggle="dropdown"
                        aria-haspopup="true" aria-expanded="false"></i>
                      <ul class="dropdown-menu">
                        <li><a href="#">不感兴趣</a></li>
                      </ul>
                    </div>
                  </div>
                </div>
                <div class="qa-item">
                  <a href="detail.html" class="title">钟南山团队从尿液中分离出新冠病毒，这对疫情防治有什么影响？</a>
                  <div class="desc">
                    <div class="right">
                      <p class="show-desc">Vigorous Cooler： 尿液出现病毒并不罕见，但第一步是病毒要进入循环系统（血液、淋巴）。
                        比如寨卡病毒通过蚊子吸血进入循环系统，再进入泌尿系统。对于新型冠状病毒来说，第一步是通过呼吸系统进入下...
                        <span class="more">阅读原文<i class="glyphicon glyphicon-menu-down"></i></span>
                      </p>
                      <p class="show-all hidden">
                        27日，广州市政府新闻办在广州医科大学举办疫情防控专场新闻通气会，国家卫健委高级别专家组组长、国家呼吸系统疾病临床医学研究中心主任钟南山谈到疫情的预测时表示，疫情开始时，国外有流行病学家用权威的试验模型，预测2月初，中国感染新冠肺炎人数将达16万人。钟南山说：“这是没有考虑到国家的强力干预，也没有考虑春节后的延迟复工，我们也做了预测模型，2月中旬或下旬达到疫情高峰，确诊病例约六、七万人，投到国外权威期刊，被退了回来，感觉和上面的预测水平差太多，还有人给我微信‘你的话几天之内就会被碾个粉碎’。但事实上，我们预测更接近权威。”
                        <span class="more">收起<i class="glyphicon glyphicon-menu-up"></i></span>
                      </p>
                    </div>
                  </div>
                  <div class="qa-footer">
                    <div><button type="button" class="btn btn-info btn-sm">
                        <i class="glyphicon glyphicon-thumbs-up"></i> 赞同 1780</button>
                      <button type="button" class="btn btn-info btn-sm"><i
                          class="glyphicon glyphicon-thumbs-down"></i></button>
                    </div>
                    <div class="txt-menu"><i class="glyphicon glyphicon-comment"></i> 113条评论</div>
                    <div class="txt-menu"><i class="glyphicon glyphicon-send"></i>分享</div>
                    <div class="txt-menu"><i class="glyphicon glyphicon-heart"></i>收藏</div>
                    <div class="txt-menu"><i class="glyphicon glyphicon-flag"></i>举报</div>
                    <div class="txt-menu"></div>
                    <div class="txt-menu btn-group">
                      <i class="glyphicon glyphicon-option-horizontal dropdown-toggle" data-toggle="dropdown"
                        aria-haspopup="true" aria-expanded="false"></i>
                      <ul class="dropdown-menu">
                        <li><a href="#">不感兴趣</a></li>
                      </ul>
                    </div>
                  </div>
                </div>
                <div class="qa-item">
                  <a href="detail.html" class="title">钟南山团队从尿液中分离出新冠病毒，这对疫情防治有什么影响？</a>
                  <div class="desc">
                    <div class="left">
                      <img src="./assets/home/qa/left.jpg" alt="" srcset="">
                    </div>
                    <div class="right">
                      <p class="show-desc">Vigorous Cooler： 尿液出现病毒并不罕见，但第一步是病毒要进入循环系统（血液、淋巴）。
                        比如寨卡病毒通过蚊子吸血进入循环系统，再进入泌尿系统。对于新型冠状病毒来说，第一步是通过呼吸系统进入下...
                        <span class="more">阅读原文<i class="glyphicon glyphicon-menu-down"></i></span>
                      </p>
                      <p class="show-all hidden">
                        27日，广州市政府新闻办在广州医科大学举办疫情防控专场新闻通气会，国家卫健委高级别专家组组长、国家呼吸系统疾病临床医学研究中心主任钟南山谈到疫情的预测时表示，疫情开始时，国外有流行病学家用权威的试验模型，预测2月初，中国感染新冠肺炎人数将达16万人。钟南山说：“这是没有考虑到国家的强力干预，也没有考虑春节后的延迟复工，我们也做了预测模型，2月中旬或下旬达到疫情高峰，确诊病例约六、七万人，投到国外权威期刊，被退了回来，感觉和上面的预测水平差太多，还有人给我微信‘你的话几天之内就会被碾个粉碎’。但事实上，我们预测更接近权威。”
                        <span class="more">收起<i class="glyphicon glyphicon-menu-up"></i></span>
                      </p>
                    </div>
                  </div>
                  <div class="qa-footer">
                    <div><button type="button" class="btn btn-info btn-sm">
                        <i class="glyphicon glyphicon-thumbs-up"></i> 赞同 1780</button>
                      <button type="button" class="btn btn-info btn-sm"><i
                          class="glyphicon glyphicon-thumbs-down"></i></button>
                    </div>
                    <div class="txt-menu"><i class="glyphicon glyphicon-comment"></i> 113条评论</div>
                    <div class="txt-menu"><i class="glyphicon glyphicon-send"></i>分享</div>
                    <div class="txt-menu"><i class="glyphicon glyphicon-heart"></i>收藏</div>
                    <div class="txt-menu"><i class="glyphicon glyphicon-flag"></i>举报</div>
                    <div class="txt-menu"></div>
                    <div class="txt-menu btn-group">
                      <i class="glyphicon glyphicon-option-horizontal dropdown-toggle" data-toggle="dropdown"
                        aria-haspopup="true" aria-expanded="false"></i>
                      <ul class="dropdown-menu">
                        <li><a href="#">不感兴趣</a></li>
                      </ul>
                    </div>
                  </div>
                </div>
                <div class="qa-item">
                  <a href="detail.html" class="title">钟南山团队从尿液中分离出新冠病毒，这对疫情防治有什么影响？</a>
                  <div class="desc">
                    <div class="right">
                      <p class="show-desc">Vigorous Cooler： 尿液出现病毒并不罕见，但第一步是病毒要进入循环系统（血液、淋巴）。
                        比如寨卡病毒通过蚊子吸血进入循环系统，再进入泌尿系统。对于新型冠状病毒来说，第一步是通过呼吸系统进入下...
                        <span class="more">阅读原文<i class="glyphicon glyphicon-menu-down"></i></span>
                      </p>
                      <p class="show-all hidden">
                        27日，广州市政府新闻办在广州医科大学举办疫情防控专场新闻通气会，国家卫健委高级别专家组组长、国家呼吸系统疾病临床医学研究中心主任钟南山谈到疫情的预测时表示，疫情开始时，国外有流行病学家用权威的试验模型，预测2月初，中国感染新冠肺炎人数将达16万人。钟南山说：“这是没有考虑到国家的强力干预，也没有考虑春节后的延迟复工，我们也做了预测模型，2月中旬或下旬达到疫情高峰，确诊病例约六、七万人，投到国外权威期刊，被退了回来，感觉和上面的预测水平差太多，还有人给我微信‘你的话几天之内就会被碾个粉碎’。但事实上，我们预测更接近权威。”
                        <span class="more">收起<i class="glyphicon glyphicon-menu-up"></i></span>
                      </p>
                    </div>
                  </div>
                  <div class="qa-footer">
                    <div><button type="button" class="btn btn-info btn-sm">
                        <i class="glyphicon glyphicon-thumbs-up"></i> 赞同 1780</button>
                      <button type="button" class="btn btn-info btn-sm"><i
                          class="glyphicon glyphicon-thumbs-down"></i></button>
                    </div>
                    <div class="txt-menu"><i class="glyphicon glyphicon-comment"></i> 113条评论</div>
                    <div class="txt-menu"><i class="glyphicon glyphicon-send"></i>分享</div>
                    <div class="txt-menu"><i class="glyphicon glyphicon-heart"></i>收藏</div>
                    <div class="txt-menu"><i class="glyphicon glyphicon-flag"></i>举报</div>
                    <div class="txt-menu"></div>
                    <div class="txt-menu btn-group">
                      <i class="glyphicon glyphicon-option-horizontal dropdown-toggle" data-toggle="dropdown"
                        aria-haspopup="true" aria-expanded="false"></i>
                      <ul class="dropdown-menu">
                        <li><a href="#">不感兴趣</a></li>
                      </ul>
                    </div>
                  </div>
                </div>
                <div class="qa-item">
                  <a href="detail.html" class="title">钟南山团队从尿液中分离出新冠病毒，这对疫情防治有什么影响？</a>
                  <div class="desc">
                    <div class="left">
                      <img src="./assets/home/qa/left.jpg" alt="" srcset="">
                    </div>
                    <div class="right">
                      <p class="show-desc">Vigorous Cooler： 尿液出现病毒并不罕见，但第一步是病毒要进入循环系统（血液、淋巴）。
                        比如寨卡病毒通过蚊子吸血进入循环系统，再进入泌尿系统。对于新型冠状病毒来说，第一步是通过呼吸系统进入下...
                        <span class="more">阅读原文<i class="glyphicon glyphicon-menu-down"></i></span>
                      </p>
                      <p class="show-all hidden">
                        27日，广州市政府新闻办在广州医科大学举办疫情防控专场新闻通气会，国家卫健委高级别专家组组长、国家呼吸系统疾病临床医学研究中心主任钟南山谈到疫情的预测时表示，疫情开始时，国外有流行病学家用权威的试验模型，预测2月初，中国感染新冠肺炎人数将达16万人。钟南山说：“这是没有考虑到国家的强力干预，也没有考虑春节后的延迟复工，我们也做了预测模型，2月中旬或下旬达到疫情高峰，确诊病例约六、七万人，投到国外权威期刊，被退了回来，感觉和上面的预测水平差太多，还有人给我微信‘你的话几天之内就会被碾个粉碎’。但事实上，我们预测更接近权威。”
                        <span class="more">收起<i class="glyphicon glyphicon-menu-up"></i></span>
                      </p>
                    </div>
                  </div>
                  <div class="qa-footer">
                    <div><button type="button" class="btn btn-info btn-sm">
                        <i class="glyphicon glyphicon-thumbs-up"></i> 赞同 1780</button>
                      <button type="button" class="btn btn-info btn-sm"><i
                          class="glyphicon glyphicon-thumbs-down"></i></button>
                    </div>
                    <div class="txt-menu"><i class="glyphicon glyphicon-comment"></i> 113条评论</div>
                    <div class="txt-menu"><i class="glyphicon glyphicon-send"></i>分享</div>
                    <div class="txt-menu"><i class="glyphicon glyphicon-heart"></i>收藏</div>
                    <div class="txt-menu"><i class="glyphicon glyphicon-flag"></i>举报</div>
                    <div class="txt-menu"></div>
                    <div class="txt-menu btn-group">
                      <i class="glyphicon glyphicon-option-horizontal dropdown-toggle" data-toggle="dropdown"
                        aria-haspopup="true" aria-expanded="false"></i>
                      <ul class="dropdown-menu">
                        <li><a href="#">不感兴趣</a></li>
                      </ul>
                    </div>
                  </div>
                </div>
                <div class="qa-item">
                  <a href="detail.html" class="title">钟南山团队从尿液中分离出新冠病毒，这对疫情防治有什么影响？</a>
                  <div class="desc">
                    <div class="right">
                      <p class="show-desc">Vigorous Cooler： 尿液出现病毒并不罕见，但第一步是病毒要进入循环系统（血液、淋巴）。
                        比如寨卡病毒通过蚊子吸血进入循环系统，再进入泌尿系统。对于新型冠状病毒来说，第一步是通过呼吸系统进入下...
                        <span class="more">阅读原文<i class="glyphicon glyphicon-menu-down"></i></span>
                      </p>
                      <p class="show-all hidden">
                        27日，广州市政府新闻办在广州医科大学举办疫情防控专场新闻通气会，国家卫健委高级别专家组组长、国家呼吸系统疾病临床医学研究中心主任钟南山谈到疫情的预测时表示，疫情开始时，国外有流行病学家用权威的试验模型，预测2月初，中国感染新冠肺炎人数将达16万人。钟南山说：“这是没有考虑到国家的强力干预，也没有考虑春节后的延迟复工，我们也做了预测模型，2月中旬或下旬达到疫情高峰，确诊病例约六、七万人，投到国外权威期刊，被退了回来，感觉和上面的预测水平差太多，还有人给我微信‘你的话几天之内就会被碾个粉碎’。但事实上，我们预测更接近权威。”
                        <span class="more">收起<i class="glyphicon glyphicon-menu-up"></i></span>
                      </p>
                    </div>
                  </div>
                  <div class="qa-footer">
                    <div><button type="button" class="btn btn-info btn-sm">
                        <i class="glyphicon glyphicon-thumbs-up"></i> 赞同 1780</button>
                      <button type="button" class="btn btn-info btn-sm"><i
                          class="glyphicon glyphicon-thumbs-down"></i></button>
                    </div>
                    <div class="txt-menu"><i class="glyphicon glyphicon-comment"></i> 113条评论</div>
                    <div class="txt-menu"><i class="glyphicon glyphicon-send"></i>分享</div>
                    <div class="txt-menu"><i class="glyphicon glyphicon-heart"></i>收藏</div>
                    <div class="txt-menu"><i class="glyphicon glyphicon-flag"></i>举报</div>
                    <div class="txt-menu"></div>
                    <div class="txt-menu btn-group">
                      <i class="glyphicon glyphicon-option-horizontal dropdown-toggle" data-toggle="dropdown"
                        aria-haspopup="true" aria-expanded="false"></i>
                      <ul class="dropdown-menu">
                        <li><a href="#">不感兴趣</a></li>
                      </ul>
                    </div>
                  </div>
                </div>
                <div class="qa-item">
                  <a href="detail.html" class="title">钟南山团队从尿液中分离出新冠病毒，这对疫情防治有什么影响？</a>
                  <div class="desc">
                    <div class="left">
                      <img src="./assets/home/qa/left.jpg" alt="" srcset="">
                    </div>
                    <div class="right">
                      <p class="show-desc">Vigorous Cooler： 尿液出现病毒并不罕见，但第一步是病毒要进入循环系统（血液、淋巴）。
                        比如寨卡病毒通过蚊子吸血进入循环系统，再进入泌尿系统。对于新型冠状病毒来说，第一步是通过呼吸系统进入下...
                        <span class="more">阅读原文<i class="glyphicon glyphicon-menu-down"></i></span>
                      </p>
                      <p class="show-all hidden">
                        27日，广州市政府新闻办在广州医科大学举办疫情防控专场新闻通气会，国家卫健委高级别专家组组长、国家呼吸系统疾病临床医学研究中心主任钟南山谈到疫情的预测时表示，疫情开始时，国外有流行病学家用权威的试验模型，预测2月初，中国感染新冠肺炎人数将达16万人。钟南山说：“这是没有考虑到国家的强力干预，也没有考虑春节后的延迟复工，我们也做了预测模型，2月中旬或下旬达到疫情高峰，确诊病例约六、七万人，投到国外权威期刊，被退了回来，感觉和上面的预测水平差太多，还有人给我微信‘你的话几天之内就会被碾个粉碎’。但事实上，我们预测更接近权威。”
                        <span class="more">收起<i class="glyphicon glyphicon-menu-up"></i></span>
                      </p>
                    </div>
                  </div>
                  <div class="qa-footer">
                    <div><button type="button" class="btn btn-info btn-sm">
                        <i class="glyphicon glyphicon-thumbs-up"></i> 赞同 1780</button>
                      <button type="button" class="btn btn-info btn-sm"><i
                          class="glyphicon glyphicon-thumbs-down"></i></button>
                    </div>
                    <div class="txt-menu"><i class="glyphicon glyphicon-comment"></i> 113条评论</div>
                    <div class="txt-menu"><i class="glyphicon glyphicon-send"></i>分享</div>
                    <div class="txt-menu"><i class="glyphicon glyphicon-heart"></i>收藏</div>
                    <div class="txt-menu"><i class="glyphicon glyphicon-flag"></i>举报</div>
                    <div class="txt-menu"></div>
                    <div class="txt-menu btn-group">
                      <i class="glyphicon glyphicon-option-horizontal dropdown-toggle" data-toggle="dropdown"
                        aria-haspopup="true" aria-expanded="false"></i>
                      <ul class="dropdown-menu">
                        <li><a href="#">不感兴趣</a></li>
                      </ul>
                    </div>
                  </div>
                </div>
                <div class="qa-item">
                  <a href="detail.html" class="title">钟南山团队从尿液中分离出新冠病毒，这对疫情防治有什么影响？</a>
                  <div class="desc">
                    <div class="right">
                      <p class="show-desc">Vigorous Cooler： 尿液出现病毒并不罕见，但第一步是病毒要进入循环系统（血液、淋巴）。
                        比如寨卡病毒通过蚊子吸血进入循环系统，再进入泌尿系统。对于新型冠状病毒来说，第一步是通过呼吸系统进入下...
                        <span class="more">阅读原文<i class="glyphicon glyphicon-menu-down"></i></span>
                      </p>
                      <p class="show-all hidden">
                        27日，广州市政府新闻办在广州医科大学举办疫情防控专场新闻通气会，国家卫健委高级别专家组组长、国家呼吸系统疾病临床医学研究中心主任钟南山谈到疫情的预测时表示，疫情开始时，国外有流行病学家用权威的试验模型，预测2月初，中国感染新冠肺炎人数将达16万人。钟南山说：“这是没有考虑到国家的强力干预，也没有考虑春节后的延迟复工，我们也做了预测模型，2月中旬或下旬达到疫情高峰，确诊病例约六、七万人，投到国外权威期刊，被退了回来，感觉和上面的预测水平差太多，还有人给我微信‘你的话几天之内就会被碾个粉碎’。但事实上，我们预测更接近权威。”
                        <span class="more">收起<i class="glyphicon glyphicon-menu-up"></i></span>
                      </p>
                    </div>
                  </div>
                  <div class="qa-footer">
                    <div><button type="button" class="btn btn-info btn-sm">
                        <i class="glyphicon glyphicon-thumbs-up"></i> 赞同 1780</button>
                      <button type="button" class="btn btn-info btn-sm"><i
                          class="glyphicon glyphicon-thumbs-down"></i></button>
                    </div>
                    <div class="txt-menu"><i class="glyphicon glyphicon-comment"></i> 113条评论</div>
                    <div class="txt-menu"><i class="glyphicon glyphicon-send"></i>分享</div>
                    <div class="txt-menu"><i class="glyphicon glyphicon-heart"></i>收藏</div>
                    <div class="txt-menu"><i class="glyphicon glyphicon-flag"></i>举报</div>
                    <div class="txt-menu"></div>
                    <div class="txt-menu btn-group">
                      <i class="glyphicon glyphicon-option-horizontal dropdown-toggle" data-toggle="dropdown"
                        aria-haspopup="true" aria-expanded="false"></i>
                      <ul class="dropdown-menu">
                        <li><a href="#">不感兴趣</a></li>
                      </ul>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div class="col-md-3">
              
              <div class="right-menu-box box-wrap">
                <a href="#" class="menu-item">
                  <i class="glyphicon glyphicon-plus"></i>
                  <span>写回答</span>
                </a>
                <a href="write.html" class="menu-item">
                  <i class="glyphicon glyphicon-pencil"></i>
                  <span>写文章</span>
                </a>
                <a href="#" class="menu-item">
                  <i class="glyphicon glyphicon-ok"></i>
                  <span>些想法</span>
                </a>
                <a href="#" class="menu-item">
                  <i class="glyphicon glyphicon-play-circle"></i>
                  <span>发视频</span>
                </a>
                <a href="#" class="menu-item">
                  <i class="glyphicon glyphicon-adjust"></i>
                  <span>稍后答</span>
                </a>
                <a href="#" class="menu-item">
                  <i class="glyphicon glyphicon-file"></i>
                  <span>草稿箱</span>
                </a>
              </div>
              
              <div class="right-creater-box box-wrap">
                <a href="#" class="menu-item">
                  <div class="left">
                    <i class="glyphicon glyphicon-user"></i>
                    <span>草稿箱</span>
                  </div>
                  <div class="right">
                    <span>去开通</span>
                    <i class="glyphicon glyphicon-menu-right"></i>
                  </div>
                </a>
              </div>
              
              <div class="right-menu-box box-wrap">
                <a href="#" class="menu-item menu-live">
                  <i class="glyphicon glyphicon-plus"></i>
                  <span>Live</span>
                </a>
                <a href="#" class="menu-item menu-store">
                  <i class="glyphicon glyphicon-pencil"></i>
                  <span>书店</span>
                </a>
                <a href="#" class="menu-item menu-table">
                  <i class="glyphicon glyphicon-ok"></i>
                  <span>圆桌</span>
                </a>
                <a href="#" class="menu-item menu-special">
                  <i class="glyphicon glyphicon-play-circle"></i>
                  <span>专栏</span>
                </a>
                <a href="#" class="menu-item menu-consult">
                  <i class="glyphicon glyphicon-adjust"></i>
                  <span>付费咨询</span>
                </a>
                <a href="#" class="menu-item menu-wiki">
                  <i class="glyphicon glyphicon-file"></i>
                  <span>百科</span>
                </a>
              </div>
              
              
              <div class="right-mine-box box-wrap">
                <a href="#" class="menu-item">
                  <div class="left">
                    <i class="glyphicon glyphicon-heart"></i>
                    <span>我的收藏</span>
                  </div>
                  <div class="right">
                    <span>0</span>
                  </div>
                </a>
                <a href="#" class="menu-item">
                  <div class="left">
                    <i class="glyphicon glyphicon-question-sign"></i>
                    <span>我关注的问题</span>
                  </div>
                  <div class="right">
                    <span>28</span>
                  </div>
                </a>
                <a href="#" class="menu-item">
                  <div class="left">
                    <i class="glyphicon glyphicon-user"></i>
                    <span>我的邀请</span>
                  </div>
                  <div class="right">
                    <span>33</span>
                  </div>
                </a>
                <a href="#" class="menu-item">
                  <div class="left">
                    <i class="glyphicon glyphicon-yen"></i>
                    <span>我的余额</span>
                  </div>
                  <div class="right">
                  </div>
                </a>
                <a href="#" class="menu-item">
                  <div class="left">
                    <i class="glyphicon glyphicon-king"></i>
                    <span>站务中心</span>
                  </div>
                  <div class="right">
                  </div>
                </a>
                <a href="#" class="menu-item">
                  <div class="left">
                    <i class="glyphicon glyphicon-file"></i>
                    <span>版权服务中心</span>
                  </div>
                  <div class="right">
                  </div>
                </a>
              </div>
              
              
              <div class="right-footer">
                <a href="#">用户指南</a><span class="dot">·</span>
                <a href="#">用户使用协议</a><span class="dot">·</span>
                <a href="#">用户隐私权政策</a>
                <br />
                <a href="#">侵权举报</a><span class="dot">·</span>
                <a href="#">网上有害信息举报专区</a>
                <br />
                <a href="#">京ICP证 第10001000号</a>
                <br />
                <a href="#">京ICP备 第10001000号</a>
                <br />
                <a href="#">联系我们 © 2020在线问答</a>
              </div>
              
            </div>
          </div>
        </div>
        
      </div>
    { % endblock %}
    { % block js_inline %}
          // 点击，查看更多，把详细的那个p标签展示出来，把自己隐藏
          $('.show-desc').click(function () { 
            $(this).addClass('hidden');
            $(this).next().removeClass('hidden')
          })
          $('.show-all').click(function () { 
            $(this).addClass('hidden');
            $(this).prev().removeClass('hidden')
          })
    { % endblock %}

[20210617212130985.png]: /images/20221005/06715dc301da4375ab38b39f40a27638.png
[20210617212143435.png]: /images/20221005/9f427002dab24e36a2317ad9bbaf321d.png
[2021061721230195.png]: /images/20221005/31cc0c22a88e4b2fa785a0d0061f5144.png
[20210617213544706.png]: /images/20221005/2d4c22e3bd5b4d868b5219c7fa4e2101.png
[20210617213713924.png]: /images/20221005/1065fc340f864876b2de93c9829013ae.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMyMzcwOTEz_size_16_color_FFFFFF_t_70]: /images/20221005/d8b79625743e40c9b0a8b4cb95f3342b.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMyMzcwOTEz_size_16_color_FFFFFF_t_70 1]: /images/20221005/f521e01b724642ae8da758bb794a65c6.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMyMzcwOTEz_size_16_color_FFFFFF_t_70 2]: /images/20221005/02202ef199dd42979d616908163008d1.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMyMzcwOTEz_size_16_color_FFFFFF_t_70 3]: /images/20221005/bdf0a3fa98044cdc821539204efa5063.png