8月份你雌,我正式開始學(xué)習(xí)器联。第一遍看的時(shí)候二汛,壓根看不懂。只能通過checkout它版本庫里的每個(gè)版本來聯(lián)系書中內(nèi)容進(jìn)行學(xué)習(xí)拨拓。這樣我就花了一個(gè)月時(shí)間簡單過了一遍肴颊。
9月份,我雖然過了一遍渣磷,可是感覺書中知識(shí)沒有變成我自己的婿着。我還沒有真正學(xué)會(huì)。我不知道該怎么做醋界,就把書中的內(nèi)容手打了一遍竟宋。做了一個(gè)微博出來,并且部署上線了
即使這樣我還是有一種不安的感覺在心中。我覺得物独,我還是沒有真正學(xué)會(huì)flask這個(gè)框架袜硫。期間為了緩解疲勞,我有一個(gè)禮拜放下了flask的學(xué)習(xí)挡篓,跑去學(xué)寫爬蟲去了婉陷。還寫了些卵東西...
在我去泰國度假以前,我本來設(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è)可是編輯器以后沧踏,一切都變得簡單起來了类嗤。
這是我的博客頁面裂七,帶有縮略圖,標(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>
基本的功能都實(shí)現(xiàn)了这溅,by the way 下面的輸入框肯定要加入權(quán)限的组民,只有管理員可見。然后剩下的就是藍(lán)圖了悲靴。今天很幸運(yùn)臭胜,沒遇到什么坑,沒怎么卡住癞尚。明天再弄藍(lán)圖把耸三。
<strong>10.10</strong>
我的靈魂遭受了會(huì)心一擊。浇揩。仪壮。我今天好努力的把藍(lán)圖寫好插入結(jié)果它給我提示這個(gè)吊玩意
特么的數(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)
找到問題了
{% 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ò)谅猾!
我以為我成功了柄慰,可我還是太天真了鳍悠。税娜。。
提交新博客的時(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'))
刪掉了
然后再提交
沒有報(bào)錯(cuò)了!G菥妗涧卵!
。腹尖。柳恐。可是热幔,它不會(huì)自己刷新
我需要再改一下代碼乐设,我把views的
return redirect(url_for('diary'))
放回去,并且改成return redirect('diary')
然后就成功了R锞蕖近尚!這次真的成功了!场勤!
好了上代碼把
這是我的藍(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
成功了 呀4凹邸H缤ァ!撼港!