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


相关文章
|
1月前
|
存储 数据库 文件存储
掌握Django文件处理:一步步构建上传功能
文件上传算是一种很常见的需求,几乎构建很多项目系统,以及插件都需要用到。 通过上面例子可以看到django通过forms表单的形式灵活定义文件上传的页面,字段,以及数据库存储。 在实际项目中我们还要考虑到安全性,包括检查文件大小(可通过FileField的max_length属性设置)、防止路径遍历攻击。 还需注意服务器端的验证,比如检查文件类型、内容安全等。
|
2月前
|
缓存 数据挖掘 数据库
104-Django开发在线美食购物网站
美味小厨在线购物网站是基于Python和Django构建的电商平台,提供商品展示、搜索过滤、问题反馈、购物功能、商品详情查看、产品编辑添加、多用户及站点管理、订单管理等服务。采用Django框架实现高效、稳定且可扩展的系统,前后端分离以提升性能,支持数据库优化和缓存技术,注重用户数据安全。未来计划优化用户体验,拓展更多功能,并加强数据分析。
25 1
|
3天前
|
前端开发 JavaScript API
探索Python Django中的WebSocket集成:为前后端分离应用添加实时通信功能
【7月更文挑战第17天】现代Web开发趋势中,前后端分离配合WebSocket满足实时通信需求。Django Channels扩展了Django,支持WebSocket连接和异步功能。通过安装Channels、配置设置、定义路由和消费者,能在Django中实现WebSocket交互。前端使用WebSocket API连接后端,实现双向数据流,如在线聊天功能。集成Channels提升Web应用的实时性和用户体验,适应实时交互场景的需求。**
22 6
|
24天前
|
安全 API 数据安全/隐私保护
Django REST framework安全实践:轻松实现认证、权限与限流功能
Django REST framework安全实践:轻松实现认证、权限与限流功能
|
5天前
|
存储 关系型数据库 数据库
我将提供一个简化的Python代码示例和详解,以展示如何使用Python和Django框架来构建智能化小区综合物业管理系统的一部分功能。
我将提供一个简化的Python代码示例和详解,以展示如何使用Python和Django框架来构建智能化小区综合物业管理系统的一部分功能。
|
6天前
|
程序员 API 数据库
Django/Flask深度揭秘:揭秘那些让程序员爱不释手的神奇功能!
【7月更文挑战第14天】Django的ORM简化数据库操作,强大的模板引擎助力高效HTML渲染,内置功能丰富且可扩展。Flask以其灵活路由、强大扩展生态和高度可定制性著称,轻量而不失功能。两者各具魅力,满足不同Web开发需求。
9 0
|
1月前
|
数据库 数据安全/隐私保护 Python
Web实战丨基于django+html+css+js的电子商务网站
Web实战丨基于django+html+css+js的电子商务网站
44 3
|
1月前
|
前端开发 安全 数据安全/隐私保护
Web实战丨基于django+html+css+js的在线博客网站
Web实战丨基于django+html+css+js的在线博客网站
32 2
|
1月前
|
缓存 监控 中间件
探究Django中间件的神奇:功能、应用场景和核心方法
在Django中,中间件是一个强大的概念,它们提供了一种灵活的方式来处理请求和响应。本文将探讨Django中间件的基本概念、常见应用场景以及中间件类中的父类和核心方法。
|
2月前
|
前端开发 JavaScript 数据库
110-Django开发社交聊天网站
该内容描述了一个聊天网站的功能模块和技术实现要点,主要包括: 1. 用户管理:用户注册、登录/登出、信息编辑和密码管理。 2. 权限管理:角色定义、权限分配和访问控制。 3. 好友管理:添加、查看、删除好友及处理好友请求。 4. 通讯管理:创建聊天室、在线聊天、消息发送/接收、历史记录和实时通知。 5. 技术实现:使用Django认证系统、channels库支持WebSocket、MySQL数据库、前端技术(如HTML/CSS/JavaScript)以及性能优化。 请注意,由于字符限制,部分图片无法在摘要中展示。
38 6