用Flask搭建一個簡易的博客

看了張宏倫的全棧學習視頻阐枣,在此做個筆記匪补。

一、創(chuàng)建項目環(huán)境

1.安裝flask
2.工程目錄

本人已安裝Anaconda,所以直接創(chuàng)建項目easy_blog_flask。目錄結(jié)構(gòu)如下:

staic放css,圖片等靜態(tài)資源弓坞;templates放模板文件;run.py是程序入口;config.py配置參數(shù)车荔。

3.創(chuàng)建數(shù)據(jù)庫渡冻,建立表

由于本人用mac進行開發(fā),所以用mamp進行數(shù)據(jù)庫的操作忧便。安裝好mamp后族吻,啟動mamp,點擊start servers開啟服務(wù)珠增,在preferences進行端口以及項目路徑設(shè)置超歌。
端口:


路徑:

建立數(shù)據(jù)庫:點擊Open WebStart page,然后點擊MySQL下的phpMyAdmin蒂教。點擊左邊欄的New創(chuàng)建數(shù)據(jù)庫blogDB,然后創(chuàng)建表post,如下:

4.開始代碼

在config.py中進行一些項目的參數(shù)配置:

HOST="localhost"
PORT=8889
USER='root'
PASSWORD='root'
DATABASE='blogDB'
CHARSET='utf8'

在templates文件夾下創(chuàng)建界面巍举,套用模板layout.html,首頁index.html,文章列表list.html,文章詳情post.html。在run.py中連接數(shù)據(jù)庫:

import sys
from flask import *
import warnings
warnings.filterwarnings("ignore")
import pymysql
from config import *
import time
import numpy as np

app = Flask(__name__)
app.config.from_object(__name__)
#鏈接數(shù)據(jù)庫
def connectdb():
    db=pymysql.connect(host=HOST,user=USER,passwd=PASSWORD,db=DATABASE,port=PORT,charset=CHARSET)
    db.autocommit(True)
    cursor=db.cursor()
    return (db,cursor)
#關(guān)閉數(shù)據(jù)庫
def closedb(db,cursor):
    db.close()
    cursor.close()
#首頁
@app.route('/')
def index():
    return render_template('index.html')

if __name__ =='__main__':
    app.run(debug=True)
5.測試

進入項目根目錄凝垛,然后python run.py結(jié)果如下:

 * Running on http://127.0.0.1:5000/ (Press CTRL+C to quit)
 * Restarting with stat
 * Debugger is active!
 * Debugger PIN: 330-801-124

http://127.0.0.1:5000/ 就是項目根地址.

6.頁面之間的跳轉(zhuǎn)以及URL定義

比如首頁index.html跳轉(zhuǎn)到列表界面list.html蜓谋,那么在index.html中:<a href="{{url_for('list')}}">文章列表</a>。而run.py中l(wèi)ist函數(shù)為:

@app.route('/list')
def list():
    return render_template('list.html')

如上所見炭分, route()裝飾器把一個函數(shù)綁定到對應的 URL 上桃焕。這樣index.html就可以跳轉(zhuǎn)到list.html界面了。要在界面之間進行參數(shù)傳遞捧毛,可以在URL綁定相應的變量观堂。比如在文字列表頁面list.html跳轉(zhuǎn)到文字詳情界面post.html要傳遞文章id,那么在list.html界面要傳遞參數(shù)id:

<div>
    {% for item in arr %}
    <h5>第{{item[0]}}篇文章:</h5>
        <div class="artical">
            <h4>
                <a href="{{url_for('post',post_id=item[0])}}">
                    {{item[1]}}
                </a>
            </h4>
            <p> {{item[3]}}</p>
        </div>
    {% endfor %}
</div>

而在run.py中接收參數(shù)post_id,然后從數(shù)據(jù)看獲取相應的文章呀忧,然后返回給post.html頁面:

#文章詳情頁
@app.route('/post/<post_id>')#<post_id>參數(shù)
def post(post_id):
    (db,cursor) = connectdb()
    cursor.execute('select * from post where id=%s',post_id)
    item1=cursor.fetchone()
    item=np.array(item1)
    item[-1]=time.strftime('%Y-%m-%d %H:%M:%S',time.localtime(int(item[-1])))
    closedb(db,cursor)
    return render_template('post.html',item=item)

以上為什么要item=np.array(item1)因為從數(shù)據(jù)看獲取的數(shù)據(jù)時tuple师痕,不能進行更改,而時間要進行轉(zhuǎn)換就要把tuple進行轉(zhuǎn)換后才能更改荐虐,再傳給post.html頁面.

7. 模板渲染

post.html頁面獲取到相應的文章item過后七兜,在此頁面展示文章內(nèi)容:

{% extends 'layout.html' %}
{% block body %}
<h1>文章詳情</h1>
<h2>{{item[1]}}</h2>
<h5>{{item[-1]}}</h5>
<p>{{item[2]}}</p>
{% endblock %}
8.表單數(shù)據(jù)提交

在首頁進行文章的編輯,然后提交給數(shù)據(jù)庫福扬,跳轉(zhuǎn)到文字列表界面腕铸。那么在首頁index.html頁面:

