首页
所有分类
TAGS
文字工具 EMOJI BIBLE
编程 Python

Flask框架web开发之零基础入门

Posted in Python onDecember 10, 2018

Flask框架是Python开发的一个基于Werkzeug和Jinja 2的web开发微框架，它的优势就是极其简洁， 但又非常灵活，而且容易学习和应用。因此Flask框架是Python新手快速开始web开发最好的选择，此外， 使用Flask框架的另一个好处在于你可以非常轻松地将基于Python的机器学习算法或数据分析算法集成到 web应用中。

Flask框架web开发之零基础入门 

1、可以用Flask框架做什么

从博客应用到克隆一个facebook或者twitter，理论上你可以用Flask做任何事情。有很多库 可以直接使用，例如flask-sockets，flask-google-maps等，而且Flask框架支持MySQL、Postgresql、 MongoDB等诸多数据库。

我能想到的一些可以用Flask框架实现的web应用类型：博客应用、聊天应用、仪表盘应用、REST API、管理页面、邮件服务等。

如果希望深入学习Flask Web开发，推荐这个教程：深入浅出Flask 安装Flask

使用pip安装Flask：

$ pip install flask

2、Hello,World

创建一个文件app.py，然后只需要几个简单的步骤，就可以写出Flask版本的Hello World

引入Flask类

from flask import Flask

创建Flask对象，我们将使用该对象进行应用的配置和运行：

app = Flask(__name__)

name 是Python中的特殊变量，如果文件作为主程序执行，那么 __name__ 变量的值就是 __main__ ，如果是被其他模块引入，那么 __name__ 的值就是模块名称。

编写主程序

在主程序中，执行 run() 来启动应用：

if __name__ =="__main__":
  app.run(debug=True, port=8080)

改名启动一个本地服务器，默认情况下其地址是 localhost:5000 ，在上面的代码中，我们使用关键字 参数 port 将监听端口修改为8080。

路由

使用app变量的 route() 装饰器来告诉Flask框架URL如何触发我们的视图函数：

@app.route('/')
def hello_world():
  return 'Hello, World!'

上面的标识，对路径'/‘的请求，将转为对 hello_world() 函数的调用。很直白，对吧？

运行

现在，让我们完整地看一下app.py的整个代码：

from flask import Flask
app = Flask(__name__)

@app.route('/')
def hello_world():
  return 'Hello, World!'

if __name__ =="__main__":
  app.run(debug=True,port=8080)

然后运行起来：

$ python app.py

你应该会看到如下输入：

现在就可以打开浏览器访问 http://127.0.0.1:8080/ 了：

* Serving Flask app "app" (lazy loading)
* Environment: production
* Debug mode: on
* Running on http://127.0.0.1:8080/ (Press CTRL+C to quit)
* Restarting with stat
* Debugger is active!
* Debugger PIN: 770-937-705

Flask框架web开发之零基础入门

3、使用HTML模板

首先我们看看如何原始的HTML代码插入Flask应用：

from flask import Flask
app = Flask(__name__)


@app.route('/greet')
def greet():
  user = {'username': 'John', 'age': "20"}
  return '''
<html>
  <head>
    <title>Templating</title>
  </head>
  <body>
    <h1>Hello, ''' + user['username'] + '''!, you're ''' + user['age'] + ''' years old.</h1>
  </body>
</html>'''


if __name__ == '__main__':
app.run(debug = True,port=8080)

在上面的代码中，我们使用拼接的HTML字符串来展示user字典的数据。现在访问 http://127.0.0.1:8080/greet ：

Flask框架web开发之零基础入门

拼接HTML字符串非常容易出错，因此Flask使用Jinja 2模板引擎来分离数据逻辑和展示层。

我们将模板文件按如下路径放置：

Apps folder
/app.py
templates
  |-/index.html

使用模板时，视图函数应当返回 render_template() 的调用结果。例如下面的代码片段 渲染模板 index.html ，并将渲染结果作为视图函数的返回值：

