首页
所有分类
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操作mysql中文显示乱码的解决方法
Oct 11 Python
python制作爬虫并将抓取结果保存到excel中
Apr 06 Python
python的文件操作方法汇总
Nov 10 Python
python excel使用xlutils类库实现追加写功能的方法
May 02 Python
Python中将两个或多个list合成一个list的方法小结
May 12 Python
Python3读写Excel文件(使用xlrd,xlsxwriter,openpyxl3种方式读写实例与优劣)
Feb 13 Python
Python3变量与基本数据类型用法实例分析
Feb 14 Python
Python基于pyecharts实现关联图绘制
Mar 27 Python
用python实现前向分词最大匹配算法的示例代码
Aug 06 Python
详解Python中如何将数据存储为json格式的文件
Nov 18 Python
如何利用python正则表达式匹配版本信息
Dec 09 Python
Django项目如何正确配置日志(logging)
Apr 29 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
调幅(1) GWEN(1) ad hoc(1) LW(1) 中波(3) 调频(4) SW(1) FM(4) SWL(1) KDKA(1)
You might like
PHP面向对象继承用法详解(优化与减少代码重复)
2016/12/02 PHP
Centos 6.5系统下编译安装PHP 7.0.13的方法
2016/12/19 PHP
php实现图片按比例截取的方法
2017/02/06 PHP
PHP实现QQ登录的开原理和实现过程
2018/02/04 PHP
ThinkPHP3.2.3框架邮件发送功能图文实例详解
2019/04/23 PHP
PHP读取Excel内的图片(phpspreadsheet和PHPExcel扩展库)
2019/11/19 PHP
JS IE和FF兼容性问题汇总
2009/02/09 Javascript
js猜数字小游戏的简单实现代码
2013/07/02 Javascript
JQuery操作三大控件(下拉,单选,复选)的方法
2013/08/06 Javascript
JavaScript中的undefined学习总结
2013/11/30 Javascript
jquery.form.js实现将form提交转为ajax方式提交的方法
2015/04/07 Javascript
详解AngularJS中的作用域
2015/06/17 Javascript
在Node.js应用中读写Redis数据库的简单方法
2015/06/30 Javascript
深入理解JQuery循环绑定事件
2016/06/02 Javascript
关于动态执行代码(js的Eval)实例详解
2016/08/15 Javascript
利用node.js爬取指定排名网站的JS引用库详解
2017/07/25 Javascript
微信小程序解除10个请求并发限制
2018/12/18 Javascript
vue组件之间通信方式实例总结【8种方式】
2019/02/22 Javascript
微信小程序 组件的外部样式externalClasses使用详解
2019/09/06 Javascript
layui表格 返回的数据状态异常的解决方法
2019/09/10 Javascript
RxJS在TypeScript中的简单使用详解
2020/04/13 Javascript
vue+iview使用树形控件的具体使用
2020/11/02 Javascript
vue使用require.context实现动态注册路由
2020/12/25 Vue.js
SpringBoot+Vue 前后端合并部署的配置方法
2020/12/30 Vue.js
Zabbix实现微信报警功能
2016/10/09 Python
Python 模拟购物车的实例讲解
2017/09/11 Python
python3+PyQt5自定义视图详解
2018/04/24 Python
Django中间件基础用法详解
2019/07/18 Python
python requests.get带header
2020/05/05 Python
Spring @Enable模块驱动原理及使用实例
2020/06/23 Python
Python3爬虫关于识别检验滑动验证码的实例
2020/07/30 Python
阿玛尼化妆品美国官网：Giorgio Armani Beauty
2017/02/02 全球购物
英国拖鞋购买网站：Bedroom Athletics
2020/02/28 全球购物
伦敦鲜花递送：Flower Station
2021/02/03 全球购物
普通党员个人剖析材料
2014/10/08 职场文书
Vue elementUI表单嵌套表格并对每行进行校验详解
2022/02/18 Vue.js