"Uncaught ReferenceError: user is not defined at" в Django

Я пытаюсь создать сайт электронной коммерции, следуя руководству Денниса Айви на YouTube. Но при применении некоторой логики в форме оформления заказа я столкнулся с ошибкой, которая гласит "Uncaught ReferenceError: user is not defined at".

["Uncaught ReferenceError: user is not defined at" в консоли]

Что я хочу сделать, так это убрать 'user-info', если пользователь не "AnonymousUser". И убрать "форму", если вам не нужно отправлять товары (цифровые) и пользователь не "AnonymousUser", чтобы показывать только "информацию об оплате".

Вот код checkout.html:

Вот файл models.py:

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

# Create your models here.

class Customer(models.Model):
    user = models.OneToOneField(User, on_delete=models.CASCADE, null=True, blank=True)
    name = models.CharField(max_length=200, null=True)
    email = models.CharField(max_length=200)

    def __str__(self):
        return self.name

class Product(models.Model):
    name = models.CharField(max_length=200)
    price = models.FloatField()
    digital = models.BooleanField(default=False, null=True, blank=True)
    image = models.ImageField(null=True, blank=True)

    def __str__(self):
        return self.name

    @property
    def imageURL(self):
        try:
            url = self.image.url 
        except:
            url = ''
        return url

class Order(models.Model):
    customer = models.ForeignKey(Customer, on_delete=models.CASCADE, null=True, blank=True)
    date_ordered = models.DateTimeField(auto_now_add=True)
    complete = models.BooleanField(default=False)
    transaction_id = models.CharField(max_length=20, null=True)

    def __str__(self):
        return str(self.id)

    @property
    def shipping(self):
        shipping = False
        orderitems = self.orderitem_set.all()
        for i in orderitems:
            if i.product.digital == False:
                shipping = True
        return shipping

    @property
    def get_cart_total(self):
        orderitems = self.orderitem_set.all()
        total = sum([item.get_total for item in orderitems])
        return total

    @property
    def get_cart_items(self):
        orderitems = self.orderitem_set.all()
        total = sum([item.quantity for item in orderitems])
        return total

class OrderItem(models.Model):
    product = models.ForeignKey(Product, on_delete=models.SET_NULL, null=True)
    order = models.ForeignKey(Order, on_delete=models.SET_NULL, null=True)
    quantity = models.IntegerField(default=0, null=True, blank=True)
    date_added = models.DateTimeField(auto_now_add=True)

    @property
    def get_total(self):
        total = self.product.price * self.quantity
        return total

class ShippingAddress(models.Model):
    customer = models.ForeignKey(Customer, on_delete=models.SET_NULL, null=True)
    order = models.ForeignKey(Order, on_delete=models.SET_NULL, null=True)
    address = models.CharField(max_length=200, null=False)
    city = models.CharField(max_length=200, null=False)
    state = models.CharField(max_length=200, null=False)
    zip = models.CharField(max_length=200, null=False)
    date_added = models.DateTimeField(auto_now_add=True)

    def __str__(self):
        return self.address

Вот файл views.py:

from itertools import product
from django.http import JsonResponse
from django.shortcuts import render
from .models import *
import json

def store(request): 

    if request.user.is_authenticated:
        customer = request.user.customer
        order, created = Order.objects.get_or_create(customer=customer, complete=False)
        items = order.orderitem_set.all()
        cartItems = order.get_cart_items

    else:
        items = []
        order = {'get_cart_total':0, 'get_cart_items':0, 'shipping': False}
        cartItems = order['get_cart_items']

    products = Product.objects.all()
    context = {'products':products, 'items':items, 'cartItems': cartItems}
    return render(request, 'store/store.html', context)

def cart(request):

    if request.user.is_authenticated:
        customer = request.user.customer
        order, created = Order.objects.get_or_create(customer=customer, complete=False)
        items = order.orderitem_set.all()
        cartItems = order.get_cart_items

    else:
        items = []
        order = {'get_cart_total':0, 'get_cart_items':0, 'shipping': False}
        cartItems = order['get_cart_items']

    context = {'items':items, 'order':order, 'cartItems': cartItems}
    return render(request, 'store/cart.html', context)

