V0W's Blog

flask+jinja2+mysql开发学习笔记

字数统计: 3,532阅读时长: 14 min
2018/08/31 Share

flask+jinja2+mysql开发学习笔记

环境准备工作

python虚拟环境介绍和安装

  1. 因为python的框架更新太快,有时候需要在一台电脑上存在多个框架版本,使用虚拟环境可以避免版本不兼容的问题。
  2. 命令pip install virtualenv
  3. 创建总的虚拟环境目录Virtualenv
  4. 创建一个flask虚拟环境目录virtualenv flask
  5. 激活虚拟环境:
    • [windows]: 直接进入虚拟环境目录,执行命令activate
    • [类Unix]:source [虚拟环境目录]/bin/activate
  6. 退出虚拟环境,进入全局环境:deactivate

虚拟环境中安装flask

  1. 进入虚拟环境目录,激活虚拟环境
  2. 执行pip install flask

第一个简单的flask应用

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
from flask import Flask

# 需要传入一个参数__name__
# 1. 方便flask框架去寻找资源
# 2. 方便flask插件出现错误时,好去寻找问题的位置
app = Flask(__name__)

# @app.route 是一个装饰器
# @开头,并且在函数的上面,说明时装饰器
# 作用是 做一个url与视图函数的映射

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

# 入口程序
if __name__ == '__main__':
app.run(debug=True)
# 启用debug模式,方便调试和查看效果

config配置文件

工程目录下:新建config.py,一些配置参数放在这里如debugsecret_key

在主app文件中导入这个文件,并且配置到app中,代码如下:

1
2
import config
app.config.from_object(config)

url传参

  1. 在相同的url中,指定不同的参数,来加载不同的数据
  2. flask中如何使用参数:
    1
    2
    3
    @app.route('/article/<id>')
    def article(id):
    return u'你请求的参数是:%s' % id
  • 参数需要放在两个尖括号中。
  • 视图函数中需要放和url中的参数同名的参数。

反转url

  1. 反转url是指由视图函数到->url
  2. 使用函数url_for
  3. 用处:
  • 在页面重定向时,会使用到url反转。
  • 在模板中,也会使用到url反转。

页面跳转和重定向:

  1. 用处:在用户访问一些需要登录的页面的时候,如果用户没有登录,那么可以让她重定向到登录页面。
  2. 代码实现:

    from flask import redirect,url
    redirect(url_for(‘login’))

flask渲染jinja2模板和传参

  1. 如何渲染模板

    • 模板放在templates文件夹下
    • flask中导入render_template函数
    • 在视图函数中,使用render_template函数渲染模板。只需写模板名字,因为默认路径是templates
  2. 模板传参

    • 如果只有一个或少量参数,可以直接在render_template传参。
    • 如果参数较多,则可以先把参数放在一个字典中,然后在render_template中使用**dist,把参数字典转换为关键字参数,使得代码更方便管理。
  3. 在模板中,如果要使用一个变量,语法是:

  4. 访问模型中的属性或者是字典,可以通过的形式,或者是使用.

if判断:

  1. 语法:

    1
    2
    3
    {% if xxx %}
    {% else %}
    {% endif %}
  2. if的使用,可以和python中相差无几。

for循环遍历列表和字典:

  1. 字典的遍历,语法和python一样,可以使用items()keys()values()iteritems()iterkeys()itervalues()

    1
    2
    3
    {% for k,v in user.items() %}
    <p>{{ k }}{{ v }}</p>
    {% endfor %}
  2. 列表的遍历:语法和python一样。

    1
    2
    3
    {% for website in websites %}
    <p>{{ website }}</p>
    {% endfor %}

过滤器

  1. 介绍和语法:

    • 介绍:过滤器可以处理变量,把原始的变量经过处理后再展示出来。作用的对象是变量。
    • 语法:
      1
      2
      {{ avatar|default('xxx') }}
      中间是管道符号`|`
  2. default过滤器:如果当前变量不存在,这时候可以指定默认值。

  3. length过滤器:求列表或者字符串或者字典或者元组的长度。

