Can't get the APIView HTML form to show up

[RonyKordahi]

I recently got a new job and I'm learning Django for it.

I've been following this tutorial on how to connect it to a React frontend. There is a shorter and more recent version of this tutorial here.

In this part of the first linked video above, he sets up a class based view using APIView imported from rest_framework.views. However, I can't seem to get the HTML form to generate on my view page. My code is nearly identical to his (with a few changes to the name of the model and some variables) and I've tried everything I could find online but nothing's worked.

Not sure what I'm missing.

My app's models.py:

from django.db import models

# Create your models here.

class Employees(models.Model):
    employee = models.CharField(max_length=30)
    department = models.CharField(max_length=200)

My app's serializers.py:

from rest_framework import serializers

from .models import *

class EmployeesSerializer(serializers.ModelSerializer):

    class Meta:
        model = Employees
        fields = ["employee", "department"]

My app's views.py:

from django.shortcuts import render
from rest_framework.views import APIView
from rest_framework.response import Response

from .models import *
from .serializers import *

# Create your views here.

class EmployeesView(APIView):

    # returns all employees
    def get(self, req):
        result = [
            {"employee": output.employee, "department": output.department}
            for output in Employees.objects.all()
        ]

        return Response(result)
    
    # saves new employee
    def post(self, req):
        serializer = EmployeesSerializer(data=req.data)
        
        if serializer.is_valid(raise_exception=True):
            serializer.save()
            return Response(serializer.data)

My project's urls.py:

from django.contrib import admin
from django.urls import path, include
from api.views import *

urlpatterns = [
    path('admin/', admin.site.urls),
    path("", EmployeesView.as_view(), name="all_employees")
]

What gets generated by the view:

EDIT: modified code blocks so they would show up correctly
EDIT 2: added urls.py

[b4thestorm]

If you are building an API, then this should be expected. You have likely navigated to the DRF endpoint which is giving you a nice view of the contents of your employee model, serializer and Class View code for the GET endpoint specifically. What you would want to do is set up your react side of things to consume the contents of the APIView you just made. Use a tool like Axios or Fetch and hit the endpoint you have here and it will return to you the employees you have in your Employee model. Which it also. looks like you may want to seed your DB with some employees.

[RonyKordahi]

I haven't actually connected React to it yet, in the tutorial they just went to the view and the HTML form was there, but on my end I couldn't get it to appear at all. From my understanding, the APIView class generates the HTML form automatically, which lets you create a new instance of the model when you fill it up and submit it.