二十一.增加用户登陆界面

由于我们这是一个对内的项目管理界面，因此，我不提供用户的公开注册，只负责用户登陆并让用户更改密码。建立用户可以通过admin后台来建立。如果需要拥有一套完整的用户注册系统，可以直接选择一个django-registration-redux的插件。

 

在这里，我们用Django提供的一个原生的注册系统来实现。具体文档可以参阅：

https://docs.djangoproject.com/en/1.9/topics/auth/default/#auth-web-requests

 

其中，我们使用Django提供的Authentication Views。Django提供了好几种views可以让你来处理登陆，登出，以及密码管理。你可以使用Django提供的form表单来实现，当然也可以自己新建form表单。

Django没有提供默认的认证模板。因此你需要自己建立一个html模板，而且这个html需要默认放在registration目录下。

 

1.      使用Django内建的views实现用户登陆退出及密码修改：

Urls.py:

#用户登陆列表
#用户登陆
url(r'login/', echo.views.login, name='login'),
#用户退出
url(r'logout/', echo.views.logout, name='logout'),
#密码修改
url(r'password_change/', echo.views.password_change, name='password_change'),

以上只是url的一种方式，事实上，可以根据自己的需要，在url中做许多变动，以适应实际需要，具体可以参加Django文档。

 

2.      在views.py中建立相应函数：

#用户登陆选项，所有的函数将会返回一个template_response的实例，用来描绘页面，同时你也可以在return之前增加一些特定的功能
#用户登陆
def login(request):
    #extra_context是一个字典，它将作为context传递给template，这里告诉template成功后跳转的页面将是/index
    template_response = views.login(request, extra_context={'next': '/index'})
    return template_response

#用户退出
def logout(request):
    #logout_then_login表示退出即跳转至登陆页面，login_url为登陆页面的url地址
    template_response = views.logout_then_login(request,login_url='/login')
    return template_response

#密码更改
def password_change(request):
    #post_change_redirect表示密码成功修改后将跳转的页面.
    template_response = views.password_change(request,post_change_redirect='/index')
    return template_response

在view中，有许多参数可供选择，具体可以参加https://docs.djangoproject.com/en/1.9/topics/auth/default/#all-authentication-views

3.      建立login.html：

由于Django不提供login页面，因此需要自己建立一个html页面，并放于registration目录下。通过ACE的login.html，我们做适当的修改，将一些不必要的功能去掉简化。

Login.html:

 

% load staticfiles %}


   
      
      
      
      
      
      
      
      
      
      
      
      

      
      
      
      
   

   
      

         

            

               

                  

                     

                        

                           ECHO信息管理平台
                        
                     

                     


                     

                        

                           

                              

                                 

                                    
                                    请输入用户名和密码
                                 

                                 

                                            
                                            {% if form.errors %}
                                            
用户名与密码不匹配
                                            {% endif %}
                                            
                                 

                                            {% csrf_token %}
                                    

                                       
                                          
                                                            用户
                                                            {{ form.username }}
                                             
                                          
                                       

                                       
                                          
                                             密码
                                                            {{ form.password }}
                                             
                                          
                                       

                                       


                                       



                                          
                                             
                                             登录
                                          
                                       

                                       

                                    
                                                
                                                
                                 
                              

                           

                        

                     

                  
               

            

         
      

      
      
      
      
      
      
      

4.     验证登陆页面

登陆http://127.0.0.1:8000/login

发现能够成功访问该login页面。输入错误的用户名和密码后会报出相关错误信息。

用户名和密码验证通过后，将会跳转到我们所设定的index页面。

 

5.      修改更改密码和退出的HTML页面。

我们对右上角的这个菜单进行一个简单的编辑，将密码修改链接放于这个页面中。

我们对index.html页面中的section:basics/navbar.user_menu进行更改。

               

                  

                     
                               
                                   {% if user.is_authenticated %}
                                       用户选项
                                       {{user.username }}已登录
                                   {% else %}
                                       用户选项
                                   {% endif %}

                     

                     
                  

                  


                               
                               {% if user.is_authenticated %}
                                   

                        
                           
                           注销
                        
                     
                                   {% else %}
                     

                        
                           
                           登录
                        
                     
                               {% endif %}

                               

                               

                        
                           
                           更改密码
                        
                     




                  
               

               

6.      验证用户登录、修改密码及注销

如果用户echo已经登录，那么显示如下

我们点击注销后，会退回到login页面。

 

如果我们不通过登录，而直接访问index页面。则看到的页面如下

点击更改密码后，我们发现跳转至了Django的更改密码页面，在这个页面上我们可以顺利更改相应密码。

 

如果修改密码完成后，会自动跳转至index页面。

 

点击注销功能后，页面会跳转至login页面。