質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.35%
Django

DjangoはPythonで書かれた、オープンソースウェブアプリケーションのフレームワークです。複雑なデータベースを扱うウェブサイトを開発する際に必要な労力を減らす為にデザインされました。

zip

ZIPとは、複数のファイルをひとつにまとめて圧縮したり、圧縮したファイルを展開することができるアーカイブフォーマットです。 1998年以降のWindowsOS各バージョンで、標準の圧縮フォルダとして採用されています。 MacOSでも、X v10.3以降に他の圧縮ソフトとまとめてZIP機能を採用しています。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

Q&A

解決済

1回答

2646閲覧

Djangoでzip関数を実行したい

HORIZONium

総合スコア9

Django

DjangoはPythonで書かれた、オープンソースウェブアプリケーションのフレームワークです。複雑なデータベースを扱うウェブサイトを開発する際に必要な労力を減らす為にデザインされました。

zip

ZIPとは、複数のファイルをひとつにまとめて圧縮したり、圧縮したファイルを展開することができるアーカイブフォーマットです。 1998年以降のWindowsOS各バージョンで、標準の圧縮フォルダとして採用されています。 MacOSでも、X v10.3以降に他の圧縮ソフトとまとめてZIP機能を採用しています。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

0グッド

1クリップ

投稿2020/04/08 07:15

こんにちは。
DjangoでSNSを作成しています。
HTML上でzip関数を使用したいのですが、エラーが出てしまいます。
どうすれば使用できますか?

以下のサイトのように、django_boostをpip3でインストールして、setting.pyにもコードを入力しました。
また、{% load boost %}はbse.htmlに入力しました。

https://e-tec-memo.herokuapp.com/article/280/

timeline.html

python

1{% extends 'base.html' %} 2 3{% block customcss %} 4{% endblock customcss %} 5 6{% block content %} 7 8<div class="timeline_top col-md-8 offset-md-2 "> 9 <ul class="row"> 10 <li id="new" class="col-6">新着</li> 11 <li id="popular" class="col-6">人気</li> 12 </ul> 13</div> 14<div class="timeline col-md-8 offset-md-2"> 15 16 17//ここです 18 {% for item ,icon in object_list |zip: image_list %} 19 <div class="list row"> 20 <div class="list_left col-3"> 21 <img src='/media/{{icon}}' width="50" height="50"> 22 <p class="name">{{item.author}}</p> 23 </div> 24 <div class="list_right col-9"> 25 {% if item.title%} 26 <h1 class="title">{{item.title}}</h1> 27 {%else%} 28 {%endif%} 29 <ul> 30 {% if item.category_first%} 31 <li><p class="tag">{{ item.category_first}}</p></li> 32 {%else%} 33 {%endif%} 34 {% if item.category_second%} 35 <li><p class="tag">{{ item.category_second}}</p></li> 36 {%else%} 37 {%endif%} 38 {% if item.category_third%} 39 <li><p class="tag">{{ item.category_third}}</p></li> 40 {%else%} 41 {%endif%} 42 </ul> 43 44 <ul class="commit"> 45 <li><p class="icon_comment">コメント:{{item.comment}}</p></li> 46 <li><p class="good">いいね:{{item.good}}</p></li> 47 </ul> 48 </div> 49 </div> 50 {% endfor %} 51</div> 52{% endblock content %}

エラー内容:

TemplateSyntaxError at /
'for' statements should use the format 'for x in y': for item ,icon in object_list |zip: image_list

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答1

0

ベストアンサー

テンプレート言語にzip関数はないので、zip関数の結果をコンテキストでテンプレートに渡して、レンダリングするのはいかがでしょうか?

投稿2020/04/08 07:31

hasami

総合スコア1277

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

HORIZONium

2020/04/08 08:10

回答ありがとうございます。 pythonファイルでzip関数を実行して、その結果をhtmlのファイルに渡すということですか?
hasami

2020/04/08 09:37

そうです。 Class-based Viewであれば、get_context_dataメソッドをオーバーライドして、コンテキストにzip関数の結果を追加します。
HORIZONium

2020/04/08 23:42

Class-based Viewではなく、関数で作っていたため、get_context_dataは使えなかったのですが、リストにそれぞれのディクショナリーをzip関数で追加していく方法で解決できました! ありがとうございました!
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.35%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問