自定义图片验证码
其他
2020-07-23 12:31:46
阅读次数: 0
首先我们需要用到一下库
后台代码如下
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 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56
|
|
简单的验证码绘制完成
在前端的操作
1 2 3 4 5 6 7
|
1.首先我们需要的input文本
<td> 验证码:<input type="text" v-model="code"> </td>
注:我们需要双向绑定一个code 这个code作为验证码的信息传给后端
|
获取后台的验证码的地址
1
|
path('code/',MyCode.as_view()) |
之后前端验证码进行展示
1 2 3 4 5 6 7 8 9 10 11
|
首先我们需要个img标签来展示验证码
<img :src="src" alt="点击刷新" @click="changecode" class="imagecode">
注:用v-bind绑定,src代表地址,此时我们从后端复制的地址,则定义变量进行存储\
return{ code:'', |
我们点击验证码的时候需要刷新 点一下刷新一下
1 2 3 4 5 6 7 8 9
|
1.看见@click这个点击事件,所以我们在下面定义一个叫changecode的方法 用于点击刷新 |
存储redis
1 2 3 4 5 6 7 8 9 10 11
|
import redis
|
之后登陆就简单了
1 2 3 4 5 6 7 8 9 10 11
|
code = request.GET.get('code',None)
|
转载自www.cnblogs.com/anle123/p/13365539.html