Flask框架的學(xué)習(xí)指南之制作簡單blog系統(tǒng)

更新時(shí)間：2016年11月20日 10:57:19 作者：茁壯的小草

本文是Flask框架的學(xué)習(xí)指南系列文章的第二篇主要給大家講述制作一個(gè)簡單的小項(xiàng)目blog系統(tǒng)的過程，有需要的小伙伴可以參考下

之前寫了一篇flask開發(fā)環(huán)境搭建，今天繼續(xù)，進(jìn)行一個(gè)實(shí)戰(zhàn)小項(xiàng)目-blog系統(tǒng)。

blog系統(tǒng)很簡單，只有一個(gè)頁面，然后麻雀雖小五臟俱全。這里目的不是為了做項(xiàng)目而做項(xiàng)目，這篇文章本意是通過這次練習(xí)傳達(dá)以下幾個(gè)知識(shí)點(diǎn)：

1、從全局上了解flask項(xiàng)目的目錄結(jié)構(gòu)

2、flask項(xiàng)目的運(yùn)行機(jī)制

3、flask框架實(shí)現(xiàn)MVC架構(gòu)

4、flask-sqlalchemy 操作mysql數(shù)據(jù)庫

一、新建項(xiàng)目：blog系統(tǒng)

在pycharm中，新建flask項(xiàng)目，如下圖：

完成后的目錄結(jié)構(gòu)是這樣的：非常簡單，一個(gè)static文件夾，一個(gè)templates文件夾，一個(gè)py文件

以上的目錄結(jié)構(gòu)是flask初始時(shí)的結(jié)構(gòu)，這個(gè)只能應(yīng)對很小的項(xiàng)目，對于大型復(fù)雜的項(xiàng)目，我們需要引入包的管理，MVC架構(gòu)設(shè)計(jì)。

二、目錄結(jié)構(gòu)重構(gòu)，引入包管理

針對上面的結(jié)構(gòu)，在最上層blog3目錄下，

1、新建一個(gè)runserver.py文件，作為項(xiàng)目統(tǒng)一入口文件

2、新建blog文件夾，把已存在的static,templates,blog3.py移到blog文件夾下，然后分別建controller、model文件夾。把blog3.py改名為__init__.py，

現(xiàn)在目錄如下所示：

這樣就相當(dāng)于一個(gè)大工程結(jié)構(gòu)了：

1）最上層blog2目錄是項(xiàng)目名稱，一個(gè)項(xiàng)目下可以包括多個(gè)模塊，也就是應(yīng)用，每個(gè)應(yīng)用下有自己的配置文件，初始化文件，MVC架構(gòu)。

2）runserver.py：與應(yīng)用模塊平級(jí)，作為項(xiàng)目啟動(dòng)文件

3）第二級(jí)blog2目錄：模塊名稱

controller目錄：MVC中的C,主要存放視圖函數(shù)

model目錄：MVC中的M,主要存放實(shí)體類文件，映射數(shù)據(jù)庫中表

templates：MVC中的V，存放html文件

static：靜態(tài)文件，主要存放css，js等文件

__init__.py:模塊初始化文件，Flask 程序?qū)ο蟮膭?chuàng)建必須在 __init__.py 文件里完成，然后我們就可以安全的導(dǎo)入引用每個(gè)包。

setting.py:配置文件，數(shù)據(jù)庫用戶名密碼等等

三、開發(fā)代碼

1、先把項(xiàng)目運(yùn)行起來：

1）編寫__init__.py文件，創(chuàng)建項(xiàng)目對象，代碼如下：

# -*- coding: utf-8 -*-
from flask import Flask

#創(chuàng)建項(xiàng)目對象
app = Flask(__name__)

2）在runserver.py文件中添加如下代碼：

from blog3 import app

@app.route('/')
def hello_world():
  return 'Hello World!'
if __name__ == '__main__':
  app.run(debug=True)

3）運(yùn)行runserver.py文件：

然后在瀏覽器中輸入：http://127.0.0.1:5000/,會(huì)顯示helloworld字樣

到這里，項(xiàng)目雛形就可以正常運(yùn)行了，下面的事情就簡單了，添加內(nèi)容，讓項(xiàng)目有血有肉吧。

2、設(shè)計(jì)數(shù)據(jù)庫

本次練習(xí)比較簡單，就兩個(gè)表，一個(gè)user表，一個(gè)文章表。我們采用python的orm框架flask-sqlalchemy實(shí)現(xiàn)表的創(chuàng)建、增刪改查功能。

在model文件夾中添加User.py和Category.py文件，內(nèi)容如下：

1) User.py:

from blog2 import db

class User(db.Model):
  __tablename__ = 'b_user'
  id = db.Column(db.Integer,primary_key=True)
  username = db.Column(db.String(10),unique=True)
  password = db.Column(db.String(16))

  def __init__(self,username,password):
    self.username = username
    self.password = password
  def __repr__(self):
    return '<User %r>' % self.username

