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. 关于String str =new String("abc")和 String str = "abc"的比较--转

    原文地址:https://www.cnblogs.com/OnlyCT/p/5433410.html String是一个非常常用的类,应该深入的去了解String 如: String str =new ...

  2. Linux设置history命令显示时间

    效果如图: 设置方法如下: vim /etc/bashrc #command-->history set HISTFILESIZE=2000 #保存命令的总数默认总数为1000 HISTSIZE ...

  3. MySQL 二进制文件恢复

    先不说话  先来一段代码块 mysql> show variables like 'autocommit'; +---------------+-------+ | Variable_name ...

  4. 1044 Shopping in Mars （25 分）

    1044 Shopping in Mars (25 分) Shopping in Mars is quite a different experience. The Mars people pay b ...

  5. [UE4]机器人自动寻路

    要让机器人能够自动寻路,需要画出自动寻路的范围,可以使用“Nav  Mesh Bounds Volume”组件来自定寻路范围 通过“Delay”节点可以实现让AI执行Move To以后停顿1秒,然后继 ...

  6. Vector的小知识点

    预留容量的两类方式: 1.不调用默认的构造函数 vector<int> v; v.push_back(111); v.reserve(20); std::copy(v.begin(), v ...

  7. php 学习笔记 设计和管理

    代码管理 文件路径.数据库名.密码禁止 hard coded 避免重复代码在多个页面复制粘贴 Gang of Four eXtreme Programming 的主要原则是坚决主张测试是项目成功的关键 ...

  8. python的动态性和_slot_

    python是动态语言 1. 动态语言的定义 动态编程语言 是 高级程序设计语言 的一个类别,在计算机科学领域已被广泛应用.它是一类 在运行时可以改变其结构的语言 :例如新的函数.对象.甚至代码可以被 ...

  9. 本地同时安装python2和python3时pip报错

    引言: 安装完成后,想测试一下两个版本的pip是否都可以正常工作,结果python3的能正常工作,但是pip2 --version就会报错,报错信息如下: Traceback (most recent ...

  10. Gson进行json字符串和对象之间的转化

    Gson可以实现对象与json字符串之间的转化,以下是在Android中的示例代码. Gson主页:https://code.google.com/p/google-gson/ public clas ...