前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Django入门笔记--用户登录

Django入门笔记--用户登录

作者头像
宇宙之一粟
发布2020-10-26 10:34:01
4130
发布2020-10-26 10:34:01
举报
文章被收录于专栏:宇宙之_一粟

前言

从之前的学习我们发现,一直在blog应用中进行开发。本章开始新建另一个App来开发,介绍Django的身份认证模块,实现用户登录、注册、注销。

一个简单的登录界面

创建应用

为了实现用户登录、退出、注册等功能,从而进行用户管理,创建一个新的应用。

代码语言:javascript
复制
python manage.py startapp accounts

然后我们就多了一个accounts目录,然后在/myblog/settings.py中对新应用进行配置。

代码语言:javascript
复制
INSTALLED_APPS = [
  ...,
  'blog',
  'accounts',
]

在./accounts目录中创建urls.py文件,然后设置本应用中的路径。

代码语言:javascript
复制
from django.urls import path
from . import views


app_name = "accounts"
urlpatterns = [
    path('login/', views.user_login, name='user_login'),
]

然后在./myblog/urls.py配置accounts应用的URL配置:

代码语言:javascript
复制
from django.contrib import admin
from django.urls import path, include
from django.conf.urls import url
from blog import views


urlpatterns = [
    path('admin/', admin.site.urls),
    url(r'^$', views.home, name='home'),
    path('<int:article_id>/', views.blog_article),  
    path('accounts/', include('accounts.urls', namespace='accounts')),  # 新增
]

基本配置到位,接下来我们设计用户登录界面:

登录表单设计

./account目录下新建forms.py,代码如下:

代码语言:javascript
复制
from django import forms


class LoginForm(forms.Form):
    username = forms.CharField()
    password = forms.CharField(widget=forms.PasswordInput)

登录视图函数

编辑./account/views.py文件,实现user_login()的视图函数:

代码语言:javascript
复制
from django.shortcuts import render, HttpResponse
from django.contrib.auth import authenticate, login
from . forms import LoginForm


# Create your views here.
def user_login(request):
    if request.method == "POST":
        login_form = LoginForm(request.POST)
        if login_form.is_valid():
            cd = login_form.cleaned_data
            user = authenticate(username=cd['username'], password=cd['password'])

            if user:
                login(request, user)
                return HttpResponse("欢迎你,登录成功")
            else:
                return HttpResponse("抱歉,用户名或者密码错误")
        else:
            return HttpResponse("登录非法")

    else:
        login_form = LoginForm()

    return render(request, "accounts/login.html", {"form": login_form})

登录前端界面

./templates/accounts/login.html模板,代码如下:

代码语言:javascript
复制
{% extends "base.html" %}

{% block title %}登录{% endblock %}

{% block content %}
    <div class="container text-center" >
        <h1>用户登录</h1>
        <p>
            输入你的用户名和密码
        </p>
        <form action="." method="post">
            {% csrf_token %}
            {{ form.as_p }}
            <p><input type="submit" value="登录"></p>
        </form>
    </div>
{% endblock %}

修改./templates/base.html,代码如下:

代码语言:javascript
复制
{% load staticfiles %}
<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>{% block title %}{% endblock %}</title>
        <link rel="stylesheet" href="{% static 'css/bootstrap.min.css' %}">
    </head>
    <body>
        <div id="header">
            <nav class="navbar navbar-expand-lg navbar-dark bg-dark">
                <div class="container" >
                    <a class="navbar-expand" href="{% url 'home' %}">主页</a>
                    <ul class="nav navbar-nav navbar-light" style="margin-right: 10px">
                        <li><a href="{% url 'accounts:user_login' %}">登录</a> </li>
                    </ul>
                </div>
            </nav>
        </div>
        <div class="container">
            <div id="content">
                {% block content %}
                {% endblock %}
            </div>
        </div>
    </body>
</html>
本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 前言
    • 一个简单的登录界面
      • 创建应用
        • 登录表单设计
          • 登录视图函数
            • 登录前端界面
            领券
            问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档