2) Category.py

from blog2 import db

class Category(db.Model):
  __tablename__ = 'b_category'
  id = db.Column(db.Integer,primary_key=True)
  title = db.Column(db.String(20),unique=True)
  content = db.Column(db.String(100))

  def __init__(self,title,content):
    self.title = title
    self.content = content
  def __repr__(self):
    return '<Category %r>' % self.title

3）在模塊目錄blog2下新建setting.py文件，配置數(shù)據(jù)庫連接信息

# _*_ coding: utf-8 _*_

#調(diào)試模式是否開啟
DEBUG = True

SQLALCHEMY_TRACK_MODIFICATIONS = False
#session必須要設(shè)置key
SECRET_KEY='A0Zr98j/3yX R~XHH!jmN]LWX/,?RT'

#mysql數(shù)據(jù)庫連接信息,這里改為自己的賬號(hào)
SQLALCHEMY_DATABASE_URI = "mysql://username:password@ip:port/dbname"

4）讓項(xiàng)目讀取配置文件

修改__init__.py:添加如下內(nèi)容（紅色部分）：

# -*- coding: utf-8 -*-
from flask import Flask
from flask_sqlalchemy import SQLAlchemy
app = Flask(__name__)#import os#print os.environ.keys()#print os.environ.get('FLASKR_SETTINGS')#加載配置文件內(nèi)容app.config.from_object('blog2.setting')   #模塊下的setting文件名，不用加py后綴 app.config.from_envvar('FLASKR_SETTINGS')  #環(huán)境變量，指向配置文件setting的路徑#創(chuàng)建數(shù)據(jù)庫對象 db = SQLAlchemy(app)

注意：FLASKR_SETTINGS環(huán)境變量需要手工單獨(dú)設(shè)置，window下可以在命令行中輸入：

E:\workdir\blog2> set FLASKR_SETTINGS=E:\workdir\blog2\blog2\setting.py

或者點(diǎn)擊我的電腦-->高級(jí)-->環(huán)境變量，新建一個(gè)。

5）創(chuàng)建數(shù)據(jù)庫和表

windows命令行模式下，cd到項(xiàng)目runserver.py那個(gè)目錄下，進(jìn)入python shell下：

輸入紅色部分：

E:\workdir\blog2>python
Python 2.7.10 (default, May 23 2015, 09:44:00) [MSC v.1500 64 bit (AMD64)] on wi
n32
Type "help", "copyright", "credits" or "license" for more information.
>>> from blog2 import db
>>> db.create_all()
>>>
>>>

如果沒有任何錯(cuò)誤輸出代表創(chuàng)建數(shù)據(jù)庫和表成功了。這時(shí)我們到數(shù)據(jù)庫中去查看：

數(shù)據(jù)庫已經(jīng)存在了，再看看表情況：發(fā)現(xiàn)沒有對應(yīng)的b_user和b_category表。這是為什么呢？是不是沒有找到model目錄下的兩個(gè)類呢。問題在于：__init__.py文件沒有引入model包，導(dǎo)致__init__.py無法找到實(shí)體類。記住：一切模塊對象的創(chuàng)建都在__init__.py中完成

在blog2目錄下的__init__.py添加如下代碼：

#只有在app對象之后聲明，用于導(dǎo)入model否則無法創(chuàng)建表
from blog2.model import User,Category

再次運(yùn)行上面命令：db.create_all()方法。這時(shí)表已經(jīng)創(chuàng)建成功了。

3、添加界面模板：如登陸頁面，顯示blog文章頁面，添加blog頁面

在templates目錄下添加三個(gè)html文件：

layout.html:

 <!doctype html>
 <title>Flaskr</title>
 <link rel=stylesheet type=text/css href="{{ url_for('static', filename='style.css') }}">
 <div class=page>
  <h1>Flaskr</h1>
  <div class=metanav>
  {% if not session.logged_in %}
   <a href="{{ url_for('login') }}">log in</a>
  {% else %}
   <a href="{{ url_for('logout') }}">log out</a>
  {% endif %}
  </div>
  {% for message in get_flashed_messages() %}
   <div class=flash>{{ message }}</div>
  {% endfor %}
  {% block body %}{% endblock %}
 </div>

{% extends "layout.html" %}
{% block body %}
 <h2>Login</h2>
 {% if error %}<p class=error><strong>Error:</strong> {{ error }}{% endif %}
 <form action="{{ url_for('login') }}" method=post>
  <dl>
   <dt>Username:
   <dd><input type=text name=username>
   <dt>Password:
   <dd><input type=password name=password>
   <dd><input type=submit value=Login>
  </dl>
 </form>
{% endblock %}

show_entries.html:

