Django后台列表显示图片

这篇具有很好参考价值的文章主要介绍了Django后台列表显示图片。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

在列表中显示ImageField的图片预览

Django后台列表显示图片,django,python,后端

编辑应用的models.py,添加下面代码:

class Product(models.Model):
    # ...
    image = models.ImageField(upload_to='products/%Y/%m/%d', blank=True)
 

def image_data(self):
        if self.image:
            return format_html(
                '<img src="/media/{}" width="100px" >',
                self.image,
            )
        else:
            return format_html(
                '<img src="/static/shop/no_image.png" width="100px" >'
            )

如果图片无法正常显示,请检查关于media和static相关配置

项目setting.py

STATIC_URL = "static/"
MEDIA_URL = '/media/'
MEDIA_ROOT = os.path.join(BASE_DIR, 'media/')

项目urls.py

urlpatterns = [
    #...
]

if settings.DEBUG:
    urlpatterns += static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT)

在编辑页面预览图片

Django后台列表显示图片,django,python,后端

使用readonly_field添加image_data字段

@admin.register(Product)
class ProductAdmin(admin.ModelAdmin):
    list_display = ['name','slug','price','available','created','updated','image_data']
    list_filter = ['available','created','updated']
    list_editable = ['price','available']
    prepopulated_fields = {'slug':('name',)}

    readonly_fields = ('image_data',)

关于shop应用更多信息,请查看

Django初创shop应用-CSDN博客

Django使用session管理购物车-CSDN博客

Django创建订单-CSDN博客文章来源地址https://www.toymoban.com/news/detail-817893.html

到了这里,关于Django后台列表显示图片的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 【Django】列表数据Paginatior分页,动态返回页码,显示当前页、总页数、跳转页

    1、当返回数据较多,如设置每页展示10条,数据接近200条,返回页码范围1~20,前端每个页码都显示的话,就会出现页码超出当前页面,被遮挡的页码无法操作和显示不美观; 2、列表的所在页码,总分页数,跳转不在动态页面的页数 在使用paginator转化为Page对象后,获取到n

    2024年02月12日
    浏览(37)
  • python Django的admin后台建设

    1、 django提供了完善的后台管理数据库的接口 ,可供开发过程中调用和测试使用 2、 django 会搜集所有已注册的模型类 ,为这些模型类提供数据管理界面,供开发者使用 admin配置步骤 1、创建后台管理账号-该账号为管理后台最高权限账号—注意:可以创建多个超级用户 python

    2023年04月16日
    浏览(35)
  • Python学习笔记-Django框架基础,APP,数据模型,后台管理,路由

    Django框架是Python的常用web框架,遵循 MVC 设计模式的框架,采用了MTV的框架模式,即模型M,视图V和模版T。它最初是被开发来用于管理劳伦斯出版集团旗下的一些以新闻内容为主的网站的,即是CMS(内容管理系统)软件。并于2005年7月在BSD许可证下发布。这套框架是以比利时的

    2024年02月16日
    浏览(41)
  • Python前后端分离之Django框架最基本后端CRUD开发

    目录   Django介绍: 开发准备 后端编写Django项目里的app模块 编写models.py文件(写模型):  编写序列化文件(serializers.py) 编写视图(Views) 新建urls.py文件,填写路径 ​编辑 进行迁移: 前端: 编写接口文件api.js 编写CRUD文件 编写index.vue文件 前端界面使用: 运行项目: 提

    2024年01月23日
    浏览(64)
  • 二挡起步——pythonweb开发Django框架,前端原生+Django后端框架+python网络抓包(代替数据库数据)(附带小案例)

     大家好,我是csdn的博主: lqj_本人 这是我的个人博客主页: lqj_本人的博客_CSDN博客-微信小程序,前端,python领域博主 lqj_本人擅长微信小程序,前端,python,等方面的知识 https://blog.csdn.net/lbcyllqj?spm=1011.2415.3001.5343 哔哩哔哩欢迎关注: 小淼Develop 小淼Develop的个人空间-小淼Develop个

    2024年02月03日
    浏览(85)
  • Python爬虫进阶(1),Django+Selenium+Mysql+SimpleUI,从零开始搭建自己的爬虫后台管理系统

    如果爬虫做完的话都会发现每个文件要么保存到csv或者是其他格式的文件中,这样做多少会有些麻烦,所以需要将这些内容保存起来方便自己管理和查看内容。 相对于flask而言Django有着相对成熟的一个后台管理系统配合上其他一些插件就可以做到即插即用的效果而不用自己再

    2024年02月08日
    浏览(42)
  • Python智能家居系统后端源码,基于Django+MQTT+ESP8266的智能家居系统源码

    代码下载地址:Python智能家居系统后端源码 服务器硬件环境: 处理器:Intel® Xeon® CPU E5-2680 v4 @ 2.40GHz 1核 内存:2GB 硬盘空间:60GB 单片机环境: 单片机:ESP8266-12E NodeMCU 开发环境:Arduino IDE(1.8.19) 软件环境: 操作系统:Ubuntu 18.04 LTS 编程语言:Python(3.7.9) Web后端框架:

    2024年02月02日
    浏览(57)
  • Django后台管理(一)

    Django 最强大的部分之一是自动管理界面。它从你的模型中读取元数据,提供一个快速的、以模型为中心的界面,受信任的用户可以管理你网站上的内容 官网:https://docs.djangoproject.com/zh-hans/4.1/ref/contrib/admin/ 提示 后台管理系统是管理人员使用,不是给客户使用 此应用默认是开

    2024年02月21日
    浏览(30)
  • Django管理后台

    目录 第一种注册model的方法 认识后台管理页面 第二种注册model的方法 ModelAdmin的常用属性 利用actions丰富动作工具栏 利用list_display修改显示列 利用search_fields添加搜索框 利用list_filter添加过滤器 利用ordering重新定义Model实例的顺序 分页相关的属性 利用fields自定义显示Model的字

    2023年04月26日
    浏览(31)
  • django后台系统Tyadmin

    无意之间发现个django的后台管理框架,仔细与xadmin对比了一下,无论是功能上还是便携性上都与xadmin特别相似,但个人感觉Tyadmin略胜一筹,因为外观上要比xadmin要美观,而且相比起来速度也快,部署甚至也和简单,最重要的是它号称0代码实现后台管理系统,当然如果进行二

    2024年02月14日
    浏览(37)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包