Flask框架的学习指南之制作简单blog系统

之前写了一篇flask开发环境搭建，今天继续，进行一个实战小项目-blog系统。

blog系统很简单，只有一个页面，然后麻雀虽小五脏俱全。这里目的不是为了做项目而做项目，这篇文章本意是通过这次练习传达以下几个知识点：

1、从全局上了解flask项目的目录结构

2、flask项目的运行机制

3、flask框架实现MVC架构

4、flask-sqlalchemy 操作mysql数据库

一、新建项目：blog系统

在pycharm中，新建flask项目，如下图：

完成后的目录结构是这样的：非常简单，一个static文件夹，一个templates文件夹，一个py文件

以上的目录结构是flask初始时的结构，这个只能应对很小的项目，对于大型复杂的项目，我们需要引入包的管理，MVC架构设计。

二、目录结构重构，引入包管理

针对上面的结构，在最上层blog3目录下，

1、新建一个runserver.py文件，作为项目统一入口文件

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

现在目录如下所示：

这样就相当于一个大工程结构了：

1）最上层blog2目录是项目名称，一个项目下可以包括多个模块，也就是应用，每个应用下有自己的配置文件，初始化文件，MVC架构。

2）runserver.py：与应用模块平级，作为项目启动文件

3）第二级blog2目录：模块名称

controller目录：MVC中的C,主要存放视图函数

model目录：MVC中的M,主要存放实体类文件，映射数据库中表

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

static：静态文件，主要存放css，js等文件

__init__.py:模块初始化文件，Flask 程序对象的创建必须在 __init__.py 文件里完成， 然后我们就可以安全的导入引用每个包。

setting.py:配置文件，数据库用户名密码等等

三、开发代码

1、先把项目运行起来：

1） 编写__init__.py文件，创建项目对象，代码如下：

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

#创建项目对象
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）运行runserver.py文件：

然后在浏览器中输入：http://127.0.0.1:5000/,会显示helloworld字样

到这里，项目雏形就可以正常运行了，下面的事情就简单了，添加内容，让项目有血有肉吧。

2、设计数据库

本次练习比较简单，就两个表，一个user表，一个文章表。我们采用python的orm框架flask-sqlalchemy实现表的创建、增删改查功能。

在model文件夹中添加User.py和Category.py文件，内容如下：

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 '' % 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 '' % self.title

3）在模块目录blog2下新建setting.py文件，配置数据库连接信息

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

#调试模式是否开启
DEBUG = True

SQLALCHEMY_TRACK_MODIFICATIONS = False
#session必须要设置key
SECRET_KEY='A0Zr98j/3yX R~XHH!jmN]LWX/,?RT'

#mysql数据库连接信息,这里改为自己的账号
SQLALCHEMY_DATABASE_URI = "mysql://username:password@ip:port/dbname"

4）让项目读取配置文件

修改__init__.py:添加如下内容（红色部分）：

# -*- 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')#加载配置文件内容app.config.from_object('blog2.setting')   #模块下的setting文件名，不用加py后缀 app.config.from_envvar('FLASKR_SETTINGS')  #环境变量，指向配置文件setting的路径#创建数据库对象 db = SQLAlchemy(app)

注意：FLASKR_SETTINGS环境变量需要手工单独设置，window下可以在命令行中输入：

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

或者点击我的电脑-->高级-->环境变量，新建一个。

5）创建数据库和表

windows命令行模式下，cd到项目runserver.py那个目录下，进入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()
>>>
>>>

如果没有任何错误输出代表创建数据库和表成功了。这时我们到数据库中去查看：

数据库已经存在了，再看看表情况：发现没有对应的b_user和b_category表。这是为什么呢？是不是没有找到model目录下的两个类呢。问题在于：__init__.py文件没有引入model包，导致__init__.py无法找到实体类。记住：一切模块对象的创建都在__init__.py中完成

在blog2目录下的__init__.py添加如下代码：

