我想获取一个数据列表,并构建一个包含该数据的<div>元素的正方形(或接近正方形)块,以便使用django在html页面中呈现。
我已经编写了一些代码,这些代码构建了一个正方形(ish)的元素块,并根据作为列表提供的某些输入对它们进行随机着色。
from math import sqrt, pow
import random
colour_index = {
1 : 'bg-color-primary-0',
2 : 'bg-color-primary-1',
3 : 'bg-color-primary-2',
4 : 'bg-color-primary-3',
5 : 'bg-color-primary-4',
6 : 'bg-color-secondary-0',
7 : 'bg-color-secondary-1',
8 : 'bg-color-secondary-2',
9 : 'bg-color-secondary-3',
10 : 'bg-color-tertiary-4',
11 : 'bg-color-tertiary-0',
12 : 'bg-color-tertiary-1',
13 : 'bg-color-tertiary-2',
14 : 'bg-color-tertiary-3',
15 : 'bg-color-tertiary-4'
}
width_class = {
1 : 'width100pc',
2 : 'width50pc',
3 : 'width33pc',
4 : 'width25pc',
5 : 'width20pc',
6 : 'width16pc',
7 : 'width14pc',
8 : 'width12pc',
9 : 'width11pc',
10: 'width10pc'
}
def nextSQR(anumber):
if (sqrt(anumber))==int(sqrt(anumber)):
return pow(int(sqrt(anumber)),2)
else:
return pow(int(sqrt(anumber)+1),2)
def targetshape(anumber):
return (sqrt(nextSQR(anumber)),sqrt(nextSQR(anumber)))
def divgrid(content_list):
dstring = ""
targ_shape = targetshape(len(content_list))
w = targ_shape[0]
for a in content_list:
r = random.randrange(1,10)
dstring = dstring + "<div class=\"" + colour_index.get(r) + " " + width_class.get(w) + "\">" + a + "</div>"
return dstring
在views.py页面中,我将数据库中的元素放入列表中,通过divgrid()发送该列表,然后将结果传递到上下文中:
def home(request):
stuff_list = testContent.objects.all()
l = [a.name for a in stuff_list]
mgl = mg.divgrid(l)
context = {'grid' : mgl}
return render(request, "test.html", context)
反过来,它通过双括号变量表示法{{grid}}来生成html页面。
所有这些都可以正常工作-除非不是看到所有结果都很好地组织了其div块格式,而是看到页面上逐字显示的html文本是这样的:
<div class="bg-color-primary-3 width33pc">Tom Kimber</div><div class="bg-color-secondary-0 width33pc">Tom</div><div class="bg-color-secondary-1 width33pc">Tom</div><div class="bg-color-primary-1 width33pc">Tom</div><div class="bg-color-secondary-3 width33pc">Tom</div><div class="bg-color-primary-1 width33pc">Lisa</div><div class="bg-color-primary-2 width33pc">Bobby Tables</div>
如何让django将生成的html代码解释为代码(即,将div渲染为div,导致元素内容被正确格式化),而不是原样显示的文本?
您可以将返回的字符串标记divgrid()
为安全:
from django.utils.safestring import mark_safe
def divgrid(content_list):
...
return mark_safe(dstring)
然后,您可以将上下文变量输出为HTML,而无需使用|safe
过滤器:
{{ grid }}
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句