Django实现用户注册登陆

时间  2019-11-08
标签 django 实现 用户 注册 登陆 栏目 Python 繁體版
原文   原文链接

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

=================html

Ubuntuhtml5

python 2.7.12python

Django 1.10.4数据库

IDE：Pycharmdjango

Bootstrap（其实没怎么用~~）bootstrap

=================app

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

使用终端：post

(建立项目)django-admin.py startproject mysite学习

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

记得在settings.py里面添加app

 设计模型：

/mysite/app01/models.py：

 1 from __future__ import unicode_literals
 2 
 3 from django.db import models
 4 
 5 # Create your models here.
 6 
 7 class User(models.Model):
 8     username = models.CharField(max_length=50)
 9     password = models.CharField(max_length=50)
10     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：

 1 #coding=utf-8
 2 from django.shortcuts import render,render_to_response
 3 from django.http import HttpResponse
 4 from django import forms
 5 from models import User
 6 # Create your views here.
 7 class UserForm(forms.Form):
 8     username = forms.CharField(label='用户名',max_length=50)
 9     password = forms.CharField(label='密码',widget=forms.PasswordInput())
10     email = forms.EmailField(label='邮箱')
11 
12 def regist(request):
13     if request.method == 'POST':　　　　
14         userform = UserForm(request.POST)
15         if userform.is_valid():
16             username = userform.cleaned_data['username']
17             password = userform.cleaned_data['password']
18             email = userform.cleaned_data['email']
19 
20             User.objects.create(username=username,password=password,email=email)
21             User.save()
22 
23             return HttpResponse('regist success!!!')
24     else:
25         userform = UserForm()
26     return render_to_response('regist.html',{'userform':userform})
27 
28 def login(request):
29     if request.method == 'POST':
30         userform = UserForm(request.POST)
31         if userform.is_valid():
32             username = userform.cleaned_data['username']
33             password = userform.cleaned_data['password']
34 
35             user = User.objects.filter(username__exact=username,password__exact=password)
36 
37             if user:
38                 return render_to_response('index.html',{'userform':userform})
39             else:
40                 return HttpResponse('用户名或密码错误,请从新登陆')
41 
42     else:
43         userform = UserForm()
44     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)

 

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

 效果图

主页：

注册页：

登陆页面：

 后台：

相关文章
相关标签/搜索
每日一句
    每一个你不满意的现在，都有一个你没有努力的曾经。
本站公众号
   欢迎关注本站公众号,获取更多信息
联系我们 最近搜索 最新文章 沪ICP备13005482号-10 MyBatis教程 SQL 教程 MySQL教程 Java 教程 Thymeleaf 教程 Hibernate教程 Spring教程 Redis教程