继承和block:

  1. 继承作用和语法:

    • 作用:可以把一些公共的代码放在父模板中,避免每个模板写同样的代码。
    • 语法:
      1
      {% extends 'base.html' %}
  2. block实现:

    • 作用:可以让子模板实现一些自己的需求。父模板需要提前定义好。
    • 注意点:子模板中的代码,必须放在block块中。

url链接:

使用url_for(视图函数名称)可以反转成url。

加载静态文件:

  1. 语法:url_for('static',filename='路径')
  2. 静态文件,flask会从static文件夹中开始寻找,所以不需要再写static这个路径了。
  3. 可以加载css文件,可以加载js文件,还有image文件。
    1
    2
    3
    4
    5
    6
    第一个:加载css文件
    <link rel="stylesheet" href="{{ url_for('static',filename='css/index.css') }}">
    第二个:加载js文件
    <script src="{{ url_for('static',filename='js/index.js') }}"></script>
    第三个:加载图片文件
    <img src="{{ url_for('static',filename='images/zhiliao.png') }}" alt="">

cookie和session

cookie:

  1. cookie出现的原因:在网站中,http请求是无状态的。也就是说即使第一次和服务器连接后并且登录成功后,第二次请求服务器依然不能知道当前请求是哪个用户。cookie的出现就是为了解决这个问题,第一次登录后服务器返回一些数据(cookie)给浏览器,然后浏览器保存在本地,当该用户发送第二次请求的时候,就会自动的把上次请求存储的cookie数据自动的携带给服务器,服务器通过浏览器携带的数据就能判断当前用户是哪个了。
  2. 如果服务器返回了cookie给浏览器,那么浏览器下次再请求相同的服务器的时候,就会自动的把cookie发送给浏览器,这个过程,用户根本不需要管。
  3. cookie是保存在浏览器中的,相对的是浏览器。

session:

  1. session介绍:session和cookie的作用有点类似,都是为了存储用户相关的信息。不同的是,cookie是存储在本地浏览器,而session存储在服务器。存储在服务器的数据会更加的安全,不容易被窃取。但存储在服务器也有一定的弊端,就是会占用服务器的资源,但现在服务器已经发展至今,一些session信息还是绰绰有余的。
  2. 使用session的好处:
    • 敏感数据不是直接发送回给浏览器,而是发送回一个session_id,服务器将session_id和敏感数据做一个映射存储在session(在服务器上面)中,更加安全。
    • session可以设置过期时间,也从另外一方面,保证了用户的账号安全。

flask的session机制

  1. flask中的session机制是:把敏感数据经过加密后放入session中,然后再把session存放到cookie中,下次请求的时候,再从浏览器发送过来的cookie中读取session,然后再从session中读取敏感数据,并进行解密,获取最终的用户数据。
  2. flask的这种session机制,可以节省服务器的开销,因为把所有的信息都存储到了客户端(浏览器)。
  3. session放到cookie中,经过加密,也是比较安全的。但是也可能存在session的随意篡改等问题。

操作session

  1. session的操作方式
    • 使用session需要从flask中导入session,以后所有和session相关的操作都是通过这个变量来的
    • 使用session需要设置SECRET_KEY,用来作为加密用的。并且这个SECRET_KEY如果每次服务器启动后都变化的话,那么之前的session就不能再通过当前这个SECRET_KEY进行解密了。
    • 操作session的时候,跟操作字典是一样的。
    • 添加sessionsession['username']
    • 删除:session.pop('username')或者del session['username']
    • 清除所有sessionsession.clear()
    • 获取sessionsession.get('username')
  2. 设置session的过期时间:
    • 如果没有指定session的过期时间,那么默认是浏览器关闭后就自动结束
    • 如果设置了session的permanent属性为True,那么过期时间是31天。
    • 可以通过给app.config设置PERMANENT_SESSION_LIFETIME来更改过期时间,这个值的数据类型是datetime.timedelay类型。
      1
      2
      3
      from datetime import timedelta
      # 三天过期
      PERMANENT_SESSION_LIFETIME = timedelta(days=3)

