博主最近想基于Django框架开发一个测试平台，第一版先实现查看下载自动化的测试报告文件

第一步：前端框架

　　网上选择一款开源boostrap的前端框架 AdminLTE，这里给个链接  https://adminlte.io/

第二步：实现登录/注销功能

　　需要加入对登录状态的校验，准备引入session

1、base.html  基于开源框架：

 <!DOCTYPE html>

 <html lang="zh-cn">

 <head>

   <meta charset="utf-8">

   <meta http-equiv="X-UA-Compatible" content="IE=edge">

   <title>xx</title>

   <!-- Tell the browser to be responsive to screen width -->

   <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">

   <link rel="stylesheet" href="/static/bower_components/bootstrap/dist/css/bootstrap.min.css">

   <!-- Font Awesome -->

   <link rel="stylesheet" href="/static/bower_components/font-awesome/css/font-awesome.min.css">

   <!-- Ionicons -->

   <link rel="stylesheet" href="/static/bower_components/Ionicons/css/ionicons.min.css">

   <!-- Theme style -->

   <link rel="stylesheet" href="/static/dist/css/AdminLTE.min.css">

   <link rel="stylesheet" href="/static/dist/css/skins/skin-blue.min.css">

   <link rel="icon" href="/static/icon/icon-a.png">

   <!-- Google Font -->

   <link rel="stylesheet"

         href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,300italic,400italic,600italic">

 </head>

 {% block starter %}

 {% endblock %}

 {% block login %}

 {% endblock %}

 <script src="/static/bower_components/jquery/dist/jquery.min.js"></script>

 <!-- Bootstrap 3.3.7 -->

 <script src="/static/bower_components/bootstrap/dist/js/bootstrap.min.js"></script>

 <!-- AdminLTE App -->

 <script src="/static/dist/js/adminlte.min.js"></script>

 <!-- Optionally, you can add Slimscroll and FastClick plugins.

      Both of these plugins are recommended to enhance the

      user experience. -->

 </html>

2、登录页面

 {% extends 'base.html' %}

 {% block login %}

 <body class="hold-transition login-page">

 <div class="login-box">

   <div class="login-logo">

     <a href="/login"><b>自动化</b>平台</a>

   </div>

   <!-- /.login-logo -->

   <div class="login-box-body">

     <p class="login-box-msg">输入用户邮箱与密码</p>

     <form method="post">

       {% csrf_token %}

       <div class="form-group has-feedback">

         {{ uf.email }}

         <span class="glyphicon glyphicon-envelope form-control-feedback"></span>

       </div>

       <div class="form-group has-feedback">

         {{ uf.password }}

         <span class="glyphicon glyphicon-lock form-control-feedback"></span>

       </div>

       <div class="row">

         <div class="col-xs-12">

           <button type="submit" class="btn btn-primary btn-block btn-flat">登录</button>

         </div>

         <!-- /.col -->

       </div>

     </form>

   </div>

   <!-- /.login-box-body -->

 </div>

 </div>

 {% endblock %}

