django实现注册登录

搭建基本的工程

官网的教程: https://docs.djangoproject.com/en/2.2/intro/tutorial01/

比较好的中文教程:https://www.runoob.com/django/django-install.html

我的项目目录结构
static静态资源文件夹
view试图(HTML页面)
如何创建这些我就不写可以参考上两个教程
在这里插入图片描述

配置url

对于一个简单的注册登陆功能,需要的接口有获取登陆页面,注册页面,登陆,注册,退出

需要注意的是在配置path的时候加 / 的是用于GET请求的,而POST请求是没有的


    from django.contrib import admin
    from django.urls import path
    
    from . import control
    
    urlpatterns = [
	    path('', control.index),
	    path('admin/', admin.site.urls),
	    path('login/', control.signin),
	    path('loginAction/', control.signinAction),
	    path('logoutAction/', control.logoutAction),
	    path('register/', control.register),
	    path('registerAction', control.registerAction)
	]

配置control(view)

这里和官方的命名有点不大一样官网用的是(view)

接口写完我们需要实现这些接口

# 导入相关的包
from django.http import HttpResponse
from django.shortcuts import render,redirect
from django.contrib.auth import authenticate, login, logout
from django.contrib.auth.models import User

默认情况下进来到达的是首页,而登陆成功也需要返回首页,所以这里需要一个是否登陆的验证

# 返回首页
def index(request):
    if request.user.is_authenticated:
        return HttpResponse('您已登录')
    else:
        return render(request, 'index.html')

登陆,注册,注销的实现

# 登陆页面
def signin(request):
    return render(request, 'login.html')


# 登陆
def signinAction(request):
    username = request.GET['username']
    password = request.GET['password']
    user = authenticate(request, username=username, password=password)
    if user is not None:
        login(request, user)
        return redirect("/")
    else:
        return HttpResponse("密码不正确")


# 注销
def logoutAction(request):
    logout(request)
    return redirect("/")


# 返回注册页面
def register(request):
    return render(request, 'register.html')


# 注册
def registerAction(request):
    username = request.POST['username']
    password = request.POST['password']
    person = User.objects.filter(username=username)
    if any(person):
        return HttpResponse("您输入的用户名已存在!")
    user = User.objects.create_user(username, '', password)
    user.save()
    return HttpResponse("注册成功!")

获取GET方式传递的数据: username = request.GET[‘username’]

获取POST方式传递的数据:username = request.POST[‘username’]

配置静态资源路径

不配置静态路径前端页面无法加载CSS等静态文件
配置方法:
找到settings.py在最下面添加
'/static/'是静态资源的路径

STATIC_URL = '/static/'

# 设置静态文件路径
STATICFILES_DIRS = [
    os.path.join(BASE_DIR, "static"),
    '/static/',
]

HTML页面中引用静态资源方式
不推荐使用 他会在页面相互跳转时无法找到正确的路径

	{% load static %}
    <link rel="stylesheet" type="text/css" href="{% static 'bootstrap\css\bootstrap.min.css' %}">

这里写一下前端的内容:
需要登陆,首页,和注册三个页面,在如同文件夹创建就可以了,具体代码我这里就不放了,可以下载源代码
在这里插入图片描述

简单说一下Ajax传递数据(POST)

Ajax传递数据(POST)

由于 django 的安全机制,普通的Ajax(POST)请求是会被拦截的
官网的Ajax文档:https://docs.djangoproject.com/en/2.2/ref/csrf/

所以在进行Ajax请求的时候需要在AJAX请求上设置令牌
{% csrf_token %} 是必须的

补充一下,在Ajax请求时配置
POST请求时 path(‘register’, control.register)这里是不需要“/”的
GET请求时 path(‘register/’, control.register)需要添加斜杠

{% csrf_token %}
  <script type="text/javascript">
	//创建令牌
    var csrftoken = jQuery("[name=csrfmiddlewaretoken]").val();
    console.log(csrftoken);
    function csrfSafeMethod(method) {
        // these HTTP methods do not require CSRF protection
        return (/^(GET|HEAD|OPTIONS|TRACE)$/.test(method));
    };
    $.ajax({
      beforeSend: function(xhr, settings) {
        if (!csrfSafeMethod(settings.type) && !this.crossDomain) {
          xhr.setRequestHeader("X-CSRFToken", csrftoken);
        }
      },
      url:'/register',
      // dataType:'text',
      type:'POST',
      data:{
        username:"nihaoshijie",
        password:"123456"
      },
      success:function(data){
        console.log(data);
      }
    })
  </script>

 装饰器验证登陆与否

def checkLogin(func):
   def wrapper(request,*args,**kwargs):
      if request.user.is_authenticated:
         return func(request,*args,**kwargs) #此处一定要有return,否则会报返回为空的错误.
      else:
         return redirect('/alarm/login.html')
   return  wrapper
@checkLogin
def view_white(request):
   white_all = OwnScanner.objects.all()
   whites = list(white_all)
   return render(request, 'white.html',{'whites':whites})
  • 2
    点赞
  • 17
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值