#只有在app对象之后声明，用于导入model否则无法创建表
from blog2.model import User,Category

再次运行上面命令：db.create_all()方法。这时表已经创建成功了。

3、添加界面模板：如登陆页面，显示blog文章页面，添加blog页面

在templates目录下添加三个html文件：

layout.html:

login.html:

{% extends "layout.html" %}
{% block body %}
 
Login
 {% if error %}
Error: {{ error }}{% endif %}
 

Username:

Password:

{% endblock %}

show_entries.html:

{% extends "layout.html" %}
{% block body %}
 {% if session.logged_in %}
  

Title:

Text:

{% endif %}

{% for entry in entries %}

• {{ entry.title }}

  {{ entry.content|safe }} {% else %}
• Unbelievable. No entries here so far {% endfor %}

{% endblock %}

对应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、添加业务逻辑

在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'))

千万不要忘了在模块级目录下(blog2目录)的__init__.py文件引入视图模块，代码如下：

#只有在app对象之后声明，用于导入view模块
from blog2.controller import blog_manage

5、运行项目，效果如下：

1）输入http://127.0.0.1:5000/,正常情况下你的应该是空白的，因为还没有任何数据。

2）点击log in

忘了告诉你了，你要事先在b_user表中添加一个用户喔，因为登陆要验证用户的，否则你是无法登陆成功的。

3） 添加条目

以上就是这个小项目的所有页面，很简单吧。你一定能搞定！！！

【总结】：通过本次练习，是否对flask框架运行机制有所了解呢，是不是已经有了全局的认识了，如果ok，那么这个小练习就有存在价值了。

参考文献：

【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/

声明：本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系[e-mail]核实处理。

相关文章

相关视频

---

• 一文了解Python中如何使用query()进行优...
• Python深入学习之特殊方法与多范式
• python下如何让web元素的生成更简单的分析
• python fabric实现远程操作和部署示例
• Flask框架的学习指南之制作简单blog系统

• JSP 开发环境搭建
• Python 环境搭建
• Swift 环境搭建
• 开发环境搭建
• jQuery的环境搭建

网友评论

文明上网理性发言，请遵守 新闻评论服务协议

我要评论

立即提交

专题推荐

• 独孤九贱-php全栈开发教程

  全栈 170W+

  主讲：Peter-Zhu 轻松幽默、简短易学，非常适合PHP学习入门

• 玉女心经-web前端开发教程

  入门 80W+

  主讲：灭绝师太 由浅入深、明快简洁，非常适合前端学习入门

• 天龙八部-实战开发教程

  实战 120W+

  主讲：西门大官人 思路清晰、严谨规范，适合有一定web编程基础学习

作者信息

认证0级讲师

发布技术文章

• 最新文章
• 热门排行

• 一文了解Python中如何使用query()进行优雅的查询
• python基本运算符号有哪些
• 在python中导入哪个库可以进行大数据分析
• 浅谈浮点数运算为什么会产生误差
• pandas怎么读取excel文件
• 一文了解大文件排序/外存排序问题
• python如何读取txt文件内容
• python的缩进规则是什么

• python是什么意思
• 大数据专业学习什么内容
• python如何处理excel数据
• py文件怎么打开？
• python里面def是什么意思
• pycharm怎么安装
• python怎么换行输出
• python中eval是什么意思？

推荐视频教程

javascript初级视频教程

jquery 基础视频教程

视频教程分类

• php视频教程
• html视频教程
• css视频教程
• JS视频教程
• jQuery视频教程
• mysql视频教程
• Linux视频教程
• Python视频教程

• 网站首页
• PHP视频
• PHP实战
• PHP代码
• PHP手册
• 词条
• 手记
• 编程词典
• php培训

：公益在线php培训，帮助PHP学习者快速成长！

Copyright 2014-2021 https://www.php.cn/ All Rights Reserved | 苏ICP备2020058653号-1关于我们免责申明赞助与捐赠广告合作