第二次迭代设计

说明

使用虚拟数据

在工程目录下运行，使用flask forge向mysql数据库中插入虚拟数据（之前要修改xuexibang/database/config/db_config.json里的mysql_test里的用户名密码等，改成自己数据库对应的就好了）

$pipenv install faker --dev
$pipenv shell
$flask forge

之后运行即可

$flask run

前端页面说明：

templates/front中
_question.html : 用于渲染主页中的问题概要，可以被include到其他html文件中如：home.html中：

<!-- 问题显示区 -->
        <div class="row">
                <div class="ques_container">
                    {% include 'front/_question.html' %}
                </div>
        </div>

_sidebar.html : 分类检索的边栏，也可以被include到其他html文件中：如home.html中：

		<div class="col-sm-4 sidebar">
			{% include 'front/_sidebar.html' %}
		</div>

待完成的页面：
category.html : 显示某一类问题，通过边栏的索引，对应视图函数
原理：_sidebar.html中：

{% for catid, catname in categories.iteritems() %}
                <li class="list-group-item  list-group-item-action d-flex justify-content-between align-items-center">
                    <a href="{{ url_for('front.show_category', category_id=catid) }}">
                        {{ catname }}
                    </a>
                </li>
            {% endfor %}

对应后段的blueprins/front.py中的视图函数：

# 显示某一类的问题页面
@front_bp.route('/categoty/<int:category_id>')
def show_category(category_id):
    # get some data
    return render_template('front/category.html', data=data)

myquestion.html : 我回答的问题，显示和主页类似，显示相应问题的概要
qna.html ：一个问题的详细页面，包括回答
base.html : 模板，看看下图就知道了，需要前端同学来好好排版一下…