Django - Урок 041. Отображение изображений в админ панели на примере пользовательского профиля

Image, Django, avatar

Для улучшения возможности отображения информации о пользователях в административной панели сайта, реализовал возможность отображения аватаров пользователей, как в специальной модели UserProfile, которая имеет One-To-One отношение к модели User, так и в самой модели User добавил отображение аватарки через inline форму.

Выглядит это следующим образом:

Список пользовательских профилей

Список пользовательских профилей

Отображение аватарки в пользовательском профиле

Аватарка в пользовательском профиле

Список пользователей

Список пользователей

Аватарка в отображении информации о пользователе

Аватарка в отображении информации о пользователе

Реализация

Модель UserProfile

models.py

# метод для указания места загрузки аватарок
def upload_to(instance, filename):
    return 'avatars/%s' % filename


class UserProfile(LikeDislikeRelationMixin, models.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

    # Здесь я возвращаю аватарку или картинку с совой, если аватар не выбран
    def get_avatar(self):
        if not self.avatar:
            return '/static/images/owl-gray.svg'
        return self.avatar.url

    # метод, для создания фейкового поля таблицы в режиме read only
    def avatar_tag(self):
        return mark_safe('<img src="%s" width="50" height="50" />' % self.get_avatar())

    avatar_tag.short_description = 'Avatar'

admin.py

А теперь посмотрим, как объявить административную форму для нашей модели UserProfile

class UserProfileAdmin(admin.ModelAdmin):
    list_display = ('avatar_tag', 'user') # В качестве поля указываем метод, который вернёт тег картинки в списке пользовательских профилей
    readonly_fields = ['avatar_tag'] # обязательно read only режим
    fields = ('avatar_tag', 'user') # Указываем поля, которые нужно отобразить в административной форме

Модель User

С пользовательской моделью будет немного попроще. Здесь меньше информации.

admin.py

# Нужна inline форма
class ProfileInline(admin.StackedInline):
    model = models.UserProfile # указываем модель профиля
    can_delete = False # запрещаем удаление
    fields = ('avatar_tag',) # Указываем, какое поле отображать, снова тег аватарки
    readonly_fields = ['avatar_tag'] # Указываем, что это read only поле

# Создаём свою форму для отображения пользовательского профиля
class EUserAdmin(UserAdmin):
    # Указываем, что будет в качестве inline формы
    inlines = [
        ProfileInline 
    ]
    # модифицируем список отображаемых полей, чтобы увидеть аватарку с остальными полями
    list_display = ('avatar_tag',) + UserAdmin.list_display

    # а также создаём метод для получения тега аватарки из пользовательского профиля
    def avatar_tag(self, obj):
        return obj.userprofile.avatar_tag()

Регистрируем все модели в административной панели

admin.site.register(UserProfile, UserProfileAdmin)

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

Для сайтов на Django рекомендую VDS-хостинг TIMEWEB

Виртуальный хостинг со скидкой 10 процентов
Виртуальный хостинг со скидкой 10 процентов
EVILEG предлагает надёжный хостинг со скидкой 10% на виртуальный хостинг и 5% на VPS
Поддержать автора Donate

Комментарии

Только авторизованные пользователи могут публиковать комментарии.
Пожалуйста, авторизуйтесь или зарегистрируйтесь
25 мая 2019 г. 16:20
Андрей Янкович

C++ - Тест 001. Первая программа и типы данных

  • Результат:93баллов,
  • Очки рейтинга8
m
19 мая 2019 г. 1:49
mahhaki

Qt - Тест 001. Сигналы и слоты

  • Результат:78баллов,
  • Очки рейтинга2
S
17 мая 2019 г. 13:14
SunBro

Qt - Тест 001. Сигналы и слоты

  • Результат:42баллов,
  • Очки рейтинга-8
Последние комментарии
21 мая 2019 г. 20:10
Дмитрий

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

Добрый день! Вы не думали разместить репозиторий проекта на GitHub?
P.
18 мая 2019 г. 14:03
PELMYACH .

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

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

Здравствуйте!А не подскажите, как можно при удалении какой либо кнопки, у щётчика отнять значение?Дабы например четвёртой кнопке соответствовал ID 4, а не 5 скажем
Сейчас обсуждают на форуме
24 мая 2019 г. 6:48
Евгений Легоцкой

Если там будут только перечисления внутри namespace, то жа, достаточно будет заголовочного файла
24 мая 2019 г. 6:28
Андрей Янкович

работает любой http сервер, и можно использовать обсалютно любой портпример <RemoteRepositories> <Repository> <Url>http://178.124.160.6:3030/A/B&l...;
23 мая 2019 г. 14:40
Михаиллл

Попробовал сделать этот запрос по http и получил json файл. request.setUrl(QUrl("https://jsonplaceholder.typicode.com/todos/1")); Как Вы думаете, почему https не работает и как это и...
23 мая 2019 г. 10:42
Михаиллл

Спасибо, помогло.
23 мая 2019 г. 6:31
Евгений Легоцкой

Для задач и граф-то не нужен. Достаточно будет таблицы в локальной базе данных SQLite, в которой указывается задача, время и т.д. В этом разделе есть примеры по работа с базой д...

Для зарегистрированных пользователей на сайте присутствует минимальное количество рекламы

EVILEG
О нас
Услуги
Присоединяйтесь к нам
© EVILEG 2015-2019
Рекомендует хостинг TIMEWEB