get请求和post请求:

  1. get请求:
    • 使用场景:如果只对服务器获取数据,并没有对服务器产生任何影响,那么这时候使用get请求。
    • 传参:get请求传参是放在url中,并且是通过?的形式来指定key和value的。
  2. post请求:
    • 使用场景:如果要对服务器产生影响,那么使用post请求。
    • 传参:post请求传参不是放在url中,是通过form data的形式发送给服务器的。

get和post请求获取参数:

  1. get请求是通过flask.request.args来获取。
  2. post请求是通过flask.request.form来获取。
  3. post请求在模板中要注意几点:
    • input标签中,要写name来标识这个value的key,方便后台获取。
    • 在写form表单的时候,要指定method='post',并且要指定action='/login/'
  4. 示例代码:
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    <form action="{{ url_for('login') }}" method="post">
    <table>
    <tbody>
    <tr>
    <td>用户名:</td>
    <td><input type="text" placeholder="请输入用户名" name="username"></td>
    </tr>
    <tr>
    <td>密码:</td>
    <td><input type="text" placeholder="请输入密码" name="password"></td>
    </tr>
    <tr>
    <td></td>
    <td><input type="submit" value="登录"></td>
    </tr>
    </tbody>
    </table>
    </form>

保存全局变量的g属性:

g:global

  1. g对象是专门用来保存用户的数据的。
  2. g对象在一次请求中的所有的代码的地方,都是可以使用的。

钩子函数(hook)

  1. before_request:

    • 在每次请求之前执行的
    • 是在视图函数执行之前执行的
    • 这个函数只是一个装饰器,他可以把需要设置为钩子函数的代码放到视图函数执行之前来执行
    • 用处:可以用于判断用户是否登录等等
    • 代码示例:
      1
      2
      3
      @app.before_request
      def my_before_request():
      print 'hello'
  2. context_processor:

    • 用处: 多个页面需要用到同样的数据,借助app_context_processor我们可以让所有自定义变量在模板中可见。而不需要再传参。
    • 上下文处理器应该返回一个字典。字典中的key会被模板中当成变量来渲染。
    • 上下文处理器中返回的字典,在所有页面中都是可用的。
    • 被这个装饰器修饰的钩子函数,必须要返回一个字典,即使为空也要返回。

消息闪现flash

使用循环是因为可能有多个消息排队等待显示,每次在前一个请求周期中调用一个flash()。 下次调用此函数时,将不会返回从get_flashed_messages()检索的消息,因此闪烁的消息只出现一次然后被丢弃。

pymysql操作mysql数据库

适用环境

python版本 >=2.6或3.3,mysql版本>=4.1。

安装

可以使用pip安装也可以手动下载安装。
使用pip安装,在命令行执行如下命令:

pip install PyMySQL

使用示例

连接数据库如下 :

1
2
3
4
5
6
7
8
9
10
import pymysql.cursors

# Connect to the database
connection = pymysql.connect(host='127.0.0.1',
port=3306,
user='root',
password='zhyea.com',
db='employees',
charset='utf8mb4',
cursorclass=pymysql.cursors.DictCursor)

也可以使用字典进行连接参数的管理,我觉得这样子更优雅一些:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
import pymysql.cursors

config = {
'host':'127.0.0.1',
'port':3306,
'user':'root',
'password':'zhyea.com',
'db':'employees',
'charset':'utf8mb4',
'cursorclass':pymysql.cursors.DictCursor,
}

# Connect to the database
connection = pymysql.connect(**config)

很重要的一点,这里需要定义一个cursor对象,并通过此对象来操作数据库。

1
2
# 使用 cursor() 方法创建一个游标对象 cursor
cursor = db.cursor()

写入数据的代码:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
from datetime import date, datetime, timedelta 
import pymysql.cursors

#连接配置信息
config = {
'host':'127.0.0.1',
'port':3306,
'user':'root',
'password':'zhyea.com',
'db':'employees',
'charset':'utf8mb4',
'cursorclass':pymysql.cursors.DictCursor,
}
# 创建连接
connection = pymysql.connect(**config)

