1、登录页面
 

2、项目目录结构
 

3、需要修改四个文件
urls.py-------路径与函数之间的对应关系
views.py-------函数定义与逻辑处理
加入一个login.html文件
静态文件夹下面加入bootstrap、jquery等文件
 
4、urls.py修改

 from django.conf.urls import url
 from .views import *

 # 保存了路径与函数之间的对应关系
 urlpatterns = [
     # path('admin/', admin.site.urls),
     url(r'^test/$', test),
     url(r'^test01/$', test01),
     url(r'^zhangxiaoxue/$', zhangxiaoxue),
     url(r'^login/$', login),
 ]
5、view.py配置
 # views.py只是存放逻辑处理函数
 from django.contrib import admin
 from django.urls import path
 from django.conf.urls import url

 # 导入django自带的httpResponse模块，用他来帮我们做http协议的响应
 # 这样，我们只需关心处理用户请求的函数就可以了，而不需要关注协议本身所做的事情，
 # 要返回一个完整的html文件，就要用到render
 from django.shortcuts import HttpResponse,render,redirect

 def login(request):
     error_msg = ''
     userlist = []
     # 如果请求是post
     if request.method == 'POST':
         # 获取用户提交的数据，做是否登录成功的判断
         # email = request.POST.get('email', None)
         email = request.POST["email"]
         pwd = request.POST["pwd"]
         temp = {'email': email, 'pwd': pwd}
         userlist.append(temp)
         # pwd = request.POST.get('pwd', None)
         ':
             return redirect('http://www.baidu.com')
             # return HttpResponse('登录成功！！！')
         else:
             error_msg = "账号或密码错误！请重新登录！"
     # 如果是其他的请求
     return render(request, 'login.html', {'error': error_msg, 'data': userlist})
 