3、首页

 {% extends 'base.html' %}

 {% block starter %}

 <body class="hold-transition skin-blue sidebar-mini">

 <div class="wrapper">

 <!-- Main Header -->

   <header class="main-header">

     <!-- Logo -->

     <a href="/index" class="logo">

       <!-- mini logo for sidebar mini 50x50 pixels -->

       <span class="logo-mini"><b>自</span>

       <!-- logo for regular state and mobile devices -->

       <span class="logo-lg"><b>自</b>动化平台</span>

     </a>

     <!-- Header Navbar -->

     <nav class="navbar navbar-static-top" role="navigation">

       <!-- Sidebar toggle button-->

       <a href="#" class="sidebar-toggle" data-toggle="push-menu" role="button">

         <span class="sr-only">Toggle navigation</span>

       </a>

       <!-- Navbar Right Menu -->

       <div class="navbar-custom-menu">

         <ul class="nav navbar-nav">

           <!-- User Account Menu -->

           <li class="dropdown user user-menu">

             <!-- Menu Toggle Button -->

             <a href="#" class="dropdown-toggle" data-toggle="dropdown">

               <!-- hidden-xs hides the username on small devices so only the image appears. -->

               <i class="fa fa-user"></i>

               <span class="hidden-xs">{{ username }}</span>

             </a>

           </li>

           <li>

              <a href="/logout">

                 <i class="fa fa-sign-out"></i>

                 <span class="hidden-xs">登出</span>

              </a>

           </li>

           <li>

              <a href="/admin">

                 <i class="fa fa-gears"></i>

                 <span class="hidden-xs">后台</span>

              </a>

           </li>

         </ul>

       </div>

     </nav>

   </header>

   <!-- Left side column. contains the logo and sidebar -->

   <aside class="main-sidebar">

     <!-- sidebar: style can be found in sidebar.less -->

     <section class="sidebar">

       <!-- Sidebar Menu -->

       <ul class="sidebar-menu" data-widget="tree">

         <li class="header">菜单</li>

         <!-- Optionally, you can add icons to the links -->

         <li class="active">

             <a href="#"><i class="fa fa-link"></i> <span>模板</span></a>

         </li>

         <li class="treeview">

           <a href="#"><i class="fa fa-link"></i> <span>接口模块</span>

             <span class="pull-right-container">

                 <i class="fa fa-angle-left pull-right"></i>

               </span>

           </a>

           <ul class="treeview-menu">

             {% for path in paths %}

             <li><a href="/paths/{{ path.path_id }}">{{ path.path }}</a></li>

             {% endfor %}

           </ul>

         </li>

         <li>

             <a href="xx"><i class="fa fa-link"></i> <span>禅道</span></a>

         </li>

         <li>

             <a href="xx"><i class="fa fa-link"></i> <span>Jenkins</span></a>

         </li>

       </ul>

       <!-- /.sidebar-menu -->

     </section>

     <!-- /.sidebar -->

   </aside>

   <!-- Content Wrapper. Contains page content -->

   <div class="content-wrapper">

     {% block paths %}

     {% endblock %}

   </div>

   <!-- /.content-wrapper -->

   <!-- Control Sidebar -->

   <aside class="control-sidebar control-sidebar-dark">

     <!-- Create the tabs -->

     <ul class="nav nav-tabs nav-justified control-sidebar-tabs">

       <li class="active"><a href="#control-sidebar-home-tab" data-toggle="tab"><i class="fa fa-home"></i></a></li>

       <li><a href="#control-sidebar-settings-tab" data-toggle="tab"><i class="fa fa-gears"></i></a></li>

     </ul>

     <!-- Tab panes -->

     <div class="tab-content">

       <!-- Home tab content -->

       <div class="tab-pane active" id="control-sidebar-home-tab">

         <h3 class="control-sidebar-heading">Recent Activity</h3>

         <ul class="control-sidebar-menu">

           <li>

             <a href="javascript:;">

               <i class="menu-icon fa fa-birthday-cake bg-red"></i>

               <div class="menu-info">

                 <h4 class="control-sidebar-subheading">Langdon's Birthday</h4>

                 <p>Will be 23 on April 24th</p>

               </div>

             </a>

           </li>

         </ul>

         <!-- /.control-sidebar-menu -->

         <h3 class="control-sidebar-heading">Tasks Progress</h3>

         <ul class="control-sidebar-menu">

           <li>

             <a href="javascript:;">

               <h4 class="control-sidebar-subheading">

                 Custom Template Design

                 <span class="pull-right-container">

                     <span class="label label-danger pull-right">70%</span>

                   </span>

               </h4>

               <div class="progress progress-xxs">

                 <div class="progress-bar progress-bar-danger" style="width: 70%"></div>

               </div>

             </a>

           </li>

         </ul>

         <!-- /.control-sidebar-menu -->

       </div>

       <!-- /.tab-pane -->

       <!-- Stats tab content -->

       <div class="tab-pane" id="control-sidebar-stats-tab">Stats Tab Content</div>

       <!-- /.tab-pane -->

       <!-- Settings tab content -->

       <div class="tab-pane" id="control-sidebar-settings-tab">

         <form method="post">

           <h3 class="control-sidebar-heading">General Settings</h3>

           <div class="form-group">

             <label class="control-sidebar-subheading">

               Report panel usage

               <input type="checkbox" class="pull-right" checked>

             </label>

             <p>

               Some information about this general settings option

             </p>

           </div>

           <!-- /.form-group -->

         </form>

       </div>

       <!-- /.tab-pane -->

     </div>

   </aside>

   <!-- /.control-sidebar -->

   <!-- Add the sidebar's background. This div must be placed

   immediately after the control sidebar -->

   <div class="control-sidebar-bg"></div>

 </body>

 {% endblock %}

