1.1图形验证码的生成

1、首先我们所有的登陆注册功能都不能在主页视图中完成，所以我们单独创建了一个文件夹来完成

如下图，index主页视图函数，news是新闻试图函数，passport就是登录注册函数实现地方

2、在开始前第一步我们先注册蓝图对象，在__init__.py写入一下代码

from flask import Blueprint

passport_blue = Blueprint('passport',__name__,url_prefix='/passport')

from . import views

3、然后在info文件下的__init__.py中的create_app函数中注册蓝图对象，后面会注册很多次都在这里注册

（注：哪里注册在哪里导包，放置蓝图问题的产生

4、好的，蓝图注册完成就是我们的图形验证码的相关代码了，如下

@passport_blue.route('/image_code')
def image_code():
    # 1.接受前端传来的参数（UUID）
    imageCodeUUID = request.args.get("imageCodeId")
    # 2.校验参数（是否为空）
    if not imageCodeUUID:
    #如果为空返回一个403错误
        abort(403)
    # 3.生成图片验证码，用三个参数接收
    name,text,image = captcha.generate_captcha()
    # 4.将图片验证码的文字版存放到redis中
    print(text)
    try:
        #检测异常，同时向redis数据库中写入键为imag_code的验证码
        redis_store.set("image_code:"+imageCodeUUID,text,constants.IMAGE_CODE_REDIS_EXPIRES)
    except Exception as e:
        #异常日志记录上，同时返回一个500错误
        current_app.logger.error(e)
        abort(500)
    # 5.返回内容
    response = make_response(image)

    response.headers["Content-Type"] = "image/jpg"
    return response

注意，第10行代码中调用的captcha.generate_captcha()函数我们是在第三方包中运用的，作用是生成图形验证码

 以下是前端的js代码

var imageCodeId = ""

// TODO 生成一个图片验证码的编号，并设置页面中图片验证码img标签的src属性
function generateImageCode() {
    //生成UUID
    imageCodeId = generateUUID()
    //构造请求
    var url = 'passport/image_code?imageCodeId='+imageCodeId
    //动态修改src属性
    $('.get_pic_code').attr('src',url)
}