from flask import Flask, render_template
app = Flask(__name__)

@app.route('/hello')
def hello():
  return render_template('index.html', name="Alex")

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

在上面的代码中，模板文件 index.html 依赖于变量 name ，其内容如下：

<html>
<body>
 {% if name %}
  <h2>Hello {{ name }}.</h2>
 {% else %}
  <h2>Hello.</h2>
 {% endif %}
 </body>
</html>

模板文件的语法扩充了HTML，因此可以使用变量和逻辑。

在浏览器中访问 http://127.0.0.1:8080/hello/alex ：

Flask框架web开发之零基础入门

4、使用表单

每个web应用都需要使用表单来采集用户数据。现在让我们使用Flask框架创建一个 简单的表单来收集用户的基本信息，例如名称、年龄、邮件、兴趣爱好等，我们将 这个模板文件命名为 bio_form.html

<!DOCTYPE html>
<html>
<head>
  <title></title>
</head>
<body>
  <h1>Bio Data Form</h1>
  <form action="showbio">
    <label>Username</label>
    <input type="name" name="username"><br>
    <label>Email</label>
    <input type="email" name="email"><br>
    <label>Hobbies</label>
    <input type="name" name="hobbies"><br>
    <input type="submit" name="">
  </form>
</body>
</html>

视图函数 bio_data_form 同时支持POST和GET请求。GET请求将渲染 bio_form.html 模板，而POST请求将重定向到 showbio ：

@app.route('/form', methods=['POST', 'GET'])
def bio_data_form():  
  if request.method == "POST":
    username = request.form['username']    
    age = request.form['age']    
    email = request.form['email']    
    hobbies = request.form['hobbies']    
    return redirect(url_for('showbio',               
                username=username,
                age=age,
                email=email,  
                hobbies=hobbies))  
  return render_template("bio_form.html")

下面是showbio的实现：

@app.route('/showbio', methods=['GET'])
def showbio():  
  username = request.args.get('username')  
  age = request.args.get('age')  
  email = request.args.get('email')  
  hobbies = request.args.get('hobbies')  
  return render_template("show_bio.html",
              username=username,             
              age=age,             
              email=email,             
              hobbies=hobbies)

以及show_bio.html的内容：

<!DOCTYPE html>
<html>
<head>
  <title>Bio-Data Details</title>
</head>
<body>
  <h1>Bio-Data Details</h1>
  <hr>
  <h1>Username: {{ username }}</h1>
  <h1>Email: {{ email }}</h1>
  <h1>Hobbies: {{ hobbies }}</h1>
</body>
</html>

5、数据库集成：使用SQLAlchemy

Flask不能直接连接数据库，需要借助于ORM（Object Relational Mapper）。 在这一部分，我们将借助于SQLAlchemy使用Postgres数据库。

安装Flask-SQLAlchemy和Postgres

首先安装flask-sqlalchemy：

$ pip install flask-sqlalchemy

然后从官方下载并安装postgres：https://postgresapp.com/

创建数据库

在终端中使用下面的命令创建一个appdb数据库：

$ createdb appdb

更新应用配置

修改app.config，添加数据库相关的配置信息：

app.config['DEBUG'] = True
app.config['SQLALCHEMY_DATABASE_URI']='postgresql://localhost/appdb'
SQLALCHEMY_TRACK_MODIFICATIONS = True
db = SQLAlchemy(app)

然后在代码中就可以使用这些配置数据了：

from flask import Flask, request, render_template
from flask_sqlalchemy import SQLAlchemy

# Settings
app = Flask(__name__)
app.config['DEBUG'] = True
app.config['SQLALCHEMY_DATABASE_URI'] = 'postgresql://localhost/appdb'
db = SQLAlchemy(app)

@app.route('/')
def hello_world():
  return 'Hello, World!'

if __name__ == '__main__':
  app.run()

