Flask自己写日记蓝图

733 查看



8月份，我正式开始学习。第一遍看的时候，压根看不懂。只能通过checkout它版本库里的每个版本来联系书中内容进行学习。这样我就花了一个月时间简单过了一遍。

9月份，我虽然过了一遍，可是感觉书中知识没有变成我自己的。我还没有真正学会。我不知道该怎么做，就把书中的内容手打了一遍。做了一个微博出来,并且部署上线了


QQ截图20161008233441.png


即使这样我还是有一种不安的感觉在心中。我觉得，我还是没有真正学会flask这个框架。期间为了缓解疲劳，我有一个礼拜放下了flask的学习，跑去学写爬虫去了。还写了些卵东西...


IMG_2823.PNG


在我去泰国度假以前，我本来设定的下一步学习方案是学会如何使用模板，把我的网站弄漂亮。还有利用爬虫把爬回来的东西放到网站上去。
现在回来以后，怎么说呢。我有种感觉，始终得先回归书中知识，把一些章节搞清楚心里才踏实，然后才去做刚才我写的那些。

10.9号更新
今天9点我就起来了比平时起早了一个小时。睡醒以后马上就知道自己要学什么做什么了。所以人啊，千万不要熬夜。一觉睡醒，思路就通了。今天先定个小目标：自己做个博客的页面，然后利用flask的蓝图加入到我原来的微博中。好了，首先第一件事就是要做个博客的页面。我查了查bootstrap的各种用法，找到了个可是编辑器以后，一切都变得简单起来了。


火狐截图_2016-10-09T09-50-28.820Z.png


这是我的博客页面，带有缩略图，标题，摘要。点击detail可以打开博文页面
上一下代码让大家看看思路

<div class="container">
    <div class="row clearfix">
        <div class="col-md-12 column">
            <div class="row">
                {% for post in posts %}
                <div class="col-md-4">
                    <div class="thumbnail">
                        <img alt="300x200" src={{ post.src }} />
                        <div class="caption">
                            <h3>
                                {{ post.title }}
                            </h3>
                            <p>
                                {{ post.body [:20]}}
                            <p>
                                 <a class="btn btn-info" href="{{ url_for('.post', id=post.id) }}">Detail</a> 
                            </p>
                        </div>
                    </div>
                </div>
                {%endfor%}
            </div>
        </div>
    </div>
</div>

火狐截图_2016-10-09T09-52-03.340Z.png


基本的功能都实现了，by the way 下面的输入框肯定要加入权限的，只有管理员可见。然后剩下的就是蓝图了。今天很幸运，没遇到什么坑，没怎么卡住。明天再弄蓝图把。

10.10
我的灵魂遭受了会心一击。。。我今天好努力的把蓝图写好插入结果它给我提示这个吊玩意


QQ截图20161010172816.png


特么的数据库又怎么了！！！我把新写的蓝图删了还是不行！我把版本切回到之前还是不行！！最后我把所有代码怒删了！！
现在是晚上8点50分，我刚健身回来，感觉心力交瘁。直到现在，我还是没办法重新开始写代码。
好了，写了一个多小时代码，运行报错！


I}D~I9BWEZ}0V)318%$]MP6.png

QQ图片20161010222242.png

找到问题了

{% extends "base.html" %}
{% import "bootstrap/wtf.html" as wtf %}
{% import "_macros.html" as macros %}
{% block title %}Leon blog{% endblock %}
{% block content %}
<div class="container">
    <div class="row clearfix">
        <div class="col-md-12 column">
            <div class="row">
                {% for diary in diarys %}
                <div class="col-md-4">
                    <div class="thumbnail">
                        <img alt="300x200" src={{ diary.src }} />
                        <div class="caption">
                            <h3>
                                {{ diary.title }}
                            </h3>
                            <p>
                                {{ diary.body [:20]}}
                            <p>
                                 <a class="btn btn-info" href=#>Detail</a>
                            </p>
                        </div>
                    </div>
                </div>
                {%endfor%}
            </div>
        </div>
    </div>
</div>




<div class="pagination">
    {{ macros.pagination_widget(pagination, '.index') }}
</div>
<div class="pagination">
    {{ macros.pagination_widget(pagination, '.index') }}
</div>

是这部分的错！


火狐截图_2016-10-10T14-48-14.232Z.png


我以为我成功了，可我还是太天真了。。。



提交新博客的时候它返回错误。。。。

10.11
一大早醒来，我思考了下。

from flask import request,render_template, redirect,url_for
from . import diary
from .. import db
from ..models import Diary
from .forms import DiaryForm
from config import config

