django模板 - 在表格中显示图像

时间:2012-04-01 00:59:27

标签: python html django django-templates

我无法在模板上显示图像(或图像链接)。其他所有工作都在模板上,但图像是“render_thumbnail”,它是在自定义模型方法中定义的。我究竟做错了什么? -btw当我只使用Images表时,render_thumbnail在另一个模板上工作,并使用 - images.render_thumbnail显示。感谢。

Models.py

class Listings(models.Model):
    createdate = models.DateTimeField(auto_now_add=True)
    expirydate = models.DateTimeField(null=True, blank=True)
    price = models.IntegerField(null=True, blank=True)
    broker_y_n = models.CharField(max_length=1, blank=True, choices=broker, default='n')
    listing_type = models.ForeignKey(ListingType)
    listing_status = models.ForeignKey(ListingStatus, default=3)
    customer = models.ForeignKey(Customer)

class Image(models.Model):
    title = models.CharField(max_length=60, blank=True, null=True)
    image = models.ImageField(upload_to="images/", blank=True, null=True)
    thumbnail = models.ImageField(upload_to="images/", blank=True, null=True)
    thumbnail2 = models.ImageField(upload_to="images/", blank=True, null=True)
    #tags = models.ManyToManyField(Tag, blank=True)
    #albums = models.ManyToManyField(Album, blank=True)
    created = models.DateTimeField(auto_now_add=True)
    #rating = models.IntegerField(default=50)
    width = models.IntegerField(blank=True, null=True)
    height = models.IntegerField(blank=True, null=True)
    listings = models.ForeignKey(Listings)
    def save(self, *args, **kwargs):
        # Save image dimensions
        super(Image, self).save(*args, **kwargs)
        im = PImage.open(pjoin(MEDIA_ROOT, self.image.name))
        self.width, self.height = im.size
        # large thumbnail
        fn, ext = os.path.splitext(self.image.name)
        im.thumbnail((256,256), PImage.ANTIALIAS)
        thumb_fn = fn + "-thumb2" + ext
        tf2 = NamedTemporaryFile()
        im.save(tf2.name, "JPEG")
        self.thumbnail2.save(thumb_fn, File(open(tf2.name)), save=False)
        tf2.close()
        # small thumbnail
        im.thumbnail((60,60), PImage.ANTIALIAS)
        thumb_fn = fn + "-thumb" + ext
        tf = NamedTemporaryFile()
        im.save(tf.name, "JPEG")
        self.thumbnail.save(thumb_fn, File(open(tf.name)), save=False)
        tf.close()
        super(Image, self).save(*args, **kwargs)
    def size(self):
        # Image size #
        return "%s x %s" % (self.width, self.height)
    def render_thumbnail(self):
        return mark_safe("""<a href = "/media/%s"><img border="0" alt=""     src="/media/%s" /></a>""" % ((self.image.name, self.thumbnail.name)))
    #render_thumbnail.allow_tags = True
    def render_thumbnail2(self):
        return mark_safe("""<a href = "/media/%s"><img border="0" alt="" src="/media/%s" /></a>""" % ((self.image.name, self.thumbnail2.name)))
    #render_thumbnail.allow_tags = True
    def __unicode__(self):
    return self.image.name

View.py

def details_customer(request, user_id):
    customer = get_object_or_404(Customer, user=user_id)
    cusnum=customer.id
    image = Image.objects.all()    
    listings = Listings.objects.filter(customer=cusnum).values(
        'id',
        'price',
        'listing_type__desc',
        'listing_status',
        'listing_status__desc',
        'canoekayak__builder',
        'image__title',
        'image__thumbnail',
        'image__render_thumbnail',        
        )
    context = Context({
        'title': 'Details',
        'customer': customer,
        'image' : image,        
        'listings' : listings,
        })
    return render_to_response('bsmain/details.html', context)

模板表

<TABLE id="some_id">    
<TBODY>
    {% load humanize %}
    {% for row in listings %}
    <tr>
        <td>{{ row.id }}</td>
        <td align="right">{{row.price|intcomma}}</td>
        <td>{{ row.listing_type__desc}}</td>
        <td>{{ row.listing_status}}</td>
        <td>{{ row.listing_status__desc}}</td>
        <td>{{ row.canoekayak__builder}}</td>
        <td>{{ row.image__title}}</td>
        <td>{{ row.image__thumbnail}}</td
        <td>{{ row.image__render_thumbnail}}</td            
    </tr>
    {% endfor %}
</TBODY>

1 个答案:

答案 0 :(得分:2)

如果您想使代码更简单,我建议您使用应用程序django-tables2。这种方法可以解决有关生成表的所有问题。

作为文档sais:

  

django-tables2简化了将数据集转换为HTML的任务   表。它具有对分页和排序的原生支持。它的确如此   HTML表格django.forms为HTML表单做什么。 e.g。

     

其功能包括:

     
      
  • 任何可迭代都可以是数据源,但包含对Django查询集的特殊支持。
  •   
  • 内置用户界面不依赖JavaScript。
  •   
  • 支持基于Django模型的自动表生成。
  •   
  • 通过子类化支持自定义列功能。
  •   
  • 分页。
  •   
  • 基于列的表格排序。
  •   
  • 模板标记,用于启用对HTML的简单渲染。
  •   
  • 用于Django 1.3的通用视图mixin。
  •   
     

创建表格非常简单:

import django_tables2 as tables

class SimpleTable(tables.Table):
    class Meta:
        model = Simple 
     

然后将在视图中使用:

def simple_list(request):
    queryset = Simple.objects.all()
    table = SimpleTable(queryset)
    return render_to_response("simple_list.html", {"table": table},
                              context_instance=RequestContext(request))
     

最后在模板中:

{% load django_tables2 %} 
{% render_table table %}
     

此示例显示   最简单的案例之一,但django-tables2可以做更多!校验   documentation了解更多详情。

也可以使用字典而不是查询集。

要在表格单元格中显示图像,您可以使用自定义表格列HtmlColumn

from django.utils.safestring import mark_safe
import django_tables2 as tables

from pytils.numeral import get_plural
class HtmlColumn(tables.Column):
    def render(self, value):
        return mark_safe(value)

或以相同方式创建新的ImageColumn并仅传输 src 属性,而不是整个 img 标记。