现在，让我们创建第一个模型（Model）。所有模型的基类是db.Model，使用Column来定义 数据列：

class Post(db.Model):
  id = db.Column(db.Integer(), primary_key=True)
  title = db.Column(db.String(80), unique=True)
  post_text = db.Column(db.String(255))
  
  def __init__(self, title, post_text):
    self.title = title
    self.post_text = post_text

在代码中使用模型：

from flask import Flask
from flask_sqlalchemy import SQLAlchemy
app = Flask(__name__)
app.config['SQLALCHEMY_DATABASE_URI'] = 'postgresql://localhost/testdb'

db = SQLAlchemy(app)


class Post(db.Model):
  id = db.Column(db.Integer(), primary_key=True)
  title = db.Column(db.String(80), unique=True)
  post_text = db.Column(db.String(255))

  def __init__(self, title, post_text):
    self.title = title
    self.post_text = post_text


@app.route('/')
def index():
  return "Hello World"


app = Flask(__name__)

if __name__ == "__main__":
  app.run()

6、模型-数据同步

使用ORM时，需要执行迁移操作以便在模型和持久化数据之间保持同步。我们使用 Flask-Migrate这个扩展来完成该任务。

首先安装：

$ pip install flask-migrate
$ pip install flask_script

然后在代码中引入：

from flask_script import Manager
from flask_migrate import Migrate, MigrateCommand

进行必要的配置：

migrate = Migrate(app, db)
manager = Manager(app)
manager.add_command('db', MigrateCommand)

运行管理器：

if __name__ == '__main__':
  manager.run()

完整的代码如下：

from flask import Flask
from flask_sqlalchemy import SQLAlchemy
from flask_script import Manager
from flask_migrate import Migrate, MigrateCommand

app = Flask(__name__)
app.config['SQLALCHEMY_DATABASE_URI'] = 'postgresql://localhost/appdb'

db = SQLAlchemy(app)
migrate = Migrate(app, db)
manager = Manager(app)
manager.add_command('db', MigrateCommand)


class Post(db.Model):
  id = db.Column(db.Integer(), primary_key=True)
  title = db.Column(db.String(80), unique=True)
  post_text = db.Column(db.String(255))

  def __init__(self, title, post_text):
    self.title = title
    self.post_text = post_text


@app.route('/')
def index():
  return "Hello World"


if __name__ == "__main__":
  manager.run()

使用如下的命令初始化Alembic：

$ python app.py db init
Creating directory /Users/Vihar/Desktop/flask-databases/migrations ... done
...
...
...
Generating /Users/Vihar/Desktop/flask-databases/migrations/alembic.ini ... done

执行第一个迁移任务：

$ python app.py db migrate
INFO [alembic.runtime.migration] Context impl PostgresqlImpl.
INFO [alembic.runtime.migration] Will assume transactional DDL.
INFO [alembic.autogenerate.compare] Detected added table 'post'

Generating /Users/Vihar/Desktop/flask-databases/migrations/versions/ed3b3a028447_.py ... done

一旦上述命令执行完毕，我们的数据表就会创建成功。现在更新数据库：

$ python app.py db upgrade

Flask框架web开发之零基础入门

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持三水点靠木。

Flask框架web开发之零基础入门

- Author -

