Django实现网站登陆的功能

简介:

django版本如下:

1
2
3
[root@dvl-stun-001 testoms] # python -c "import django;print django.VERSION"
(1, 10, 3, u 'final' , 0)
[root@dvl-stun-001 testoms] #

django默认情况下是有一个登陆界面的,就是当你启动project的时候,在浏览器里输入“外网ip地址/admin“就会看到django默认的登陆界面,如图:

wKioL1j5Z3LxJneeAABpIXtmo_A575.png


但是我们还是希望可以做出来一个我们内部用户可以登陆平台的界面,而这篇文章就叫讲述如何达到这个目的。


http://chenx1242.blog.51cto.com/10430133/1914949  里我已经建立了一个叫testoms的project,里面有两个app分别是app1和app2,并且已经把app1和app2添加到了testoms的settings.py里的INSTALLED_APPS节点,如下:

1
2
3
4
5
6
7
8
9
10
INSTALLED_APPS = [
     'django.contrib.admin' ,
     'django.contrib.auth' ,
     'django.contrib.contenttypes' ,
     'django.contrib.sessions' ,
     'django.contrib.messages' ,
     'django.contrib.staticfiles' ,
         'app1' ,
         'app2' ,
]


然后把MIDDLEWARE里的csrf注释掉:

1
2
3
4
5
6
7
8
9
10
MIDDLEWARE = [
     'django.middleware.security.SecurityMiddleware' ,
     'django.contrib.sessions.middleware.SessionMiddleware' ,
     'django.middleware.common.CommonMiddleware' ,
     #'django.middleware.csrf.CsrfViewMiddleware',
     'django.contrib.auth.middleware.AuthenticationMiddleware' ,
     'django.contrib.messages.middleware.MessageMiddleware' ,
     'django.middleware.clickjacking.XFrameOptionsMiddleware' ,
     'debug_toolbar.middleware.DebugToolbarMiddleware' ,
]


此时testoms/testoms/url.py的内容是初始化的,是这样的:

1
2
3
4
5
from django.conf.urls  import  url
from django.contrib  import  admin
urlpatterns = [
     url(r '^admin/' , admin.site.urls),
]


现在我们在app1里建立一个小数据表,可以用来存放账号的密码,来到testoms/app1里面,#vim models.py,编辑成如下内容:

1
2
3
4
5
6
7
8
9
10
11
12
from __future__  import  unicode_literals
from django.db  import  models
from django.contrib  import  admin
 
class User(models.Model):
     username = models.CharField(max_length=50)
     password = models.CharField(max_length=50)
     
class UserAdmin(admin.ModelAdmin):
     list_display = ( 'username' , 'password' )
 
admin.site.register(User,UserAdmin)


看到我们设置了一个叫User的类,里面有两个字段分别是username和password,最大字节数是50,这里设置的比较简单,如果想做的更精密一点,可以添加邮箱或者手机号什么的。


返回到testoms目录里,#python manage.py migrate 就会看到数据库已经被同步,然后#python manage.py createsuperuser 建立一个超级用户,这样可以登陆到django的后台里。登陆后台之后就会看到app1的菜单栏下面多了一个Users,也就是上面我们设定的那个“类”名:

wKiom1j5bimgoni8AAAKTSoHpaA712.png


然后点击add,随便添加一个用户,比如user叫“lidakang",密码是123123:

wKiom1j5bveA7-l8AAAfluwMAwQ310.png


点击save保存之后,就会看到效果:

wKioL1j5cHzC_YiwAAAzfv0PYUE058.png


可以看到我们已经设定lidakang可以登陆到我们的django里了,也就是说我们的小数据库里多了一条叫lidakang的数据,那么用户信息表已经生成,下面要做的就是用户登陆功能。


在testoms/app1的views.py里,修改成这样的内容:

#coding=utf-8
from django.shortcuts import render,render_to_response
from django.http import HttpResponseRedirect
from app1.models import User       #因为在app1下的操作,所以这里要写app1
from django import forms

#定义表单模型
class UserForm(forms.Form):
    username = forms.CharField(label='用户名:',max_length=100)
    password = forms.CharField(label='密码:',
    widget=forms.PasswordInput())

