投稿
  1. 极客之音首页
  2. 后端开发
  3. Python

Django加Vue电商项目实战12 内置权限校验实现注册登录实战

小半 • • Python • 阅读 385

前言

学无止境，无止境学。大家好，我是张大鹏，之前在抖音有5万多粉丝，不过现在不拍视频，专心写公众号了。笔者目前是高级Python工程师，之前是全栈工程师，主要擅长Golang和Python开发，对于Java，Vue，React也有一些研究。工作之余，喜欢学习和分享，希望能够通过此公众号”张大鹏520″，将自己学到的东西分享给大家，和大家一起交流，一起成长，一起进步。

今天要给大家分享的是《Django加Vue电商项目实战12 内置权限校验实现注册登录实战》，这是一个系列的教程，从零基础到项目实战。在本教程中，我会给大家介绍Django内置的用户表相关的用法。比如创建用户，校验用户，登录用户等。还会配套相关的练习，大家学完以后可以自行通过练习题巩固和加深对知识点的理解。

如果大家需要本教程的PDF电子书或者完整的源码，可以在文末找到获取方式哈。

环境搭建

安装依赖

pip install django

创建项目

# 创建项目
django-admin startproject z07_django_auth

# 创建静态目录和模板目录
cd z07_django_auth
mkdir static templates media

# 创建应用
python manage.py startapp index

配置项目

配置应用：

# 应用配置
INSTALLED_APPS = [
    # 后台应用
    'django.contrib.admin',
    # 权限应用
    'django.contrib.auth',
    'django.contrib.contenttypes',
    # session应用，用来记录session
    'django.contrib.sessions',
    # message应用，用来发送消息
    'django.contrib.messages',
    # 静态文件应用，用来处理静态文件
    'django.contrib.staticfiles',
    # 入口应用
    'index',
]

配置模板目录：

# 模板配置
TEMPLATES = [
    {
        'BACKEND': 'django.template.backends.django.DjangoTemplates',
        # 配置模板目录
        'DIRS': [BASE_DIR / 'templates'],
        'APP_DIRS': True,
        'OPTIONS': {
            'context_processors': [
                'django.template.context_processors.debug',
                'django.template.context_processors.request',
                'django.contrib.auth.context_processors.auth',
                'django.contrib.messages.context_processors.messages',
            ],
        },
    },
]

配置数据库：

# 数据库信息
DATABASES = {
    'default': {
        'ENGINE': 'django.db.backends.mysql',
        'NAME': 'django_shop',  # 数据库名
        'USER': 'root',  # 用户名
        'PASSWORD': 'root',  # 密码
        'HOST': '192.168.33.12',  # 主机
        'PORT': '3306',
        # 取消外键约束，否则多对多模型迁移报django.db.utils.IntegrityError: (1215, 'Cannot add foreign key constraint')
        'OPTIONS': {
            "init_command": "SET foreign_key_checks = 0;",
            'charset': 'utf8'
        },
    }
}

引入MySQL驱动：

import zdppy_mysql

zdppy_mysql.install_as_MySQLdb()

执行数据库迁移：

python manage.py makemigrations
python manage.py migrate

配置语言和时区：

# 时区配置
LANGUAGE_CODE = 'zh-hans'
TIME_ZONE = 'Asia/Shanghai'
USE_I18N = True
USE_TZ = True

配置静态目录：

# 文件配置
STATICFILES_DIRS = [BASE_DIR / 'static']
STATIC_URL = '/static/'
if not DEBUG:
    STATIC_ROOT = BASE_DIR / 'static'
MEDIA_URL = "/media/"
MEDIA_ROOT = BASE_DIR / "media"

日志配置：

# 配置日志
LOGGING = {
    'version': 1,
    'disable_existing_loggers': False,
    # 日志处理器
    'handlers': {
        # 控制台日志处理器
        'console': {
            'level': 'DEBUG',
            'class': 'logging.StreamHandler',
        },
    },
    'loggers': {
        # SQL语句输出到控制台
        'django.db.backends': {
            'handlers': ['console'],
            'propagate': True,
            'level': 'DEBUG',
        },
    }
}

总路由

from django.contrib import admin
from django.urls import path, include, re_path
from django.views.static import serve

from . import settings

urlpatterns = [
    path('admin/', admin.site.urls),
    path('', include("index.urls")),
    # 配置媒体文件目录
    re_path('^media/(?P<path>.*)$', serve, {'document_root': settings.MEDIA_ROOT})
]

子路由

from django.urls import path

from . import views

app_name = 'index'
urlpatterns = [
    path('', views.index, name='index'),
]

视图函数

from django.shortcuts import render


def index(request):
    return render(request, "index.html")

模板

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>Django权限示例</title>
</head>
<body>
<h1>Django权限示例</h1>
<h2>路由列表</h2>
<ul>
    <li><a href="{% url 'index:index' %}">/</a></li>
</ul>
</body>
</html>

启动测试

在项目目录执行以下命令启动服务：

python manage.py runserver

用户注册

路由设计

from django.urls import path

from . import views

app_name = 'index'

urlpatterns = [
    # 用户注册
    path('/register/', views.register, name='register'),
]

视图函数

from django.contrib.auth import authenticate, login
from django.contrib.auth.models import User
from django.shortcuts import render, redirect
from django.urls import reverse