def checkout(request):
    
    if request.user.is_authenticated:
        customer = request.user.customer
        order, created = Order.objects.get_or_create(customer=customer, complete=False)
        items = order.orderitem_set.all()
        cartItems = order.get_cart_items

    else:
        items = []
        order = {'get_cart_total':0, 'get_cart_items':0, 'shipping': False}
        cartItems = order['get_cart_items']

    context = {'items':items, 'order':order, 'cartItems': cartItems}
    return render(request, 'store/checkout.html', context)

def updateItem(request):
    data = json.loads(request.body)
    productId = data['productId']
    action = data['action']
    print('Action:', action)
    print('Product:', productId)

    customer = request.user.customer
    product = Product.objects.get(id=productId)
    order, created = Order.objects.get_or_create(customer=customer, complete=False)

    orderItem, created = OrderItem.objects.get_or_create(order=order, product=product)

    if action == 'add':
        orderItem.quantity = (orderItem.quantity + 1)
    elif action == 'remove':
        orderItem.quantity = (orderItem.quantity - 1)

    orderItem.save()

    if orderItem.quantity <= 0:
        orderItem.delete()

    return JsonResponse('Item was added', safe=False)

Я думаю, что JavaScript в нижней части checkout.html запрашивает пользователя в этой части:

var shipping = '{{order.shipping}}'

    if(shipping == 'False'){
        document.getElementById('shipping-info').innerHTML = ''
    }

    if (user != 'AnonymousUser'){
        document.getElementById('user-info').innerHTML = ''
    }

    if (shipping == 'False' && user != 'AnonymousUser'){
        //Hide entire form if user is logged in and shipping is false
        document.getElementById('form-wrapper').classList.add('hidden');
        //Show payment if logged in user wants to buy an item that does not require shipping
        document.getElementById('payment-info').classList.remove('hidden');
    }

Как я могу избавиться от этой ошибки и применить нужную мне логику?

Как и в вашем представлении, способ проверить, является ли пользователь анонимным или нет, заключается в использовании request.user.is_authenticated, вместо того, чтобы проверять, равен ли пользователь строке 'AnonymousUser'. Поэтому замените все случаи использования if user != 'AnonymousUser': в вашем HTML и JavaScript на if request.user.is_authenticated или, возможно, даже user.is_authenticated. Посмотрите документы по этому поводу.

Что касается новой ошибки, это может означать, что вы используете неправильный синтаксис в Javascript. Вот как это должно быть сделано (это только пример, вам нужно будет заменить все случаи, подобные этому:

if ({% request.user.is_authenticated %}){
        document.getElementById('user-info').innerHTML = ''
    }

Обратите внимание на {% %}, чтобы указать Django заменить содержимое внутри переменной, в данном случае request.user.is_authenticated.


В checkout.html измените AnonymousUser на user !='False' это сработает.

var shipping = '{{order.shipping}}' var total = '{{order.get_cart_total|floatformat:2}}' if(shipping == 'False'){ document.getElementById('shipping-info').innerHTML = '' } **if (user != "False")**{ document.getElementById('user-info').innerHTML = '' } **if (shipping == 'False' && user == "True")**{ //Скрыть всю форму, если пользователь вошел в систему и доставка ложная document.getElementById('form-wrapper').classList.add('hidden'); //Показать оплату, если пользователь, вошедший в систему, хочет купить товар, не требующий доставки document.getElementById('payment-info').classList.remove('hidden'); } var form = document.getElementById('form') form.addEventListener('submit', function(e){ e.preventDefault() console.log('Форма отправлена...') document.getElementById('form-button').classList.add("hidden"); document.getElementById('payment-info').classList.remove("hidden"); }) document.getElementById('make-payment').addEventListener('click', function(e){ submitFormData() }) function submitFormData(){ console.log('Кнопка оплаты нажата')}
Вернуться на верх