@diary.route('/diary', methods=['GET', 'POST'])
def blog():
    form = DiaryForm()
    if form.validate_on_submit():

        diary = Diary(title=form.title.data,body=form.body.data,src=form.src.data)
        db.session.add(diary)
        return redirect(url_for('diary'))
    page = request.args.get('page',1, type=int)
    pagination = Diary.query.order_by(Diary.timestamp.desc()).paginate(
        page,per_page=20,
        error_out=False)
    diarys = pagination.items
    return render_template('diary.html', form = form,diarys=diarys,pagination=pagination)

我把

return redirect(url_for('diary'))

删掉了
然后再提交


火狐截图_2016-10-11T03-26-15.585Z.png


没有报错了！！！
。。。可是，它不会自己刷新

我需要再改一下代码，我把views的

return redirect(url_for('diary'))
放回去，并且改成return redirect('diary')
然后就成功了！！这次真的成功了！！
好了上代码把


QQ截图20161012001852.png


这是我的蓝图结构

diary的init.py

```
 from flask import Blueprint

diary = Blueprint('diary', __name__)

from . import views
 `

diary的forms.py

from flask_wtf import Form
from wtforms import StringField, SubmitField,TextAreaField
from wtforms import ValidationError
from wtforms.validators import Required

class DiaryForm(Form):
    title = StringField('title')
    body = TextAreaField("What's on your mind?", validators=[Required()])
    src = StringField("pics link?", validators=[Required()])
    submit = SubmitField('Submit')

diary的views.py

from flask import request,render_template, redirect,url_for
from . import diary
from .. import db
from ..models import Diary
from .forms import DiaryForm
from config import config

@diary.route('/diary', methods=['GET', 'POST'])
def blog():
    form = DiaryForm()
    if form.validate_on_submit():

        diary = Diary(title=form.title.data,body=form.body.data,src=form.src.data)
        db.session.add(diary)
        return redirect('diary')
    page = request.args.get('page',1, type=int)
    pagination = Diary.query.order_by(Diary.timestamp.desc()).paginate(
        page,per_page=20,
        error_out=False)
    diarys = pagination.items
    return render_template('diary.html', form = form,diarys=diarys,pagination=pagination)

diary.html

{% extends "base.html" %}
{% import "bootstrap/wtf.html" as wtf %}
{% import "_macros.html" as macros %}
{% block title %}Leon blog{% endblock %}
{% block content %}
<div class="container">
    <div class="row clearfix">
        <div class="col-md-12 column">
            <div class="row">
                {% for diary in diarys %}
                <div class="col-md-4">
                    <div class="thumbnail">
                        <img alt="300x200" src={{ diary.src }} />
                        <div class="caption">
                            <h3>
                                {{ diary.title }}
                            </h3>
                            <p>
                                {{ diary.body [:20]}}
                            <p>
                                 <a class="btn btn-info" href=#>Detail</a>
                            </p>
                        </div>
                    </div>
                </div>
                {%endfor%}
            </div>
        </div>
    </div>
</div>



{% if current_user.can(Permission.MODERATE_COMMENTS) %}#这里我偷懒，直接把语句复制过来的。可以修改评论的权限等同于管理员权限了
    {{ wtf.quick_form(form) }}
{%endif%}
{% endblock %}

暂时就这样先吧，明天再做修改

10.12
今天做最后的diary单独网页，上代码
views

@diary.route('/diary/<int:id>', methods=['GET', 'POST'])
def diary(id):
    diary = Diary.query.get_or_404(id)
    return render_template('diarys.html', diarys=[diary])

新建一个diarys.html

{% extends "base.html" %}


{% block title %}Flasky - Diary{% endblock %}
{% block content %}
{% for diary in diarys %}
<div class="container">
    <div class="row clearfix">
        <div class="col-md-12 column">
            <h3>
                {{ diary.title }}.
            </h3>
            <p>
                 {{ diary.body }}

            </p><img alt="140x140" src={{ diary.src }} />
             {<p>{{ moment(diary.timestamp).fromNow() }}</p>

        </div>
    </div>
</div>
{%endfor%}
{% endblock %}

点击detail


火狐截图_2016-10-12T07-57-18.969Z.png

成功了 呀！！！！


火狐截图_2016-10-12T07-55-48.770Z.png

最近更新的内容
你可能感兴趣的文章

2024 - 快车库 - 我的知识库 重庆启连科技有限公司 渝ICP备16002641号-10
企客连连 表单助手 企服开发 榜单123

渝公网安备 50010702501581号