Django加Vue电商项目实战13 自定义用户模型实现注册登录实战

前言

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

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

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

模型设计

创建自定义用户模型

from django.contrib.auth.models import AbstractUser
from django.db import models


class MyUser(AbstractUser):
    """自定义用户模型"""
    photo = models.CharField('用户头像', max_length=50)
    wechat = models.CharField('微信', max_length=30)
    level = models.CharField('用户等级', max_length=1)

    def __str__(self):
        return self.username

    class Meta(AbstractUser.Meta):
        # 自定义权限
        permissions = (
            ['check_myuser''审核用户信息'],
        )

权限配置

# 指定用户模型
AUTH_USER_MODEL = "index.MyUser"
# 指定登录路由
# 这个路径需要根据你网站的实际登陆地址来设置
LOGIN_URL = '/login/'

迁移数据

python manage.py makemigrations
python manage.py migrate

用户注册

路由设计

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, logout
from django.contrib.auth.models import User
from django.shortcuts import render, redirect
from django.urls import reverse

from .models import MyUser

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"'')

        # 添加用户
        if MyUser.objects.filter(username=uname):
            info = '用户已经存在'
        else:
            d = dict(username=uname, password=pwd, email='222@111.com',
                     is_staff=1, is_active=1, is_superuser=1,
                     wechat='zhangdapeng3333', level='1')
            user = MyUser.objects.create_user(**d)
            info = '注册成功,请登陆'
            # 跳转到登陆页面
            return redirect(reverse("index:login"))

模板:

<!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, logout
from django.contrib.auth.models import User
from django.shortcuts import render, redirect
from django.urls import reverse

from .models import MyUser

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 MyUser.objects.filter(username=uname):  # 判断用户是否存在
            # 如果存在,进行验证
            user = authenticate(username=uname, password=pwd)
            if user:  # 如果验证通过
                if user.is_active:  # 如果用户状态为激活
                    login(request, user)  # 进行登陆操作,完成session的设置
                    info = "登陆成功"
                    return redirect(reverse("index:index"))
                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/

用户注销

路由设计

from django.urls import path

from . import views

app_name = 'index'

urlpatterns = [
    # 用户注销
    path('/logout/', views.logout_view, name='logout'),
]

视图函数

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

from .models import MyUser

def logout_view(request):
    """用户注销"""
    logout(request)
    return redirect(reverse("index:login"))

用户首页

路由设计

from django.urls import path

from . import views

app_name = 'index'

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

视图函数

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

from .models import MyUser

def index(request):
    users = MyUser.objects.all()
    return render(request, "index.html", {"users": users})

模板

<!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>
    <li><a href="{% url 'index:register' %}">/register/</a></li>
    <li><a href="{% url 'index:login' %}">/login/</a></li>
</ul>

<div class="content">
    欢迎{{ request.user }}来到商城系统!

    <a href="#">用户退出</a>
    <br>
    用户信息列表
    <table border=1>
        <tr>
            <td>账号</td>
            <td>用户姓名</td>
            <td>email</td>
            <td>操作</td>
        </tr>
        {% for user in users %}
            <tr>
                <td>{{ user.username }}</td>
                <td>{{ user.truename }}</td>
                <td>{{ user.email }}</td>
                <td><a href="#">修改</a></td>
                {% if perms.myuser.delete_myuser %}
                    <td>删除</td>
                {% endif %}
            </tr>
        {% endfor %}
    </table>
</div>
</body>
</html>

测试

测试地址:http://127.0.0.1:8000/

结语

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

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

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

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

接项目:网站开发,APP开发,各种管理系统开发。

带徒弟:Python编程教学,Golang编程教学,前端编程教学。

谢谢您!!!


原文始发于微信公众号(张大鹏520):Django加Vue电商项目实战13 自定义用户模型实现注册登录实战

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

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

(0)
小半的头像小半

相关推荐

发表回复

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