{% extends "layout.html" %}
{% block body %}
 {% if session.logged_in %}
  <form action="{{ url_for('add_entry') }}" method='POST' class=add-entry>
   <dl>
    <dt>Title:
    <dd><input type=text size=30 name=title>
    <dt>Text:
    <dd><textarea name=text rows=5 cols=40></textarea>
    <dd><input type=submit value=Share>
   </dl>
  </form>
 {% endif %}
 <ul class=entries>
 {% for entry in entries %}
  <li><h2>{{ entry.title }}</h2>{{ entry.content|safe }}
 {% else %}
  <li><em>Unbelievable. No entries here so far</em>
 {% endfor %}
 </ul>
{% endblock %}

對應(yīng)static中添加css文件：style.css

body      { font-family: sans-serif; background: #eee; }
a, h1, h2    { color: #377BA8; }
h1, h2     { font-family: 'Georgia', serif; margin: 0; }
h1       { border-bottom: 2px solid #eee; }
h2       { font-size: 1.2em; }

.page      { margin: 2em auto; width: 35em; border: 5px solid #ccc;
         padding: 0.8em; background: white; }
.entries    { list-style: none; margin: 0; padding: 0; }
.entries li   { margin: 0.8em 1.2em; }
.entries li h2 { margin-left: -1em; }
.add-entry   { font-size: 0.9em; border-bottom: 1px solid #ccc; }
.add-entry dl  { font-weight: bold; }
.metanav    { text-align: right; font-size: 0.8em; padding: 0.3em;
         margin-bottom: 1em; background: #fafafa; }
.flash     { background: #CEE5F5; padding: 0.5em;
         border: 1px solid #AACBE2; }
.error     { background: #F0D6D6; padding: 0.5em; }

4、添加業(yè)務(wù)邏輯

在controller目錄下新建blog_message.py文件：

from blog2.model.User import User
from blog2.model.Category import Category
import os

from blog2 import app,db
from flask import request,render_template,flash,abort,url_for,redirect,session,Flask,g

@app.route('/')
def show_entries():
categorys = Category.query.all()
return render_template('show_entries.html',entries=categorys)

@app.route('/add',methods=['POST'])
def add_entry():
if not session.get('logged_in'):
abort(401)
title = request.form['title']
content = request.form['text']
category = Category(title,content)
db.session.add(category)
db.session.commit()
flash('New entry was successfully posted')
return redirect(url_for('show_entries'))

@app.route('/login',methods=['GET','POST'])
def login():
error = None
if request.method == 'POST':
username = request.form['username']
password = request.form['password']
user = User.query.filter_by(username=request.form['username']).first()
passwd = User.query.filter_by(password=request.form['password']).first()

if user is None:
error = 'Invalid username'
elif passwd is None:
error = 'Invalid password'
else:
session['logged_in'] = True
flash('You were logged in')
return redirect(url_for('show_entries'))
return render_template('login.html', error=error)

@app.route('/logout')
def logout():
session.pop('logged_in', None)
flash('You were logged out')
return redirect(url_for('show_entries'))

千萬不要忘了在模塊級(jí)目錄下(blog2目錄)的__init__.py文件引入視圖模塊，代碼如下：

#只有在app對象之后聲明，用于導(dǎo)入view模塊
from blog2.controller import blog_manage

5、運(yùn)行項(xiàng)目，效果如下：

1）輸入http://127.0.0.1:5000/,正常情況下你的應(yīng)該是空白的，因?yàn)檫€沒有任何數(shù)據(jù)。

2）點(diǎn)擊log in

忘了告訴你了，你要事先在b_user表中添加一個(gè)用戶喔，因?yàn)榈顷懸?yàn)證用戶的，否則你是無法登陸成功的。

3）添加條目

以上就是這個(gè)小項(xiàng)目的所有頁面，很簡單吧。你一定能搞定?。?！

【總結(jié)】：通過本次練習(xí)，是否對flask框架運(yùn)行機(jī)制有所了解呢，是不是已經(jīng)有了全局的認(rèn)識(shí)了，如果ok，那么這個(gè)小練習(xí)就有存在價(jià)值了。

參考文獻(xiàn)：

【flask快速入門中文版】http://docs.jinkan.org/docs/flask/

【flask快速入門英文版】http://flask.pocoo.org/docs/0.11/

【flask-sqlalchemy中文版】http://www.pythondoc.com/flask-sqlalchemy/index.html

【flask-sqlalchemy英文版】http://flask-sqlalchemy.pocoo.org/2.1/

您可能感興趣的文章:

Flask框架

欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

軟件下載

源碼下載

軟件編程

網(wǎng)絡(luò)編程

在線工具

數(shù)據(jù)庫

CMS

常用工具

Flask框架的學(xué)習(xí)指南之制作簡單blog系統(tǒng)

相關(guān)文章

最新評論

大家感興趣的內(nèi)容

最近更新的內(nèi)容

常用在線小工具