前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Python Django个人网站搭建9-对用户注册和删除的实现

Python Django个人网站搭建9-对用户注册和删除的实现

作者头像
zifan
发布2021-12-14 12:29:31
9410
发布2021-12-14 12:29:31
举报
文章被收录于专栏:个人编程技术学习与分享

作者: zifanwang  发布于2020-05-15

1. 用户的注册

首先在userprofile/views.py中增加用户注册函数:

代码语言:javascript
复制
from userprofile.froms import UserLoginForm,UserRegisterForm
def user_register(request):
   if request.method == 'POST':
       user_register_form = UserRegisterForm(data=request.POST)
       if user_register_form.is_valid():
           new_user = user_register_form.save(commit=False)
           # 设置密码
           new_user.set_password(user_register_form.cleaned_data['password'])
           new_user.save()
           # 保存好数据后立即登录并返回博客列表页面
           login(request, new_user)
           return redirect("article:article_list")
       else:
           return HttpResponse("注册表单输入有误。请重新输入~")
   elif request.method == 'GET':
       user_register_form = UserRegisterForm()
       context = { 'form': user_register_form }
       return render(request, 'userprofile/register.html', context)
   else:
       return HttpResponse("请使用GET或POST请求数据")

再在userprofile/froms.py增加 UserRegisterForm:

代码语言:javascript
复制
class UserRegisterForm(forms.ModelForm):
    # 复写 User 的密码
    password = forms.CharField()
    password2 = forms.CharField()
    class Meta:
        model = User
        fields = ('username', 'email', 'password')
    def clean_password2(self):
        data = self.cleaned_data
        if data.get('password') == data.get('password2'):
            return data.get('password')
        else:
            raise forms.ValidationError("密码输入不一致,请重试。")

接下来编写模板和 urls.py 新建templates/userprofile/register.html并输入:

代码语言:javascript
复制
{% extends "base.html" %}
{% load static %}
{% block title %}
   register
{% endblock title %}
{% block content %}
   <div class="container">
       <div class="row">
           <div class="col-12">
               <br>
           <form method="post" action=".">
               {% csrf_token %}
               <div class="form-group col-md-4">
                   <label for="username">Username</label>
                   <input type="text" class="form-control" id="username" name="username" required>
               </div>
               <div class="form-group col-md-4">
                   <label for="email">Email</label>
                   <input type="text" class="form-control" id="email" name="email">
               </div>
               <div class="form-group col-md-4">
                   <label for="password">Password</label>
                   <input type="password" class="form-control" id="password" name="password" required>
               </div>
               <div class="form-group col-md-4">
                   <label for="password2">Password again</label>
                   <input type="password" class="form-control" id="password2" name="password2" required>
               </div>
               <button type="submit" class="btn btn-primary">submit</button>
           </form>
{#                #}
           </div>
       </div>
   </div>
{% endblock content %}

接下来在登陆界面中增加注册入口 编写login.html

代码语言:javascript
复制
{% extends "base.html" %}
{% load static %}
{% block title %}
   Login
{% endblock title %}
{% block content %}
   <div class="container">
       <div class="row">
           <div class="col-12">
               <br>
               <form method="post" action=".">
                   {% csrf_token %}
                   <div class="form-group">
                       <label for="username">Username</label>
                       <input type="text" class="form-control" id="username" name="username">
                   </div>
                   <div class="form-group">
                       <label for="password">Password</label>
                       <input type="password" class="form-control" id="password" name="password">
                   </div>
                   <button type="submit" class="btn btn-primary">Login</button>
               </form>
               <h5>No account yet?</h5>
               <h5>Click <a href='{% url "userprofile:register" %}'>here</a> to register.</h5>
               <br>
           </div>
       </div>
   </div>
{% endblock content %}

最后在userprofile/urls.py中新增注册路由:

代码语言:javascript
复制
path('register/', views.user_register, name="register"),

然后我们启动重启服务器(python manage.py runserver)打开登陆界面http://127.0.0.1:8000/userprofile/login/

点击here

接着填写注册信息 点击提交后就可以看见成功注册并且自动登陆了。

2. 用户的删除

编写userprofile/views.py

代码语言:javascript
复制
from django.contrib.auth.models import User
# 引入验证登录的装饰器
from django.contrib.auth.decorators import login_required
...
@login_required(login_url='/userprofile/login/')
def user_delete(request, id):
    user = User.objects.get(id=id)
    if request.user == user:
        logout(request)
        user.delete()
        return redirect("article:article_list")
    else:
        return HttpResponse("你没有删除操作的权限。")

@login_required是一个装饰器,就是 @login_required要求调用user_delete()函数时,用户必须登陆如果不登陆则不执行函数并且将重定向到 /userprofile/login/地址去。 然后改写templates/header.html,新增删除用户入口,并且添加弹窗组件的代码:

代码语言:javascript
复制
<head>
    {% if user.is_authenticated %}
        <script>
            function user_delete() {
                var r=confirm("Wanna delete this user?");
                if (r==true)
                {
                    window.location='{% url "userprofile:delete" user.id %}';
                }
            }
        </script>
    {% endif %}
</head>
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
 <div class="container">
   <a class="navbar-brand" href="#">My Site</a>
   <div>
     <ul class="navbar-nav">
       <li class="nav-item">
         <a class="nav-link" href="{% url 'article:article_list' %}">Article</a>
       </li>
         <li class="nav-item">
             <a class="nav-link" href="{% url 'article:article_create' %}">New</a>
         </li>
         {% if user.is_authenticated %}
           <li class="nav-item dropdown">
               <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                 {{ user.username }}
               </a>
               <div class="dropdown-menu" aria-labelledby="navbarDropdown">
                 <a class="dropdown-item" href="{% url "userprofile:logout" %}">Exit</a>
         <a class="dropdown-item" href="#" onclick="user_delete()">Delete</a>
               </div>
           </li>
           {% else %}
               <li class="nav-item">
                   <a class="nav-link" href="{% url 'userprofile:login' %}">Login</a>
               </li>
         {% endif %}
     </ul>
   </div>
 </div>
</nav>

最后修改userprofile/urls.py:

代码语言:javascript
复制
path('delete/<int:id>/', views.user_delete, name='delete'),

看一下效果:

点击删除用户(注意请新注册一个用户并删除它,不要删除root)就可以删除用户了

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2020-05-15,如有侵权请联系 cloudcommunity@tencent.com 删除

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

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

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

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 1. 用户的注册
  • 2. 用户的删除
相关产品与服务
云服务器
云服务器(Cloud Virtual Machine,CVM)提供安全可靠的弹性计算服务。 您可以实时扩展或缩减计算资源,适应变化的业务需求,并只需按实际使用的资源计费。使用 CVM 可以极大降低您的软硬件采购成本,简化 IT 运维工作。
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档