前端很好的session 的例子 (随机验证码登陆)

https://github.com/Endless-Clould/qianduan

参考:

验证码登录

https://www.cnblogs.com/Michael--chen/p/10569162.html

　　视图层:

　　路由层:

　　模板层:

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title></title>

    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">

    <style>

        .con{

            margin-top: 120px;

        }

    </style>

</head>

<body>

<div class="container">

    <div class="row con">

        <form action="/val_login/" method="post">

            {% csrf_token %}

            <div class="form-group col-sm-6 col-sm-offset-3">

                <label for="exampleInputEmail1">用户名</label>

                <input type="text" class="form-control" name="username" id="exampleInputEmail1" placeholder="用户名">

            </div>

            <div class="form-group col-sm-6 col-sm-offset-3">

                <label for="exampleInputPassword1">密码</label>

                <input type="password" class="form-control" name="pwd" id="exampleInputPassword1" placeholder="密码">

            </div>

            <div class="form-group col-sm-6 col-sm-offset-3">

                <label for="exampleInputFile">验证码</label>

                <div class="row">

                    <div class="col-sm-6">

                        <input type="text" name="valid_code" id="exampleInputFile" class="form-control col-sm-3">

                    </div>

                    <div class="col-sm-4">

{#                        <img src="/static/images/111.png" alt="">#}

                        <img src="/val_img/ " alt="">    {# 这行的/val_img/ 响应val_img 视图  获取内容#}

                    </div>

                </div>

            </div>

            <div class="form-group col-sm-6 col-sm-offset-3">

                <button type="submit" class="btn btn-defaultcol-sm-offset-3">登录</button>

            </div>

        </form>

        <p>asdasdadadad{{ret}}</p>

    </div>

</div>

</body>

</html>

　　　　展示i效果:

day 51 随机验证码, 验证登陆 ,以及 装饰器在函数中的应用的更多相关文章

  1. django系列8.5--使用装饰器(视图函数中)实现用户登录状态检验

    views.py def session_auth(fn): def inner(request,*args,**kwargs): status = request.session.get('sess ...

  2. python：带参数的装饰器，函数的有用信息

    一.带参数的装饰器,函数的有用信息 def func1(): '''此函数的功能是完成的登陆的功能 return: 返回值是登陆成功与否(true,false) ''' print(333) func ...

  3. Day11 Python基础之装饰器(高级函数)（九）

    在python中,装饰器.生成器和迭代器是特别重要的高级函数   https://www.cnblogs.com/yuanchenqi/articles/5830025.html 装饰器 1.如果说装 ...

  4. 关于Python装饰器内层函数为什么要return目标函数的一些个人见解

    https://blog.csdn.net/try_test_python/article/details/80802199 前几天在学装饰器的时候,关于装饰器内层函数调用目标函数时是否return目 ...

  5. diango中让装了装饰器的函数的名字不是inner，而是原来的名字

    让装了装饰器的函数的名字不是inner,而是原来的名字 from functools import wraps def wrapper(func): @wraps(func) # 复制了原来函数的名字 ...

  6. python通过装饰器检查函数参数的数据类型的代码

    把内容过程中比较常用的一些内容记录起来,下面内容段是关于python通过装饰器检查函数参数的数据类型的内容. def check_accepts(f): assert len(types) == f. ...

  7. 使用python装饰器计算函数运行时间的实例

    使用python装饰器计算函数运行时间的实例 装饰器在python里面有很重要的作用, 如果能够熟练使用,将会大大的提高工作效率 今天就来见识一下 python 装饰器,到底是怎么工作的. 本文主要是 ...

  8. python装饰器（基础中的重点）

    一.简单的装饰器 1.为什么要使用装饰器呢? 装饰器的功能:在不修改原函数及其调用方式的情况下对原函数功能进行扩展 装饰器的本质:就是一个闭包函数 那么我们先来看一个简单的装饰器:实现计算每个函数的执 ...

  9. python全栈开发-Day10 装饰器(闭合函数的应用场)

    一. 装饰器 装饰器就是闭包函数的一种应用场景 什么是闭包函数?我们再来回忆一下: 闭包函数: 定义在函数内部的函数,并且该函数包含对外部函数作用域(强调:对全局作用域名字的引用不算闭包)名字的引用, ...

随机推荐

  1. 淘宝星星的思路c#

    <!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head><meta ...

  2. 创建一个子进程---vfork

    子.父进程共享数据段与堆栈段 函数原型:pid_t vfork(void) 返回值:子进程中返回0,父进程中返回子进程ID,出错返回-1. 注意: vfork创建的进程是按先子进程后父进程的顺序执行的 ...

  3. system v消息队列demo（未编译）

    #include <stdio.h> #include <string.h> #include <stdlib.h> #include <errno.h> ...

  4. SVN中检出 和 导出 的区别

    SVN中检出 和 导出 的区别:检出得到的文件夹中,是受SVN客户端控制的,对其进行文件或文件夹的增删改操作都会被SVN客户端识别出来,对其可以进行update.commit操作.其中含有.svn隐藏 ...

  5. c++中如何定义编译期间常量，即这个常量可以用于定义数组下标

    在c++中,类里面的成员变量不仅仅可以被const修饰,还可以被static const修饰,此时一个内建类型(如int ,char ,long等)的static const 可以看做是一个编译期间的 ...

  6. C# 编写最小化时隐藏为任务栏图标的Window appllication

    1.设置窗体属性showinTask=false 2.加notifyicon控件notifyIcon1,为控件notifyIcon1的属性Icon添加一个icon图标. 3.添加窗体最小化事件(首先需 ...

  7. 2018.10.14 loj#6012. 「网络流 24 题」分配问题（费用流）

    传送门 费用流水题. 依然是照着题意模拟建边就行了. 为了练板子又重新写了一遍费用流. 代码: #include<bits/stdc++.h> #define N 305 #define ...

  8. 2018.09.24 bzoj4977: [[Lydsy1708月赛]跳伞求生（贪心+线段树）

    传送门 线段树好题. 这题一看我就想贪心. 先把a,b数组排序. 然后我们选择a数组中最大的b个数(不足b个就选a个数),分别贪心出在b数组中可以获得的最大贡献. 这时可以用线段树优化. 然后交上去只 ...

  9. 2018.07.20 洛谷P4178 Tree（点分治）

    传送门 又一道点分治. 直接维护子树内到根的所有路径长度,然后排序+双指针统计答案. 代码如下: #include<bits/stdc++.h> #define N 40005 using ...

  10. [转]关于docker包存储结构说明

    原文:http://blog.csdn.net/w412692660/article/details/49005631 前段时间与同事交流docker的安装包层次结构,并沟通相关每个文件的作用,但是一 ...