4、views.py

 # -*- coding: utf-8 -*-

 from __future__ import unicode_literals

 from django.shortcuts import render, render_to_response

 from django.http import HttpResponse, HttpResponseRedirect, StreamingHttpResponse

 from django.views.decorators.csrf import csrf_exempt

 from django.template import RequestContext

 from models import User, Path, File

 from form import UserForm

 import random

 # Create your views here.

 # 基础页面

 def base(request):

     return render(request, "base.html")

 # 开始页面

 def starter(request):

     return render(request, "starter.html")

 # 首页

 def index(request):

     # 判断是否有session

     username = request.session.get("username")

     if username:

         report_paths = Path.objects.all()

         paths = []

         for x, y in enumerate(report_paths):

             path = {

                 "path_id": x + 1,

                 "path": y.path

             }

             paths.append(path)

         return render(request, "index.html", {"paths": paths,

                                               "username": username})

     else:

         # 如果没有session,重定向到路由 /login/, 返回表单

         uf = UserForm(request.POST)

         return HttpResponseRedirect("/login/", {"uf": uf})

 # 登录

 @csrf_exempt

 def login(request):

     if request.method == "POST":

         uf = UserForm(request.POST)

         if uf.is_valid():

             email = uf.cleaned_data["email"]

             password = uf.cleaned_data["password"]

             user = User.objects.filter(email=email, password=password)

             # print user[0].username

             if user:

                 request.session["username"] = user[0].username

                 # 校验通过,重定向到/index/

                 return HttpResponseRedirect("/index/")

             else:

                 uf = UserForm(request.POST)

                 return render(request, "login.html", {"uf": uf})

     else:

         uf = UserForm(request.POST)

         return render(request, "login.html", {"uf": uf})

 # 注销

 def logout(request):

     del request.session["username"]  # 删除session

     uf = UserForm(request.POST)

     return HttpResponseRedirect("/login/", {"uf": uf})

5、启动进入登录页面

6、登录成功后：

代码中加了一部分的注释、继续完善平台功能