# 执行sql语句
try:
with connection.cursor() as cursor:
# 执行sql语句,插入记录
sql = 'INSERT INTO employees (first_name, last_name, hire_date, gender, birth_date) VALUES (%s, %s, %s, %s, %s)'
cursor.execute(sql, ('Robin', 'Zhyea', tomorrow, 'M', date(1989, 6, 14)));
# 没有设置默认自动提交,需要主动提交,以保存所执行的语句
connection.commit()

finally:
connection.close();

执行sql语句前需要获取cursor,因为配置默认自动提交,故在执行sql语句后需要主动commit,最后不要忘记关闭连接。

执行查询:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
# encoding: utf-8
import pymysql
from datetime import datetime
import time

# 数据库配置
mysql_config={
'host':'localhost',
'port':3306,
'user':'root',
'password':'meimima123',
'db':'flask',
}

db = pymysql.connect(**mysql_config)
# 使用 cursor() 方法创建一个游标对象 cursor
cursor = db.cursor()

sql = "select * from users;"
cursor.execute(sql)
res = cursor.fetchone()
print res
print '---------------------'
sql = "select * from users;"
cursor.execute(sql)
res2 = cursor.fetchall()
print res2

这里的查询fetchone()只取了一条查询结果,查询结果以元组的形式返回。
fetchall()取所有查询结果,以元组的元组形式返回。
查询结果如下:

1
2
3
('110', 'olivia', '698d51a19d8a121ce581499d7b701668', 999912.0)
---------------------
(('110', 'olivia', '698d51a19d8a121ce581499d7b701668', 999912.0), ('178', 'v0w', '202cb962ac59075b964b07152d234b70', 91111.0))

使用Bootstrap美化页面

  1. Bootstrap中文文档
  2. bootstrap起步
  3. bootcdn加速

这个其实没什么,单纯的美化,单纯的看到好看的直接复制粘贴,改一改就行。

其他调试及注意事项

FireFox调试模式

在不刷新缓存的情况下,我们代码新的执行结果是不会显示在浏览器页面的,浏览器会选择缓存中的已有数据来显示,这也就需要我们关闭缓存。

Firefox火狐浏览器web开发调试开启强制刷新缓存模式
火狐浏览器地址栏输入:about:config

1.找到browser.cache.check_doc_frequency       双击将3改成1
2.找到browser.cache.disk.enable               把true改为 false
3.找到browser.cache.memory.enable             把true改为 false

参考链接

  1. bilibili视频-python-flask零基础到项目实战
  2. 官方文档——中文版
  3. jinja2文档
  4. 使用pymysql笔记
CATALOG
  1. 1. flask+jinja2+mysql开发学习笔记
  2. 2. 环境准备工作
    1. 2.1. python虚拟环境介绍和安装
    2. 2.2. 虚拟环境中安装flask
  3. 3. 第一个简单的flask应用
    1. 3.1. config配置文件
    2. 3.2. url传参
    3. 3.3. 反转url
    4. 3.4. 页面跳转和重定向:
  4. 4. flask渲染jinja2模板和传参
    1. 4.1. if判断:
    2. 4.2. for循环遍历列表和字典:
    3. 4.3. 过滤器
    4. 4.4. 继承和block:
    5. 4.5. url链接:
    6. 4.6. 加载静态文件:
  5. 5. cookie和session
    1. 5.1. cookie:
    2. 5.2. session:
    3. 5.3. flask的session机制
    4. 5.4. 操作session
  6. 6. get请求和post请求:
    1. 6.1. get和post请求获取参数:
    2. 6.2. 保存全局变量的g属性:
    3. 6.3. 钩子函数(hook)
    4. 6.4. 消息闪现flash
  7. 7. pymysql操作mysql数据库
    1. 7.1. 适用环境
    2. 7.2. 安装
    3. 7.3. 使用示例
      1. 7.3.1. 连接数据库如下 :
      2. 7.3.2. 写入数据的代码:
      3. 7.3.3. 执行查询:
  8. 8. 使用Bootstrap美化页面
  9. 9. 其他调试及注意事项
    1. 9.1. FireFox调试模式
  10. 10. 参考链接