#登录
def login(request):    
      if request.method == 'POST':
        uf = UserForm(request.POST)        
        if uf.is_valid():            
        #获取表单用户密码
            username = uf.cleaned_data['username']
            password = uf.cleaned_data['password']            
            #获取的表单数据与数据库进行比较
            user = User.objects.filter(username__exact = username,password__exact = password)            
            if user:                
                return render_to_response('success.html',{'username':username})            
            else:                
                return render_to_response('fail.html',{'username':username})    
     else:
         uf = UserForm()    
     return render_to_response('login.html',{'uf':uf})



这段代码的意思是,规定通过POST的当时获取到输入的“账号”和“密码”,如果输入的数据与数据库User数据表的字段一致,那么就跳转到success.html界面(同时把username这个字段设定叫‘username’),反之就跳转到fail.html这个页面。


现在我们就要设定success.html界面以及login.html界面了,在testoms/app1/templates里面,#vim login.html,内容如下:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
<!DOCTYPE html>
< html  lang = "en" >
< head >  
     < meta  charset = "UTF-8" >  
     < title >Login</ title >  
   < style  type = "text/css" >
     html{
     width: 100%;
     height: 100%;
     overflow: hidden;
     font-style: sans-serif;
}
body{
     width: 100%;
     height: 100%;
     font-family: 'Open Sans',sans-serif;
     margin: 0;
     background-color: #4A374A;
}
#login{
     position: absolute;
     top: 50%;
     left:50%;
     margin: -150px 0 0 -150px;
     width: 400px;
     height: 400px;
}
#login h1{
     color: #fff;
     text-shadow:0 0 10px;
     letter-spacing: 1px;
     text-align: center;
     width: 430px;
     margin-left: -60px;
}
h1{
     font-size: 2em;
     margin: 0.67em 0;
}
input{
     width: 278px;
     height: 18px;
     margin-bottom: 10px;
     outline: none;
     padding: 10px;
     font-size: 13px;
     color: #fff;
     text-shadow:1px 1px 1px;
     border-top: 1px solid #312E3D;
     border-left: 1px solid #312E3D;
     border-right: 1px solid #312E3D;
     border-bottom: 1px solid #56536A;
     border-radius: 4px;
     background-color: #2D2D3F;
}
.but{
     width: 300px;
     min-height: 20px;
     display: block;
     background-color: #4a77d4;
     border: 1px solid #3762bc;
     color: #fff;
     padding: 9px 14px;
     font-size: 15px;
     line-height: normal;
     border-radius: 5px;
     margin: 0;
}
  </ style >
</ head >
< body >
  < div  id = "login" >
< h1 >欢迎登陆陈男神的运维平台!</ h1 >
< form  method = 'post'  enctype = "multipart/form-data" >
     `uf`.`as_p`
     < input  type = "submit"  value = "ok" />
</ form >
  </ div >
</ body >
</ html >


我在这里把html和css写到了一起,所以比较长。保存退出之后,再建立一个叫success.html界面:

1
2
3
4
5
6
7
8
9
10
11
12
<? xml  version = "1.0"  encoding = "UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
< html  xmlns = "http://www.w3.org/1999/xhtml"  xml:lang = "en"  lang = "en" >
< head >
     < meta  http-equiv = "Content-Type"  content = "text/html; charset=UTF-8"  />
     < title ></ title >
</ head >
< body >
     < h1 >恭喜`username`,登录成功!</ h1 >
</ form >
</ body >
</ html >


一模一样的,再来一个fail.html界面: 

1
2
3
4
5
6
7
8
9
10
11
12
<? xml  version = "1.0"  encoding = "UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
< html  xmlns = "http://www.w3.org/1999/xhtml"  xml:lang = "en"  lang = "en" >
< head >
     < meta  http-equiv = "Content-Type"  content = "text/html; charset=UTF-8"  />
     < title ></ title >
</ head >
< body >
     < h1 >遗憾`username`,登录失败...</ h1 >
</ form >
</ body >
</ html >


返回到app1这一层目录,手动建立一个叫urls.py的文件,填写如下内容:

1
2
3
4
5
from django.conf.urls  import  url
from app1  import  views
urlpatterns = [
     url(r '^$' , views.login, name= 'login' ),
]


保存之后,再返回到testoms/testoms这一层目录,修改urls.py的内容: 