6、login.html文件【用了bootstrap所以要引入】

 <!DOCTYPE html>
 <html lang="zh-CN">
 <head>
     <meta charset="UTF-8">
     <meta http-equiv="x-ua-compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <link rel="stylesheet" href="/static/bootstrap/css/bootstrap.min.css">
     <link rel="stylesheet" href="/static/fontawesome/css/font-awesome.min.css">
     <script href="/static/jquery-3.3.1.js"></script>
     <title>mysite-登录页面</title>
     <style>
         body {
             background-color: #eee;
         }
     </style>
 </head>
 <body>

 <div class="container">
     <div class="row">
         <div class="col-md-4 col-md-offset-4" style="margin-top: 100px">
             <h1 class="text-center">请登录</h1>
             <form class="form-horizontal" action="/login/" method="post">
                 <div class="form-group">
                     <label for="inputEmail3" class="col-sm-2 control-label"></label>
                     <div class="input-group col-sm-8">
                          <span class="input-group-addon"><i class="fa fa-envelope-o fa-fw"></i></span>
                         <input type="email" name="email" class="form-control" id="inputEmail3" placeholder="Email">
                     </div>
                 </div>
                 <div class="form-group">
                     <label for="inputPassword3" class="col-sm-2 control-label"></label>
                     <div class="input-group col-sm-8">
                         <span class="input-group-addon"><i class="fa fa-key fa-fw"></i></span>
                         <input type="password" name="pwd" class="form-control" id="inputPassword3" placeholder="Password">
                     </div>
                 </div>
                 <div class="form-group">
                     <div class="input-group col-sm-offset-2 col-sm-8">
                         <div class="checkbox">
                             <label>
                                 <input type="checkbox"> 记住我
                             </label>
                         </div>
                     </div>
                 </div>
                 <div class="form-group">
                     <div class="input-group col-sm-offset-2 col-sm-8">
                         <button type="submit" class="btn btn-primary btn-block">登录</button>
                     </div>
                     <p class="text-danger text-center">{{ error }}</p>
                 </div>
 {#{% csrf_token %}是为了解决下面的问题#}
 {# CSRF verification failed. Request aborted. 这一个是 Django 自带的 CSRF 防范机制。CSRF 是什么？某度百科有言：“CSRF（Cross-site request forgery）跨站请求伪造，也被称为“One Click Attack”或者Session Riding，通常缩写为CSRF或者XSRF，是一种对网站的恶意利用。”（可以看出，我们的 Django 框架，可是相当的严谨和方便。）#}
                 {% csrf_token %}
             </form>
             <h1>用户展示</h1>
                 <table border = '>
                     <thead >
                         <tr>用户名</tr>
                         <tr>密码</tr>
                     </thead>
                     <tbody >
                         {% for item in data %}
                         <tr>
                             <td>{{ item.email }}</td>
                             <td>{{ item.pwd }}</td>
                         </tr>
                         {% endfor %}
                     </tbody>

                 </table>

         </div>
     </div>
 </div>
 </body>
 </html>
 
7、static文件夹
【加入bootatrap、fontawesome、jquery、可以自定义css文件】
 

8、运行
python3 manage.py runserver
 
9、浏览器访问localhost:8000/login
 
 

Django入门-简单的登录的更多相关文章

  1. django入门 -- 简单流程

    django入门 -- 简单流程 简介 通过简单示例,使用django完成基本流程的开发,学习django的主要的知识点,在后续课程中会逐个知识点进行深入讲解 以“图书-英雄”管理为示例 主要知识点介 ...

  2. python利用django实现简单的登录和注册，并利用session实现了链接数据库

    利用session实现与数据库链接,登录模块(在views.py) def login(request): # return HttpResponseRedirect('/') # 判断是否post方 ...

  3. PHP爬虫入门--简单的登录抓取内容

    给同事写一个小工具,抓取月报表然后统计加工.第一反应是做一个爬虫把需要的表和图抓下来,这样就不用再自己去连数据库然后组织表格生成图片之类的. 以上为背景 PHP 写爬虫 说实话我也想用Python的, ...

  4. Django入门第一步：构建一个简单的Django项目

    Django入门第一步:构建一个简单的Django项目 1.简介 Django是一个功能完备的Python Web框架,可用于构建复杂的Web应用程序.在本文中,将通过示例跳入并学习Django.您将 ...

  5. python入门：模拟简单用户登录（自写）

    #!/usr/bin/env python # -*- coding: utf-8 -*- #模拟简单用户登录(自写) import getpass a = raw_input("Pleas ...

  6. Django入门与实践 17-26章总结

    Django入门与实践-第17章:保护视图 Django 有一个内置的视图装饰器 来避免它被未登录的用户访问: 现在如果用户没有登录,将被重定向到登录页面: 现在尝试登录,登录成功后,应用程序会跳转到 ...

  7. Django 入门案例开发

    Django是一个重量级的web开发框架,它提供了很多内部已开发好的插件供我们使用:这里不去描述 Django直接进入开发过程. Django入门案例分两部分:一.开发环境的配置:二.业务需求分析. ...

  8. python web框架Django入门

    Django 简介 背景及介绍 Django是一个开放源代码的Web应用框架,由Python写成.采用了MVC的框架模式,即模型M,视图V和控制器C.它最初是被开发来用于管理劳伦斯出版集团旗下的一些以 ...

  9. Django 入门

    Django 入门 Django是一个开放源代码的Web应用框架,由Python写成.采用了MVC的软件设计模型,即模型M,视图V和控制器C.它最初是被开发来用于管理劳伦斯出版集团旗下的一些以新闻内容 ...

随机推荐

  1. 在Windows下使用svn命令行教程及svn命令行的解释

    本文转载自:https://blog.csdn.net/yangxiao2shi/article/details/50719286/ 以前在公司一直使用git,现在的公司改用svn,一时间还真的不知道 ...

  2. [UE4]射击和直线追踪

    只有有朝向的组件(如character.Controller等)才能动态获取到朝向,在编辑视图中会有一个箭头表示正前方: 如果是没有朝向的组件(如摄像机),则获取到的朝向永远是固定的

  3. Spring mvc的web.xml配置详解

    1.spring 框架解决字符串编码问题:过滤器 CharacterEncodingFilter(filter-name) 2.在web.xml配置监听器ContextLoaderListener(l ...

  4. spyder快捷键

    ctrl+1:注释/反注释 ctrl+4/5:注释/反注释 tab/ shift+tab:缩进/反缩进 F5:全运行 F9:单行运行 F11:全屏 ctrl+I:显示帮助

  5. 高通QMI协议

    QMI(Qualcomm MSM Interface,官方名称应该是Qualcomm Message Interface)是高通用来替代OneRPC/DM的协议,用来与modem通信. QMI协议定义 ...

  6. matlab批量修改图片大小

    转自:http://blog.csdn.net/cike0cop/article/details/53087995 %author:coplin %time:2016-10-10 %function: ...

  7. 第13章 TCP编程（3）_基于自定义协议的多进程模型

    5. 自定义协议编程 (1)自定义协议:MSG //自定义的协议(TLV:Type length Value) typedef struct{ //协议头部 ];//TLV中的T unsigned i ...

  8. 基于Linux的Samba开源共享解决方案测试（四）

    对于客户端的网络监控如图: 双NAS网关100Mb码率视音频文件的稳定读测试结果如下: 100Mb/s负载性能记录 NAS网关资源占用 稳定写 稳定写 CPU空闲 内存空闲 网卡占用 NAS1 8个稳 ...

  9. 学大伟业Day1解题报告

    学大伟业Day1解题报告 张炳琪 一.   时间分配 T1:30分钟  T2: 60分钟  T3:100分钟 二．答题情况及错因 T1:100         T2:55             T3 ...

  10. 解决Sybase PowerDesigner 数据库设计中 Name 自动填充Code

    在使用 Sybase PowerDesigner 进行数据库设计时,为了理清思路,需要将name改为中文名称,但是这个软件会自动将name填 充为code,可以通过如下配置修改: 选择tools-&g ...