настройка в Django админ сайта

Question

Как изменить расположение / расположение текстового поля или поля?

это оригинальное расположение

это то, что я хочу видеть организованные текстовые поля:

это мои models.py

class StudentProfile(models.Model):

   Image = models.ImageField(upload_to='images',null=True,blank=True)
   Username = models.CharField(max_length=500,null=True,blank=True)
   Password = models.CharField(max_length=500,null=True,blank=True)
   lrn = models.CharField(max_length=500,null=True)
   Firstname = models.CharField(max_length=500,null=True,blank=True)
   Middle_Initial = models.CharField(max_length=500,null=True,blank=True)
   Lastname = models.CharField(max_length=500,null=True,blank=True)
   Parent_Users = models.ForeignKey(ParentsProfile, related_name='+', on_delete=models.CASCADE,null=True,blank=True,)
   Gender = models.CharField(max_length=500,null=True,blank=True)
   Birthday =  models.CharField(max_length=500,null=True,blank=True)
   Place_Of_Birth = models.CharField(max_length=500,null=True,blank=True)
   Citizenship = models.CharField(max_length=500,null=True,blank=True)

   Education_Levels= models.ForeignKey(EducationLevel, related_name='+', on_delete=models.CASCADE,blank=True,null=True)
   Religions = models.ForeignKey(Religion, related_name='+', on_delete=models.CASCADE,null=True,blank=True)
   School_Year = models.ForeignKey(SchoolYear, related_name='+', on_delete=models.CASCADE, null=True, blank=True)

мой admin.py

@admin.register(StudentProfile)
class StudentProfile(admin.ModelAdmin):
    list_display = ('lrn','Firstname', 'Middle_Initial', 'Lastname', 'Request')
    ordering = ('pk',)
    search_fields = ('lrn','Firstname','Lastname')

Answer 1

В основном django Администратор генерирует html в соответствии с полем вашей модели и типами данных. это не влияет на расположение поля и интерфейс выглядит и заполняется, если вы хотите изменить расположение или любой другой интерфейс, вам нужно выполнить следующие шаги

1. вам нужно изменить порядок в модели
2. вы можете манипулировать поведением страницы с помощью внешней jquery lib и изменять элементы dom, ориентируясь на классы и идентификаторы

Answer 2

Вы можете переопределить стилизацию / et c, используя custom js / css:

@admin.register(StudentProfile)
class StudentProfile(admin.ModelAdmin):

    class Media:
        js = ('js/admin/my_own_admin.js',)    
        css = {
            'all': ('css/admin/my_own_admin.css',)
        }

и admin template .