1
2
3
4
5
6
7
8
9
10
11
12
from django.conf.urls  import  url,include
from django.contrib  import  admin
admin.autodiscover()
from app1  import  views as app1_views
from app2  import  views as app2_views
 
urlpatterns = [
     url(r '^admin/' , admin.site.urls),
     #url(r'^$', app1_views.hello,name='hello'),
     url(r '^bye/$' , app2_views.bye,name= 'bye' ),
     url(r '^login/' , include( 'app1.urls' )),  #在这里用到了刚才在 app1下建立的urls.py文件
]


重新启动django,在浏览器地址栏里输入"外网ip地址/login",就会看到我们的成果: 

wKiom1j5p9XgfJtrAAEuYm7ze40153.png


 输入我们刚刚建立的lidakang和对应的密码123123,点击 OK之后,就会看到成功的界面: 

wKioL1j5diHwbkusAAA-dSGu8Sw214.png


而如果输入的账号名密码不匹配,比如这里我随便输入一个dsada的用户,那么就会出来失败的界面: 

wKioL1j5sUCwaC2eAAAfOJmV5Vs709.png



 本文转自 苏幕遮618 51CTO博客,原文链接:http://blog.51cto.com/chenx1242/1917985


相关文章
|
5月前
|
前端开发 数据库 Docker
一款可以直接使用的招聘网站, react django开发招聘网站,docker 部署
一款可以直接使用的招聘网站, react django开发招聘网站,docker 部署
50 0
|
7月前
|
开发工具 Python
Django使用支付宝SDK完整网站应用支付。
Django使用支付宝SDK完整网站应用支付。
170 0
|
11天前
|
存储 搜索推荐 开发者
django-haystack,具有全文搜索功能的 Python 库!
django-haystack,具有全文搜索功能的 Python 库!
19 0
|
12天前
|
JavaScript 前端开发 API
给网站添加一个邮件反馈(django+vue)
给网站添加一个邮件反馈(django+vue)
6 0
|
20天前
|
Python
基于Django的Python应用—学习笔记—功能完善
基于Django的Python应用—学习笔记—功能完善
|
21天前
|
中间件 API 文件存储
Django的扩展包与中间件:增强应用功能的利器
【4月更文挑战第15天】本文介绍了Django的扩展包和中间件,两者用于增强Django应用功能。扩展包是可重用的应用,提供额外功能,如用户认证和API开发。选择合适的扩展包,通过安装、配置,可轻松集成到项目中。中间件则在请求和响应之间执行操作,如身份验证和权限控制。创建中间件类并添加到settings.py中,实现特定功能。扩展包和中间件常结合使用,以实现更复杂的应用需求,提高开发效率和应用性能。
|
21天前
|
缓存 API 数据库
Django中的视图装饰器:扩展视图功能的利器
【4月更文挑战第15天】Django视图装饰器用于扩展视图功能,如权限验证、缓存控制和日志记录。它们是Python的高级特性,能不修改原始函数代码就添加新功能。Django提供内置装饰器,如`@login_required`(强制用户登录)、`@cache_page`(缓存视图输出)和`@csrf_protect`(CSRF保护)。同时,开发者可自定义装饰器,例如上面的`timing_decorator`用于记录视图执行时间。使用装饰器时要注意性能影响、执行顺序和参数处理。装饰器增强了代码复用性和可维护性。
|
27天前
|
供应链 JavaScript 前端开发
使用Django和Vue实现电子商务网站的后端和前端
【4月更文挑战第10天】本文介绍了使用Django和Vue构建电子商务网站的后端与前端方法。Django作为Python的Web框架负责后端,其模型-视图-控制器设计简化了商品管理、购物车和订单处理。Vue.js用于前端,提供数据驱动和组件化的用户界面。通过定义Django模型和视图处理请求,结合Vue组件展示商品和管理购物车,开发者可构建交互性强的电商网站。虽然实际开发涉及更多细节,但本文为入门提供了基础指导。
|
1月前
|
前端开发 测试技术 数据库
【python】为什么使用python Django开发网站这么火?
【python】为什么使用python Django开发网站这么火?
|
4月前
|
存储 安全 数据库
关于“Python”Django 管理网站的核心知识点整理大全52
关于“Python”Django 管理网站的核心知识点整理大全52
19 0