python+flask开发属于自己的个人轻量级web服务网站(十八）

在完成了登录和注册页面后。我们接下来完成发布文章页面的前端和数据库的相关操作。

{% extends 'base.html' %}
{% block title %}文章{% endblock %}
{% block head %}
<link rel="stylesheet" href="{{ url_for('static',filename="css/article.css") }}">{% endblock %}
{% block main %}
<form action="" method="post">
<div class="form-container">
    <h3 class="title">发布文章</h3>
    <div class="form-group">
        <input class="form-control" type="text" name="title" placeholder="请输入文章标题">
    </div>
    <div class="form-group">
        <textarea name="content" rows="5" class="form-control" placeholder="请输入文章内容"></textarea>
    </div>
    <div class="form-group">
        <button class="btn btn-primary">立即提交</button>
    </div>
</div>

</form>

{% endblock %}

仍然是继承导航条，因此我们有{% extends 'base.html' %}
前台页面的效果展示如下：

8.png

class Article(db.Model):
    __tablename__ = 'article'
    id = db.Column(db.Integer, primary_key=True, autoincrement=True)
    title = db.Column(db.String(50),nullable=False)
    content = db.Column(db.Text,nullable=False)
    create_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('articles'))

在models.py中写上述代码，构建article模型，并建立模型与作者的对应关系

关系建立后，我们来实际操作一下：

9.png

10.png

可以看见，已经相关信息存储在数据库之中了！