Flask自己写日记蓝图

作者: LEONYao | 来源:发表于2016-10-08 23:51 被阅读447次

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

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


    QQ截图20161008233441.png

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


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

    <strong>10.9号更新</strong>
    今天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 下面的输入框肯定要加入权限的,只有管理员可见。然后剩下的就是蓝图了。今天很幸运,没遇到什么坑,没怎么卡住。明天再弄蓝图把。

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


    QQ截图20161010172816.png

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

    ![I}D~I9BWEZ}0V)318%$]MP6.png](https://img.haomeiwen.com/i2577034/22f936dfb52d07e3.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

    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

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


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

    <strong>10.11</strong>
    一大早醒来,我思考了下。

    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 %}
    

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

    <strong>10.12</strong>
    今天做最后的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

    相关文章

      网友评论

      • Code_Rush:哈哈,我也在学flask,就是一直在bug中度过。95%打开网站就看到保存信息。
      • 57c4e0896953:加油,我也在看这书 而且也遇到问题了 方便+和联系方式一起学习么 我也遇到些问题,交流了就少走弯路了。。
        49daf05dee8c: @AndersWang 楼主新桓结衣粉丝
        LEONYao:@AndersWang 58153287扣扣,一起学习

      本文标题:Flask自己写日记蓝图

      本文链接:https://www.haomeiwen.com/subject/axlpyttx.html