def register(request):
    """用户注册"""
    # 渲染注册页面
    if request.method == "GET":
        return render(request, 'register.html')

    # 执行注册功能
    if request.method == "POST":
        # 获取用户名和密码
        uname = request.POST.get("username", '')
        pwd = request.POST.get("password", '')
        email = request.POST.get("email", '')
        re_password = request.POST.get("re-password", '')
        if pwd != re_password:
            info = "两次密码不一致"
        elif User.objects.filter(username=uname):
            info = '用户已经存在'
        else:
            # 添加用户数据到数据库
            # is_staff：是否登录后台
            # is_active：是否激活
            # is_superuser：是否为超级管理员
            d = dict(username=uname, password=pwd, email=email, is_staff=1, is_active=1, is_superuser=1)
            user = User.objects.create_user(**d)
            info = '注册成功,请登陆'
            # 跳转到登陆页面
            return redirect(reverse("index:login"))
        return render(request, 'register.html', {"info": info})

模板：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>用户注册</title>
</head>
<body class="hold-transition register-page">
<div class="register-box">
    <div class="register-logo">
        <b>用户注册</b>
    </div>
    <div class="card">
        <div class="card-body register-card-body">
            <form action="{% url 'index:register' %}" method="post">
                {% csrf_token %}
                <div class="input-group mb-3">
                    <input type="text" class="form-control" name="username" placeholder="用户名">
                </div>
                <div class="input-group mb-3">
                    <input type="email" class="form-control" name="email" placeholder="邮箱">
                </div>
                <div class="input-group mb-3">
                    <input type="password" class="form-control" name="password" placeholder="密码">
                </div>
                <div class="input-group mb-3">
                    <input type="password" class="form-control" name="re-password" placeholder="重复密码">
                </div>
                <div class="row">
                    <div class="col-8">
                        <label for="agreeTerms">
                            {{ info }}
                        </label>
                    </div>
                    <div class="col-4">
                        <button type="submit" class="btn btn-primary btn-block">注册</button>
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>
</body>
</html>

测试地址：http://192.168.33.13:8000/reigister/

用户登录

路由设计

from django.urls import path

from . import views

app_name = 'index'

urlpatterns = [
    # 用户登录
    path('/login/', views.login_view, name='login'),
]

视图函数

from django.contrib.auth import authenticate, login
from django.contrib.auth.models import User
from django.shortcuts import render, redirect
from django.urls import reverse

def login_view(request):
    """用户登录"""
    # 渲染登录页面
    if request.method == "GET":
        return render(request, 'login.html')
    # 执行登录逻辑
    if request.method == "POST":
        # 获取用户名和密码
        uname = request.POST.get("username", '')
        pwd = request.POST.get("password", '')

        # 校验用户名和密码
        if User.objects.filter(username=uname):  # 判断用户是否存在
            # 如果存在，进行验证
            user = authenticate(username=uname, password=pwd)
            if user:  # 如果验证通过
                if user.is_active:  # 如果用户状态为激活
                    login(request, user)  # 进行登陆操作，完成session的设置
                    info = "登陆成功"
                else:
                    info = "用户还未激活"
            else:
                info = "账号密码不对，请重新输入"
        else:
            info = '用户账号不存在，请查询'
        return render(request, 'login.html', {"info": info})

模板：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>用户登陆</title>
</head>
<body class="hold-transition register-page">
<div class="register-box">
    <div class="register-logo">
        <b>用户登陆</b>
    </div>
    <div class="card">
        <div class="card-body register-card-body">
            <form action="{% url 'index:login' %}" method="post">
                {% csrf_token %}
                <div class="input-group mb-3">
                    <input type="text" class="form-control" name="username" placeholder="用户名">
                    <div class="input-group-append">
                        <div class="input-group-text">
                            <span class="fas fa-user"></span>
                        </div>
                    </div>
                </div>
                <div class="input-group mb-3">
                    <input type="password" class="form-control" name="password" placeholder="密码">
                    <div class="input-group-append">
                        <div class="input-group-text">
                            <span class="fas fa-lock"></span>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-8">
                        <label for="agreeTerms">
                            {{ info }}
                        </label>
                    </div>
                    <div class="col-4">
                        <button type="submit" class="btn btn-primary btn-block">登陆</button>
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>
</body>
</html>

测试地址：http://192.168.33.13:8000/reigister/

结语

关注我不迷路，欢迎关注我的微信公众号”张大鹏520″，如果您对此文章感兴趣，欢迎点赞收藏，留言评论。

文中所有代码，只需要打赏20元，然后留言评论“已打赏”，即可获取哦。

本文的PDF电子书版，只需要打赏3元，然后留言评论“已打赏”，即可获取哦。

写文章不容易，不喜勿喷哈，如果有想要学编程，学项目，或者在工作中有项目难以单独完成需要提供帮助的同学，欢迎私信我哈。生活不易，想要利用学到的编程知识，业余赚点零花钱。

接项目：网站开发，APP开发，各种管理系统开发。

带徒弟：Python编程教学，Golang编程教学，前端编程教学。

谢谢您！！！


原文始发于微信公众号（张大鹏520）：Django加Vue电商项目实战12 内置权限校验实现注册登录实战

版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 举报，一经查实，本站将立刻删除。

文章由极客之音整理，本文链接：https://www.bmabk.com/index.php/post/48594.html

赞 (0)
小半的头像小半
0 0

相关推荐

发表回复

登录后才能评论
极客之音——专业性很强的中文编程技术网站，欢迎收藏到浏览器，订阅我们！