学习Django中：试着着写一个用户注册登录系统，开始搞事情 =====O(∩_∩)O哈哈~=====

=================

Ubuntu

python 2.7.12

Django 1.10.4

IDE：Pycharm

Bootstrap（其实没怎么用~~）

=================

新建项目：（我是直接用pycharm直接生成的）

使用终端：

(创建项目)django-admin.py startproject mysite

（进入mysite新建app）django-admin.py startapp app01

记得在settings.py里面添加app

设计模型：

/mysite/app01/models.py：

 from __future__ import unicode_literals

 from django.db import models

 # Create your models here.

 class User(models.Model):

     username = models.CharField(max_length=50)

     password = models.CharField(max_length=50)

     email = models.EmailField()

创建User类，存放 username、password、email三个字段

同步数据库：

Python manage.py makemigrations

python manage.py migrate

Django会自动创建一系列表

没有自动创建superuser.......咱们手动创建：

python manage.py createsuperuser

设计逻辑视图（views）：（使用表单）

/mysite/app01/views.py：

 #coding=utf-8

 from django.shortcuts import render,render_to_response

 from django.http import HttpResponse

 from django import forms

 from models import User

 # Create your views here.

 class UserForm(forms.Form):

     username = forms.CharField(label='用户名',max_length=50)

     password = forms.CharField(label='密码',widget=forms.PasswordInput())

     email = forms.EmailField(label='邮箱')

 def regist(request):

     if request.method == 'POST':　　　　

         userform = UserForm(request.POST)

         if userform.is_valid():

             username = userform.cleaned_data['username']

             password = userform.cleaned_data['password']

             email = userform.cleaned_data['email']

             User.objects.create(username=username,password=password,email=email)

             User.save()

             return HttpResponse('regist success!!!')

     else:

         userform = UserForm()

     return render_to_response('regist.html',{'userform':userform})

 def login(request):

     if request.method == 'POST':

         userform = UserForm(request.POST)

         if userform.is_valid():

             username = userform.cleaned_data['username']

             password = userform.cleaned_data['password']

             user = User.objects.filter(username__exact=username,password__exact=password)

             if user:

                 return render_to_response('index.html',{'userform':userform})

             else:

                 return HttpResponse('用户名或密码错误,请重新登录')

     else:

         userform = UserForm()

     return render_to_response('login.html',{'userform':userform})

注释:

label：标签

widget:装饰

widget=forms.PasswordInput():设置密码字段

设计模板文件

在templates里面新建index.html、regist.html、login.html

regist.html

<!DOCTYPE html>

{% load static %}

<html lang="zh-CN"><head>

<meta http-equiv="content-type" content="text/html; charset=UTF-8">

    <meta charset="utf-8">

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

    <meta name="viewport" content="width=device-width, initial-scale=1">

    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->

    <meta name="description" content="">

    <meta name="author" content="">

    <title>Regist</title>

    <!-- Bootstrap core CSS -->

    <link href="{% static 'css/bootstrap.css' %}" rel="stylesheet">

    <!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->

    <link href="{% static 'css/ie10-viewport-bug-workaround.css' %}" rel="stylesheet">

    <!-- Custom styles for this template -->

    <link href="{% static 'css/signin.css' %}" rel="stylesheet">

    <!-- Just for debugging purposes. Don't actually copy these 2 lines! -->

    <!--[if lt IE 9]><script src="../../assets/js/ie8-responsive-file-warning.js"></script><![endif]-->

    <script src="{% static 'js/ie-emulation-modes-warning.js' %}"></script>

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->

    <!--[if lt IE 9]>

      <script src="https://cdn.bootcss.com/html5shiv/3.7.3/html5shiv.min.js"></script>

      <script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>

    <![endif]-->

  </head>

<style>

        html,body{text-align:center;margin:0px auto;}

</style>

<body>

<h1>注册页面</h1>

<form method = 'post' enctype="multipart/form-data">

{{userform.as_p}}

<input type="submit" value = "Regist" />

</form>

</body>

</html>

login.html

<!DOCTYPE html>

{% load static %}

<html lang="zh-CN"><head>

<meta http-equiv="content-type" content="text/html; charset=UTF-8">

    <meta charset="utf-8">

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

    <meta name="viewport" content="width=device-width, initial-scale=1">

    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->

    <meta name="description" content="">

    <meta name="author" content="">

    <title>Login</title>

    <!-- Bootstrap core CSS -->

    <link href="{% static 'css/bootstrap.css' %}" rel="stylesheet">

    <!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->

    <link href="{% static 'css/ie10-viewport-bug-workaround.css' %}" rel="stylesheet">

    <!-- Custom styles for this template -->

    <link href="{% static 'css/signin.css' %}" rel="stylesheet">

    <!-- Just for debugging purposes. Don't actually copy these 2 lines! -->

    <!--[if lt IE 9]><script src="../../assets/js/ie8-responsive-file-warning.js"></script><![endif]-->

    <script src="{% static 'js/ie-emulation-modes-warning.js' %}"></script>

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->

    <!--[if lt IE 9]>

      <script src="https://cdn.bootcss.com/html5shiv/3.7.3/html5shiv.min.js"></script>

      <script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>

    <![endif]-->

  </head>

<style>

        html,body{text-align:center;margin:0px auto;}

</style>

<body>

<h1>登录页面</h1>

<form method = 'post' enctype="multipart/form-data">

{{userform.as_p}}

<input type="submit" value = "Login" />

</form>

</body>

</html>

index.html

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>主页</title>

</head>

<style>

        html,body{text-align:center;margin:0px auto;}

</style>

<body>

<h1>Hello Word!</h1>

</body>

</html>

设计urls

/mysite/urls.py

