Flask自己寫日記藍(lán)圖


8月份你雌,我正式開始學(xué)習(xí)器联。第一遍看的時(shí)候二汛,壓根看不懂。只能通過checkout它版本庫里的每個(gè)版本來聯(lián)系書中內(nèi)容進(jìn)行學(xué)習(xí)拨拓。這樣我就花了一個(gè)月時(shí)間簡單過了一遍肴颊。

9月份,我雖然過了一遍渣磷,可是感覺書中知識(shí)沒有變成我自己的婿着。我還沒有真正學(xué)會(huì)。我不知道該怎么做醋界,就把書中的內(nèi)容手打了一遍竟宋。做了一個(gè)微博出來,并且部署上線了


QQ截圖20161008233441.png

即使這樣我還是有一種不安的感覺在心中。我覺得物独,我還是沒有真正學(xué)會(huì)flask這個(gè)框架袜硫。期間為了緩解疲勞,我有一個(gè)禮拜放下了flask的學(xué)習(xí)挡篓,跑去學(xué)寫爬蟲去了婉陷。還寫了些卵東西...


IMG_2823.PNG

在我去泰國度假以前,我本來設(shè)定的下一步學(xué)習(xí)方案是學(xué)會(huì)如何使用模板官研,把我的網(wǎng)站弄漂亮秽澳。還有利用爬蟲把爬回來的東西放到網(wǎng)站上去。
現(xiàn)在回來以后戏羽,怎么說呢担神。我有種感覺,始終得先回歸書中知識(shí)始花,把一些章節(jié)搞清楚心里才踏實(shí)妄讯,然后才去做剛才我寫的那些。

<strong>10.9號(hào)更新</strong>
今天9點(diǎn)我就起來了比平時(shí)起早了一個(gè)小時(shí)酷宵。睡醒以后馬上就知道自己要學(xué)什么做什么了亥贸。所以人啊,千萬不要熬夜浇垦。一覺睡醒炕置,思路就通了。今天先定個(gè)小目標(biāo):自己做個(gè)博客的頁面男韧,然后利用flask的藍(lán)圖加入到我原來的微博中将硝。好了固以,首先第一件事就是要做個(gè)博客的頁面。我查了查bootstrap的各種用法,找到了個(gè)可是編輯器以后沧踏,一切都變得簡單起來了类嗤。

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

這是我的博客頁面裂七,帶有縮略圖,標(biāo)題讹弯,摘要。點(diǎn)擊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

基本的功能都實(shí)現(xiàn)了这溅,by the way 下面的輸入框肯定要加入權(quán)限的组民,只有管理員可見。然后剩下的就是藍(lán)圖了悲靴。今天很幸運(yùn)臭胜,沒遇到什么坑,沒怎么卡住癞尚。明天再弄藍(lán)圖把耸三。

<strong>10.10</strong>
我的靈魂遭受了會(huì)心一擊。浇揩。仪壮。我今天好努力的把藍(lán)圖寫好插入結(jié)果它給我提示這個(gè)吊玩意


QQ截圖20161010172816.png

特么的數(shù)據(jù)庫又怎么了!8旎铡积锅!我把新寫的藍(lán)圖刪了還是不行!我把版本切回到之前還是不行Q痢缚陷!最后我把所有代碼怒刪了!往核!
現(xiàn)在是晚上8點(diǎn)50分箫爷,我剛健身回來,感覺心力交瘁聂儒。直到現(xiàn)在虎锚,我還是沒辦法重新開始寫代碼。
好了衩婚,寫了一個(gè)多小時(shí)代碼窜护,運(yùn)行報(bào)錯(cuò)!

![I}D~I9BWEZ}0V)318%$]MP6.png](http://upload-images.jianshu.io/upload_images/2577034-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>

是這部分的錯(cuò)谅猾!

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

我以為我成功了柄慰,可我還是太天真了鳍悠。税娜。。


提交新博客的時(shí)候它返回錯(cuò)誤藏研。敬矩。。蠢挡。

<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

沒有報(bào)錯(cuò)了!G菥妗涧卵!
。腹尖。柳恐。可是热幔,它不會(huì)自己刷新

我需要再改一下代碼乐设,我把views的

return redirect(url_for('diary'))
放回去,并且改成return redirect('diary')
然后就成功了R锞蕖近尚!這次真的成功了!场勤!
好了上代碼把

QQ截圖20161012001852.png

這是我的藍(lán)圖結(jié)構(gòu)

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) %}#這里我偷懶戈锻,直接把語句復(fù)制過來的∪次耍可以修改評(píng)論的權(quán)限等同于管理員權(quán)限了
    {{ wtf.quick_form(form) }}
{%endif%}
{% endblock %}

暫時(shí)就這樣先吧舶沛,明天再做修改

<strong>10.12</strong>
今天做最后的diary單獨(dú)網(wǎng)頁,上代碼
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])
                           

