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

  1. 首页列表显示全部问答：
    1. 将数据库查询结果传递到前端页面 Question.query.all()
    2. 前端页面循环显示整个列表。
    3. 问答排序
  2. 完成问答详情页布局：
    1. 包含问答的全部信息
    2. 评论区
    3. 以往评论列表显示区。
  3. 在首页点击问答标题，链接到相应详情页。
from flask import Flask,render_template,request,redirect,url_for,session
from flask_sqlalchemy import SQLAlchemy
from functools import wraps
from datetime import datetime
import config


app = Flask(__name__)
app.config.from_object(config)
db = SQLAlchemy(app)


class User(db.Model):
    __tablename__ = 'user'
    id = db.Column(db.Integer,primary_key=True,autoincrement=True)
    username = db.Column(db.String(20),nullable=False)
    password = db.Column(db.String(20),nullable=False)


class Question(db.Model):
    __tablename__ = 'question'
    id = db.Column(db.Integer, primary_key=True, autoincrement=True)
    title = db.Column(db.String(100), nullable=False)
    detail = db.Column(db.Text, nullable=False)
    creat_time = db.Column(db.DateTime, default=datetime.now)
    author_id = db.Column(db.Integer, db.ForeignKey('user.id'))
    author = db.relationship('User', backref=db.backref('question'))

#db.create_all()


@app.route('/')
def base():
    return render_template('base.html')

@app.route('/shouye/')
def shouye():
    context = {
        'questions':Question.query.all()
    }
    return render_template('shouye.html',**context)


@app.route('/login/',methods=['GET','POST'])
def login():
    if request.method == 'GET':
        return render_template('login.html')
    else:
        usern = request.form.get('username')
        passw = request.form.get('password')
        user = User.query.filter(User.username == usern).first()
        if user:
            if user.password == passw:
                session['user'] = usern
                return redirect(url_for('shouye'))
            else:
                return u'password error'
        else:
            return u'username is not existed.'


@app.route('/zhuce/',methods=['GET','POST'])
def zhuce():
    if request.method == 'GET':
        return render_template('zhuce.html')
    else:
        usern = request.form.get('username')
        passw = request.form.get('password')
        user = User.query.filter(User.username == usern).first()
        if user:
            return u'username existed'
        else:
            user1 = User(username=usern, password=passw)
            db.session.add(user1)
            db.session.commit()
            return redirect(url_for('login'))


def loginFirst(func):
    @wraps(func)
    def wrapper(*args,**kwargs):
        if session.get('user'):
            return func(*args,**kwargs)
        else:
            return redirect(url_for('login'))
     return wrapper

@app.route('/question/',methods=['GET','POST'])
@loginFirst
def question():
    if request.method == 'GET':
        return render_template('question.html')
    else:
        title = request.form.get('title')
        detail = request.form.get('detail')
        author_id = User.query.filter(User.username == session.get('user')).first().id
        question = Question(title=title, detail=detail, author_id=author_id)
        db.session.add(question)
        db.session.commit()
    return redirect(url_for('shouye'))


@app.context_processor
def mycontext():
    usern=session.get('user')
    if usern:
        return {'username':usern}
    else:
        return {}

@app.route('/logout')
def logout():
    session.clear()
    return redirect(url_for('shouye'))



if __name__ == '__main__':
     app.run(debug=True)

{% extends'base.html' %}
    {% block title %}
    首页
    {% endblock %}
{% block head %}
    <link rel="stylesheet" type="text/css" href="{{ url_for('static',filename='css/shouye.css') }}">
{% endblock %}
{% block main %}
<body>

<ul class="list-group">
    {% for foo in questions %}
            <li style="padding-left: 0px;padding-right: 10px;box-shadow: #cccccc" class="list-group-item">
                <span class="glyphicon glyphicon-leaf" aria-hidden="true"></span>
                <a href="#" class="title">{{ foo.title }}</a>
                <p class="detail">{{ foo.detail }}</p>
                <a href="#">{{ foo.author.username }}</a><br>
                <span class="badge">{{ foo.creat_time }}</span>
                
            </li>
    {% endfor %}
        </ul>


</body>

{% endblock %}
{% block title %}详情页{% endblock %}


{% block main %}
<h1>问题详情</h1>
<div class="container">
    <div class="row clearfix">
        <div class="col-md-12 column">
            <h3 class="text-center">
                title
            </h3>
            <p class="text-center">
                 detail
            </p>
            <form role="form">
                <div class="form-group">
                     <label for="exampleInputEmail1">write your comment</label><input type="email" class="form-control" id="exampleInputEmail1" />
                </div>
                 <button type="submit" class="btn btn-default">发送</button>
            </form>
        </div>
    </div>
</div>
{% endblock %}

 

posted on 2017-12-06 17:14  097吴嘉玲  阅读(136)  评论(0)    收藏  举报

导航