Django框架基于session的登录/注销实现的更多相关文章

  1. 第三百一十三节，Django框架，Session

    第三百一十三节,Django框架,Session Django中默认支持Session,其内部提供了5种类型的Session供开发者使用: 1.数据库(默认)2.缓存3.文件4.缓存+数据库5.加密c ...

  2. python测试开发django-43.session机制(登录/注销)

    前言 当我们登录访问一个网站时,服务器需要识别到你已经登录了,才有相应的权限访问登录之后的页面.用户退出登录后,将无权限访问再访问登录后的页面. 从登录到退出的一整个流程,可以看成是与服务器的一次会话 ...

  3. django框架--cookie/session

    目录 一.http协议无状态问题 二.会话跟踪技术--cookie 1.对cookie的理解 2.cookie的使用接口 3.cookie的属性 4.使用cookie的问题 三.会话跟踪技术--ses ...

  4. 十一 Django框架，Session

    Django中默认支持Session,其内部提供了5种类型的Session供开发者使用: 1.数据库(默认)2.缓存3.文件4.缓存+数据库5.加密cookie 1.数据库Session,保存在数据库 ...

  5. Django基础之Session版登录验证

    from functools import wraps def check_login(func): @wraps(func) def inner(request, *args, **kwargs): ...

  6. 关于在django框架里取已登录用户名字的问题

    在 views里取值是这样的 request.user.username而在模板页面取值是这样的:{{request.user}} 判断是否通过验证是这样的 {% if request.user.is ...

  7. Django框架中session存储到redis中的配置

    本文链接:https://blog.csdn.net/linqunbin/article/details/94786313————————————————版权声明:本文为CSDN博主「linqunbi ...

  8. Django框架之cookie和session及开发登录功能

    1.cookie是什么? Web应用程序是使用HTTP协议传输数据的.HTTP协议是无状态的协议.一旦数据交换完毕,客户端与服务器端的连接就会关闭,再次交换数据需要建立新的连接.这就意味着服务器无法从 ...

  9. Django框架详细介绍---cookie、session、自定义分页

    1.cookie 在HTTP协议介绍中提到,该协议是无状态的,也就是每次请求都是独立的,它的执行情况和结果与前面的请求和之后的请求都无直接关系,它不会受前面的请求响应情况直接影响,也不会直接影响后面的 ...

随机推荐

  1. .NET截取指定长度字符超出部分以"..."代替

    /// <summary> /// 将指定字符串按指定长度进行剪切, /// </summary> /// <param name= "Str "&g ...

  2. pta 习题集 数列求和-加强版

    给定某数字AA(1≤A≤91≤A≤9)以及非负整数NN(0≤N≤1000000≤N≤100000),求数列之和S=A+AA+AAA+⋯+AA⋯AS=A+AA+AAA+⋯+AA⋯A(NN个AA).例如A ...

  3. python3.7.2 ssl版本过低导致pip无法使用的问题

    环境:系统是centos6.6,python:python3.7.2 问题:安装好python3.pip后,在通过pip install xx 安装模块时,发现无法安装的问题,提示版本太低,系统默认的 ...

  4. SVN库迁移整理方法----官方推荐方式

    以下是subversion官方推荐的备份方式. 关闭所有运行的进程,并确认没有程序在访问存储库(如 httpd.svnserve 或本地用户在直接访问). 备份svn存储库 #压缩备份 svnadmi ...

  5. windows下安装redis（转）

    add by zhj: redis相比memcached相比,性能上并没有绝对的优势.我们用redis的是因为它支持更多的数据类型,而且在分配给redis的内存用满了之后, redis也不会删除没有过 ...

  6. day14(编码实战-用户登录注册)

    day14 案例:用户注册登录 要求:3层框架,使用验证码   功能分析 注册 登录   1.1 JSP页面 regist.jsp 注册表单:用户输入注册信息: 回显错误信息:当注册失败时,显示错误信 ...

  7. IDEA安装以及项目初始化

    首先安装idea: 如果15.0版本安装不上就安装16.0: 点击安装文件以后,一直点下一步就可以了. 安装完成后设置: 如果没有的话,需要点击SDKs,点击+,然后选择电脑上安装的JDK. 接下来创 ...

  8. 003-spring cache-JCache (JSR-107) annotations

    参看地址:https://docs.spring.io/spring/docs/current/spring-framework-reference/integration.html#cache-js ...

  9. C#+GDAL读取影像（1）

    环境:VS2010,C#,GDAL1.7 读取影像: using System; using System.Collections.Generic; using System.ComponentMod ...

  10. 基于struts2框架-自定义身份证号验证器

    自定义拦截器的步骤: 1.定义一个验证器的类: > 自定义的验证器都需要实现 Validator接口.  > 可以选择继承 ValidatorSupport 或 FieldValidato ...