2016-12-16 91 views
0

我正在为旅游搜索引擎开发一个网站,并且我想用类似的概念显示结果,其格式与Hipmunk类似。在网站上显示动态结果

Hipmunk layout for results

详情如下:

  • 的网站正在使用Django开发。
  • 内容是动态的(结果取决于每个搜索)
  • 酒吧沿着时间轴放置,因此定位它们将取决于时间。
  • 该示例中使用的小节看起来很简单,所以我可能会尝试一些更详细的内容,例如圆形,条形和图标的组合,类似于Rome2rio,但水平方向。 Rome2rio detail layout
  • 时间过滤器应用于时间线,因此取决于用户与时间线的交互作用,所显示的结果会发生变化(请参阅上述的hipmunk图像)。

我想正常的做法是使用javascript,但由于我没有背景,我想知道是否有任何替代品或现有的软件包允许我这样做。

如果Python中有一些模块,这将是理想的,因为这是我的背景。我听说bokeh,但它似乎专注于科学数据和图表。

我也读过一些关于Skulpt的地方,但它似乎还不成熟。

有没有办法用Python创建这样的事情,还是我谴责使用JavaScript?如果是这样,现有模块的任何提示可以帮助?

+1

浏览器只能执行JavaScript(使用HTML和CSS)。有像[TranScrypt](http://transcrypt.org/)这样的模块可以将Python的一部分转换为JavaScript。但更好地学习JavaScript,HTML,CSS,因为您可以在JavaScript中找到许多教程和库。 – furas

+0

谢谢@furas,HTML和CSS不是问题。看起来会更复杂的是JavaScript。你知道任何模块/小部件,可以有助于实施我所解释的? – J0ANMM

+0

我不知道图书馆可以做你需要的东西,但有这么多的图书馆。 – furas

回答

0

在Django中,这实际上可以用CSScontexts完成。

例如:

{% for obj in object_list|slice:":40" %} 
    <div style='width:{{ obj|function_to_get_width }}%;float:left'> 
     <hr class='diagram_formatting'/> 
    </div> 
{% endfor %} 

function_to_get_width将是一个Python文件,diagram_formatting将在CSS文件中指定。

只有缺少点将是时间过滤器通过时间线应用。