2016-12-16 122 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文件中指定。

只有缺少點將是時間過濾器通過時間線應用。