<form action="{{url_for('handel')}}" method="post">
    <h4>添加文章</h4>
    <input type="text" name="title" placeholder="標題">
    <textarea name="content" cols="30" rows="10" placeholder="內(nèi)容"></textarea>
    <button type="submit">提交</button>
</form>

用handel函數(shù)進行post表單提交,在run.py中接收數(shù)據(jù):

#處理提交
@app.route('/handel',methods=['POST'])
def handel():
    data = request.form
    arr=[data['title'],data['content'],int(time.time())]
    print(arr)
    (db,cursor) = connectdb()
    cursor.execute("insert into post(title,content,timestamp) values(%s,%s,%s)",arr)
    db.commit()
    closedb(db,cursor)
    return redirect(url_for('list'))  #跳轉(zhuǎn)到list.html界面

獲取到文字結(jié)構(gòu)然后插入數(shù)據(jù)庫铛碑,跳轉(zhuǎn)到list.html頁面狠裹,展示文章列表,那么run.py中l(wèi)ist函數(shù)就要從數(shù)據(jù)庫獲取所以數(shù)據(jù)汽烦,然后傳遞給list.html頁面涛菠。run.py的list函數(shù):

#文章列表頁
@app.route('/list')
def list():
    (db,cursor) = connectdb()
    cursor.execute("select * from post")
    data=cursor.fetchall()
    closedb(db,cursor)
    arr=[]
    for i in range(0,len(data)):
        lists=np.array(data[i])
        lists[-1]=time.strftime('%Y-%m-%d %H:%M:%S',time.localtime(int(lists[-1])))
        arr.append(lists)
    return render_template('list.html',arr=arr)

在list.html頁面渲染:

{% for item in arr %}
    <h5>第{{item[0]}}篇文章:</h5>
        <div class="artical">
            <h4>
                <a href="{{url_for('post',post_id=item[0])}}">
                    {{item[1]}}
                </a>
            </h4>
            <p> {{item[3]}}</p>
        </div>
    {% endfor %}
這樣,一個簡單的博客網(wǎng)站就搭建成功了撇吞。
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末俗冻,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子牍颈,更是在濱河造成了極大的恐慌迄薄,老刑警劉巖,帶你破解...
    沈念sama閱讀 216,997評論 6 502
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件煮岁,死亡現(xiàn)場離奇詭異讥蔽,居然都是意外死亡,警方通過查閱死者的電腦和手機画机,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,603評論 3 392
  • 文/潘曉璐 我一進店門冶伞,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人步氏,你說我怎么就攤上這事疏日∮虢铮” “怎么了初澎?”我有些...
    開封第一講書人閱讀 163,359評論 0 353
  • 文/不壞的土叔 我叫張陵,是天一觀的道長瀑焦。 經(jīng)常有香客問我腌且,道長梗肝,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,309評論 1 292
  • 正文 為了忘掉前任铺董,我火速辦了婚禮巫击,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘精续。我一直安慰自己坝锰,他們只是感情好,可當我...
    茶點故事閱讀 67,346評論 6 390
  • 文/花漫 我一把揭開白布重付。 她就那樣靜靜地躺著顷级,像睡著了一般。 火紅的嫁衣襯著肌膚如雪确垫。 梳的紋絲不亂的頭發(fā)上弓颈,一...
    開封第一講書人閱讀 51,258評論 1 300
  • 那天,我揣著相機與錄音删掀,去河邊找鬼翔冀。 笑死,一個胖子當著我的面吹牛披泪,可吹牛的內(nèi)容都是我干的纤子。 我是一名探鬼主播,決...
    沈念sama閱讀 40,122評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼款票,長吁一口氣:“原來是場噩夢啊……” “哼控硼!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起艾少,我...
    開封第一講書人閱讀 38,970評論 0 275
  • 序言:老撾萬榮一對情侶失蹤卡乾,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后姆钉,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體说订,經(jīng)...
    沈念sama閱讀 45,403評論 1 313
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,596評論 3 334
  • 正文 我和宋清朗相戀三年潮瓶,在試婚紗的時候發(fā)現(xiàn)自己被綠了陶冷。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 39,769評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡毯辅,死狀恐怖埂伦,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情思恐,我是刑警寧澤沾谜,帶...
    沈念sama閱讀 35,464評論 5 344
  • 正文 年R本政府宣布膊毁,位于F島的核電站,受9級特大地震影響基跑,放射性物質(zhì)發(fā)生泄漏婚温。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 41,075評論 3 327
  • 文/蒙蒙 一媳否、第九天 我趴在偏房一處隱蔽的房頂上張望栅螟。 院中可真熱鬧,春花似錦篱竭、人聲如沸力图。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,705評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽吃媒。三九已至,卻和暖如春吕喘,著一層夾襖步出監(jiān)牢的瞬間赘那,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 32,848評論 1 269
  • 我被黑心中介騙來泰國打工兽泄, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留漓概,地道東北人。 一個月前我還...
    沈念sama閱讀 47,831評論 2 370
  • 正文 我出身青樓病梢,卻偏偏與公主長得像胃珍,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子蜓陌,可洞房花燭夜當晚...
    茶點故事閱讀 44,678評論 2 354

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