新建一個(gè)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 %}

點(diǎn)擊detail

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

成功了 呀4凹邸H缤ァ!撼港!

火狐截圖_2016-10-12T07-55-48.770Z.png
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末坪它,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子帝牡,更是在濱河造成了極大的恐慌往毡,老刑警劉巖,帶你破解...
    沈念sama閱讀 222,865評(píng)論 6 518
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件靶溜,死亡現(xiàn)場離奇詭異开瞭,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)罩息,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 95,296評(píng)論 3 399
  • 文/潘曉璐 我一進(jìn)店門嗤详,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人瓷炮,你說我怎么就攤上這事葱色。” “怎么了娘香?”我有些...
    開封第一講書人閱讀 169,631評(píng)論 0 364
  • 文/不壞的土叔 我叫張陵苍狰,是天一觀的道長办龄。 經(jīng)常有香客問我,道長淋昭,這世上最難降的妖魔是什么俐填? 我笑而不...
    開封第一講書人閱讀 60,199評(píng)論 1 300
  • 正文 為了忘掉前任,我火速辦了婚禮翔忽,結(jié)果婚禮上玷禽,老公的妹妹穿的比我還像新娘。我一直安慰自己呀打,他們只是感情好矢赁,可當(dāng)我...
    茶點(diǎn)故事閱讀 69,196評(píng)論 6 398
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著贬丛,像睡著了一般撩银。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上豺憔,一...
    開封第一講書人閱讀 52,793評(píng)論 1 314
  • 那天额获,我揣著相機(jī)與錄音,去河邊找鬼恭应。 笑死抄邀,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的昼榛。 我是一名探鬼主播境肾,決...
    沈念sama閱讀 41,221評(píng)論 3 423
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢(mèng)啊……” “哼胆屿!你這毒婦竟也來了奥喻?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 40,174評(píng)論 0 277
  • 序言:老撾萬榮一對(duì)情侶失蹤非迹,失蹤者是張志新(化名)和其女友劉穎环鲤,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體憎兽,經(jīng)...
    沈念sama閱讀 46,699評(píng)論 1 320
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡冷离,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,770評(píng)論 3 343
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了纯命。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片西剥。...
    茶點(diǎn)故事閱讀 40,918評(píng)論 1 353
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖扎附,靈堂內(nèi)的尸體忽然破棺而出蔫耽,到底是詐尸還是另有隱情结耀,我是刑警寧澤留夜,帶...
    沈念sama閱讀 36,573評(píng)論 5 351
  • 正文 年R本政府宣布匙铡,位于F島的核電站,受9級(jí)特大地震影響碍粥,放射性物質(zhì)發(fā)生泄漏鳖眼。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 42,255評(píng)論 3 336
  • 文/蒙蒙 一嚼摩、第九天 我趴在偏房一處隱蔽的房頂上張望钦讳。 院中可真熱鬧,春花似錦枕面、人聲如沸愿卒。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,749評(píng)論 0 25
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽琼开。三九已至,卻和暖如春枕荞,著一層夾襖步出監(jiān)牢的瞬間柜候,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,862評(píng)論 1 274
  • 我被黑心中介騙來泰國打工躏精, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留渣刷,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 49,364評(píng)論 3 379
  • 正文 我出身青樓矗烛,卻偏偏與公主長得像辅柴,于是被迫代替她去往敵國和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子瞭吃,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,926評(píng)論 2 361

推薦閱讀更多精彩內(nèi)容

  • 22年12月更新:個(gè)人網(wǎng)站關(guān)停碌识,如果仍舊對(duì)舊教程有興趣參考 Github 的markdown內(nèi)容[https://...
    tangyefei閱讀 35,191評(píng)論 22 257
  • 什么是藍(lán)圖? 一個(gè)藍(lán)圖定義了視圖虱而,模板筏餐,靜態(tài)文件以及可以用于應(yīng)用程序的其它元素的集合。例如牡拇,讓我們假設(shè)下我們有一個(gè)...
    邪惡的Sheldon閱讀 1,239評(píng)論 0 1
  • 本文首發(fā)于Gevin的博客 原文鏈接:Flask 入門指南 未經(jīng) Gevin 授權(quán)魁瞪,禁止轉(zhuǎn)載 1. 初識(shí)Flask...
    Gevin閱讀 16,815評(píng)論 10 237
  • 第七章 大型程序架構(gòu) 雖然在一個(gè)腳本里完成一個(gè)web應(yīng)用很便利,但是這也意味著它很難擴(kuò)展惠呼。當(dāng)程序不斷增長导俘,越來越復(fù)...
    易木成華閱讀 919評(píng)論 0 1
  • 作者:杜志鵬鏈接:https://www.zhihu.com/question/31748237/answer/5...
    cexpert閱讀 3,675評(píng)論 1 5