学习软件编程

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Python 相关文章推荐
python检测lvs real server状态
Jan 22 Python
Python函数式编程指南（二）：从函数开始
Jun 24 Python
Python的Flask框架及Nginx实现静态文件访问限制功能
Jun 27 Python
Python实现PS滤镜特效Marble Filter玻璃条纹扭曲效果示例
Jan 29 Python
Python3 XML 获取雅虎天气的实现方法
Feb 01 Python
python 提取key 为中文的json 串方法
Dec 31 Python
对Python 两大环境管理神器 pyenv 和 virtualenv详解
Dec 31 Python
Python基于opencv调用摄像头获取个人图片的实现方法
Feb 21 Python
正则给header的冒号两边参数添加单引号（Python请求用）
Aug 09 Python
django 解决model中类写不到数据库中,数据库无此字段的问题
May 20 Python
python实现单机五子棋
Aug 28 Python
Python实现打乒乓小游戏
Sep 25 Python
Ubuntu下升级 python3.7.1流程备忘(推荐)
Dec 10 #Python
Python操作Excel插入删除行的方法
Dec 10 #Python
Python openpyxl 遍历所有sheet 查找特定字符串的方法
Dec 10 #Python
使用pandas实现csv/excel sheet互相转换的方法
Dec 10 #Python
python得到一个excel的全部sheet标签值方法
Dec 10 #Python
解决pandas .to_excel不覆盖已有sheet的问题
Dec 10 #Python
python模块导入的细节详解
Dec 10 #Python
自我鉴定(671) 岗位职责(1324) 求职信(1029) 自荐信(981) 推荐信(292) 自我评价(886) SOA面试题(9) Delphi面试题(13) Ruby面试题(15) J2EE面试题(19)
You might like
php下连接ftp实现文件的上传、下载、删除文件实例代码
2010/06/03 PHP
PHP 飞信好友免费短信API接口开源版
2010/07/22 PHP
PHP下对字符串的递增运算代码
2010/08/21 PHP
用PHP读取和编写XML DOM的实现代码
2011/02/03 PHP
php强制文件下载而非在浏览器打开的自定义函数分享
2014/05/08 PHP
CodeIgniter配置之autoload.php自动加载用法分析
2016/01/20 PHP
yii2中LinkPager增加总页数和总记录数的实例
2017/08/28 PHP
Laravel框架实现的上传图片到七牛功能详解
2019/09/06 PHP
Javascript 学习书 推荐
2009/06/13 Javascript
Jquery中LigerUi的弹出编辑框(实现方法)
2013/07/09 Javascript
jQuery实现的向下图文信息滚动效果
2015/05/03 Javascript
js删除Array数组中指定元素的两种方法
2016/08/03 Javascript
bootstrap+jQuery 实现下拉菜单中复选框全选和全不选效果
2017/06/12 jQuery
详解nodejs通过代理(proxy)发送http请求(request)
2017/09/22 NodeJs
element-plus一个vue3.xUI框架(element-ui的3.x 版初体验)
2020/12/02 Vue.js
[01:31:22]DOTA2-DPC中国联赛定级赛 LBZS vs Magma BO3第二场 1月10日
2021/03/11 DOTA
Python for Informatics 第11章 正则表达式(一)
2016/04/21 Python
python使用__slots__让你的代码更加节省内存
2018/09/05 Python
python得到电脑的开机时间方法
2018/10/15 Python
python实现n个数中选出m个数的方法
2018/11/13 Python
python 用for循环实现1~n求和的实例
2019/02/01 Python
Python实现简单的列表冒泡排序和反转列表操作示例
2019/07/10 Python
简单了解Django ContentType内置组件
2019/07/23 Python
HTML5画渐变背景图片并自动下载实现步骤
2013/11/18 HTML / CSS
Lands’ End官网：经典的美国生活方式品牌
2016/08/14 全球购物
英国曼彻斯特宠物用品品牌：Bunty Pet Products
2019/07/27 全球购物
水电工岗位职责
2014/02/12 职场文书
最新优秀教师个人先进事迹材料
2014/05/06 职场文书
小学三好学生事迹材料
2014/08/15 职场文书
医院见习报告范文
2014/11/03 职场文书
党员身份证明材料
2015/06/19 职场文书
2016年大学生社区服务活动总结
2016/04/06 职场文书
关于Javascript闭包与应用的详解
2021/04/22 Javascript
python如何利用cv2模块读取显示保存图片
2021/06/04 Python
Vue3.0 手写放大镜效果
2021/07/25 Vue.js
ssh服务器拒绝了密码 请再试一次已解决(亲测有效)
2022/08/14 Servers