django学习之- 动态验证码学习

实例：通过前台和后台，实现用户登录页面动态图片验证码校验，图片验证码部分使用Pillow模块实现，作为单独学习部分记录。

前端：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>login</title>
    <link rel="stylesheet" href="/static/commons.css" />
</head>
<body>
<div>
    <div>用户登录</div>
    <form>
        <div>
            <label>用户名</label>
            <input type="text" placeholder="请输入用户名" />
        </div>
        <div>
            <label>密码</label>
            <input type="text" placeholder="请输入密码" />
        </div>
        <div>
            <label>验证码</label>
            <div>
                <input type="text" placeholder="输入验证码" name="check_code">
            </div>
            <div>
                <img src="/app04/check_code.html" onclick="changeCheckCode(this);">
            </div>
        </div>
    </form>
</div>
<script>
    function changeCheckCode(ths) {
{#        可以简单实现验证码刷新#}
        ths.src = ths.src + '?'
    }
</script>
</body>
</html>

View Code