Django - Tutorial 041. Display images in the admin panel on the example of a user profile

Image, Django, avatar

To improve the ability to display information about users in the administrative panel of the site, implemented the ability to display user avatars, both in the special UserProfile model that has One-To-One relationship to the User model, and in the User model itself, it added an avatar display via inline form.

It looks like this:

List of user profiles

List of user profiles

Displaying avatars in user profile

Avatar in user profile

a list of users

a list of users

Avatar in displaying user information

Avatar in displaying user information

Implementation

UserProfile model

models.py

# method for indicating where to load avatars
def upload_to(instance, filename):
    return 'avatars/%s' % filename


class UserProfile(LikeDislikeRelationMixin, models.Model):

    # We indicate the relationship to the user model
    user = models.OneToOneField(User, on_delete=models.CASCADE)

    avatar = models.ImageField(
        verbose_name=_('Avatar'), upload_to=upload_to, null=True, blank=True
    )

    def __str__(self):
        return self.user.username

    # Here I return the avatar or picture with an owl, if the avatar is not selected
    def get_avatar(self):
        if not self.avatar:
            return '/static/images/owl-gray.svg'
        return self.avatar.url

    # method to create a fake table field in read only mode
    def avatar_tag(self):
        return mark_safe('<img src="%s" width="50" height="50" />' % self.get_avatar())

    avatar_tag.short_description = 'Avatar'

admin.py

Now let's see how to declare the administrative form for our UserProfile model.

class UserProfileAdmin(admin.ModelAdmin):
    list_display = ('avatar_tag', 'user') # As a field, specify the method that will return the picture tag in the list of user profiles.
    readonly_fields = ['avatar_tag'] # Be sure to read only mode
    fields = ('avatar_tag', 'user') # Specify the fields that need to be displayed in the administrative form

Модель User

With the user model will be a little easier. There is less information here.

admin.py

# Need inline form
class ProfileInline(admin.StackedInline):
    model = models.UserProfile # specify the profile model
    can_delete = False # prohibit removal
    fields = ('avatar_tag',) # Specify which field to display, again avatar tag
    readonly_fields = ['avatar_tag'] # Specify that this read only field

# Create your own form to display a user profile
class EUserAdmin(UserAdmin):
    # Specify what will be in the form of inline
    inlines = [
        ProfileInline 
    ]
    # modify the list of displayed fields to see the avatar with the other fields
    list_display = ('avatar_tag',) + UserAdmin.list_display

    # and also create a method for getting the avatar tag from the user profile
    def avatar_tag(self, obj):
        return obj.userprofile.avatar_tag()

Register all models in the administrative panel

admin.site.register(UserProfile, UserProfileAdmin)

admin.site.unregister(User)
admin.site.register(User, EUserAdmin)

For sites on Django recommend VDS-hosting TIMEWEB

Virtual hosting with 10 percent discount
Virtual hosting with 10 percent discount
EVILEG offers reliable hosting with a 10% discount for virtual hosting and 5% for VPS
Support the author Donate

Comments

Only authorized users can post comments.
Please, Log in or Sign up
m
May 19, 2019, 1:49 a.m.
mahhaki

Qt - Test 001. Signals and slots

  • Result:78points,
  • Rating points2
S
May 17, 2019, 1:14 p.m.
SunBro

Qt - Test 001. Signals and slots

  • Result:42points,
  • Rating points-8
b
May 17, 2019, 4:18 a.m.
banana

C++ - Тест 003. Условия и циклы

  • Result:57points,
  • Rating points-2
Last comments
May 21, 2019, 8:10 p.m.
Дмитрий

Приветствую! Я думаю дойдёт и до этого, но пока изучать его у меня нет желания.
May 20, 2019, 7:20 p.m.
Евгений Легоцкой

Добрый день! Вы не думали разместить репозиторий проекта на GitHub?
P.
May 18, 2019, 2:03 p.m.
PELMYACH .

Спасибо большое! Вскоре буду разбираться!
May 18, 2019, 9:13 a.m.
Евгений Легоцкой

Добрый день! Отнимать значение общего счётчика можно в деструкторе класса кнопки QDynamicButton::~QDynamicButton(){ ResID--;} При этом я бы ещё переустанавливал значения вс...
P.
May 14, 2019, 10:33 p.m.
PELMYACH .

Здравствуйте!А не подскажите, как можно при удалении какой либо кнопки, у щётчика отнять значение?Дабы например четвёртой кнопке соответствовал ID 4, а не 5 скажем
Now discuss on the forum
ДТ
May 22, 2019, 1:40 p.m.
Даниил Тетерин

Есть задание - сделать программу-расписание, где главное окно - календарь, в котором можно нажать на любой день, тогда откроется окно, в котором будут видны уже существующие на этот день зад...
В
May 22, 2019, 10:05 a.m.
Владислав

Данный код компилируется только для 32 битной системы, а на 64 битной выдаёт ошибку линковки LNK2019. Возможно ли как-то, используя функцию RegisterHotKey, использовать глобальные горячие клав...
I
May 22, 2019, 5:08 a.m.
Intruder

Евгений, доброго времени суток и спасибо! Все получилось.
May 20, 2019, 8:43 a.m.
Михаиллл

Кинул библиотеки в папку с проектом и в папку к компилируемым файлам.В файле проекта прописал так, но все равно выдает ту же ошибку QT += core gui networkgreaterThan(QT_MAJOR_VERSI...
May 20, 2019, 1:47 a.m.
linq

Что вы понимаете под статической сборкой приложений? В какой среде?

For registered users on the site there is a minimum amount of advertising

EVILEG
About
Services
Join us
© EVILEG 2015-2019
Recommend hosting TIMEWEB