from django.conf.urls import url,include

from django.contrib import admin

from app01 import urls

import app01

urlpatterns = [

    url(r'^admin/', admin.site.urls),

    url(r'',include(app01.urls)),

]

/mysite/app01/urls.py

from django.conf.urls import url,include

from django.contrib import admin

import views

admin.autodiscover()

urlpatterns = [

    url(r'^index/$',views.index),

    url(r'^login/$',views.login),

    url(r'^regist/$',views.regist),

]

使用admin后台管理注册的用户

在models.py里面设计一个UserAdmin类，用来记录注册用户的信息

/mysite/app01/models.py

from __future__ import unicode_literals

from django.contrib import admin

from django.db import models

# Create your models here.

class User(models.Model):

    username = models.CharField(max_length=50)

    password = models.CharField(max_length=50)

    email = models.EmailField()

class UserAdmin(admin.ModelAdmin):

    list_display = ('username','password','email')

admin.site.register(User,UserAdmin)

同步一下数据库（方法同上）

效果图

主页：

注册页：

登录页面：

后台：

Django实现用户注册登录的更多相关文章

  1. Django之auth登录认证

    前言:我们在开发一个网站的时候,无可避免的需要设计实现网站的用户系统.此时我们需要实现包括用户注册.用户登录.用户认证.注销.修改密码等功能,这还真是个麻烦的事情呢. Django作为一个完美主义者的 ...

  2. Django+bootstrap+注册登录系统

    转自:https://www.cnblogs.com/robindong/p/9610057.html Robin_D 博客园 首页 新随笔 联系 订阅 管理 随笔 - 10  文章 - 0  评论 ...

  3. 传智播客JavaWeb day07、day08-自定义标签(传统标签和简单标签)、mvc设计模式、用户注册登录注销

    第七天的课程主要是讲了自定义标签.简单介绍了mvc设计模式.然后做了案例 1. 自定义标签 1.1 为什么要有自定义标签 前面所说的EL.JSTL等技术都是为了提高jsp的可读性.可维护性.方便性而取 ...

  4. 基于xml的用户注册登录案例

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

  5. express框架+jade+bootstrap+mysql开发用户注册登录项目

    完整的项目代码(github):https://github.com/suqinhui/express-demo express是基于Node.js平台的web应用开发框架,用express框架开发w ...

  6. 用户注册登录系统 V2.0

    # 准备空列表 users = [] # 准备当前在线用户 online_user = {} while True: # 打印系统提示 print("欢迎使用 用户注册登录系统V2.0&qu ...

  7. redis实践：用户注册登录功能

    本节将使用PHP和Redis实现用户注册登录功能,下面分模块来介绍具体实现方法. 1．注册 需求描述:用户注册时需要提交邮箱.登录密码和昵称.其中邮箱是用户的唯一标识,每个用户的邮箱不能重复,但允许用 ...

  8. 超全面的JavaWeb笔记day14<用户注册登录>

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

  9. Django：用户登录实例

    Django:用户登录实例 一.源代码 1,login.html代码(登录界面): <!DOCTYPE html> <html lang="zh-CN"> ...

随机推荐

  1. Mysql的收获

    今天公司的业务需求中,遇到一个很郁闷的情况. 有一个申请记录,缺少申请原因的字段. 我以为很简单,采用left jion 很容易获取到申请原因. SELECT a.*,b.RealName,c.Dep ...

  2. 连接linux主机

    需要工具:putty PuTTY是一个Telnet.SSH.rlogin.纯TCP以及串行接口连接软件 远程连接Linux云服务器-命令行模式 1.远程连接工具.目前Linux远程连接工具有很多种,您 ...

  3. javac不是内部或外部命令

    1.描述 在命令行输入javac,提示“不是内部或外部命令”. 2.解决过程 2.1.解决方案一 2.1.1.检查并添加环境变量 通常就是这个原因导致. 2.1.2.过程一 确实还是环境变量没有写对. ...

  4. JVM内存划分基础知识

    第一部分 JVM内存划分 目录 Java垃圾回收概况 Java内存区域 Java对象的访问方式 Java内存分配机制 Java GC机制 垃圾收集器 Java垃圾回收概况 Java GC(Garbag ...

  5. FlashPlayer11 异步解码 Bitmap

    Flash Player 11引入了一个全新的功能是异步解码位图的功能,这个功能对某些类型的Flash应用会很有效,尤其是需要加载大分辨率的位图的相册或游戏会有显著效果,使用位图图像时,可以异步解码和 ...

  6. jdbcTemplate获取mysql的blob

    java使用jdbcTemplate操作mysql数据库,遇到blob字段,正常读取出来是blob的地址,而不是blob的内容. 下面采用2中方式读取blob的内容: 1.以二进制数组形式读取blob ...

  7. IOS隐藏navigationItem左右按钮的方法

    在移除一个View的时候或者根据需要希望让navigationItem的rightBarButtonItem或者leftBarButtonItem处于隐藏状态,一个简单的方法如下:   self.na ...

  8. 你不知道的getComputedStyle

    你不知道的getComputedStyle jQuery的css()的底层实现就用到了getComputedStyle这个方法,也许我们用到的很少,但是不得不说这时一个非常强大的函数,下面让我们一探究 ...

  9. ubuntu 下配置Web服务器

    ubuntu 下配置Web服务器 1.切换管理员身份 终端/文本界面输入命令: su 根据提示输入密码 注: 如果不能使用su 点击查看如何启用su2.安装MySQL5 apt-get install ...

  10. xshell无法连接到linux主机原因分析

    xshell连接linux主机时,会出现错误:Could not connect to '192.168.89.144' (port 22): Connection failed.  但是这时能pin ...