如何循环字典以在Django的前端显示并实现用户输入

Question

我已经从tweepy api结果创建了自己的字典。

它在前端显示我想要的数据。 但是，我该如何遍历字典，以便为创建的每个字典生成html。

我也希望让用户输入确定查询参数，但不确定如何做

这是我尝试过的，但无济于事。

{% for tweet in twitter_data %}
        <div class="tweet-container">

            <img src="{{twitter_data.profile_dp}}" alt="avatar" class="avatar" />

            <time class="tweet-time">{{twitter_data.created_at}}</time>

            <div class="push">

                <div class="user">
                    <div class="user-string"><span class="name">{{twitter_data.user_name}}</span><span
                            class="username">@{{twitter_data.user_screen_name}}</span></div>
                </div>

                <blockquote class="tweet"><span class="at">@lorem_bot </span>{{twitter_data.text}} <span
                        class="tag">#lorem2015</span></blockquote>

                <div class="icons">
                    <i class="fa fa-reply"><span class="icon-number"> 10</span></i>
                    <i class="fa fa-retweet"><span class="icon-number"> {{twitter_data.retweet_count}}</span></i>
                    <i class="fa fa-star"><span class="icon-number"> {{twitter_data.fav_count}}</span></i>
                    <i class="fa fa-ellipsis-h"></i>
                    <i class="fa fa-eye"></i>
                </div>

            </div>

        </div>
        {% end for %}

from django.shortcuts import render
import requests
import tweepy
import json

# Create your views here.
CONSUMER_KEY = 'm'
CONSUMER_SECRET = 'Xu'
ACCESS_KEY = '116'
ACCESS_SECRET = 'wz'
auth = tweepy.OAuthHandler(CONSUMER_KEY, CONSUMER_SECRET)
auth.set_access_token(ACCESS_KEY, ACCESS_SECRET)
api = tweepy.API(auth, wait_on_rate_limit=True)


def index(requests):

    for tweet in tweepy.Cursor(api.search,
                               query="xbox",
                               q="{xbox}",
                               count=1,
                               result_type="recent",
                               include_entities=True,
                               lang="en").items():

        twitter_data = {
            'text': tweet.text,
            'user_name': tweet.user.name,
            'user_screen_name': tweet.user.screen_name,
            'created_at': tweet.created_at,
            'profile_dp': tweet.user.profile_image_url,
            'retweet_count': tweet.retweet_count,
            'fav_count': tweet.favorite_count

        }

    context = {'twitter_data': twitter_data}
    return render(requests, 'twitter/twitter.html', context)

Answer 1

您无需在模板中运行多个循环。 您只需要在视图中将这些tweet对象保存为列表，然后在模板中对其进行循环。

#views.py    
tweets = tweepy.Cursor(api.search,
                                   query="xbox",
                                   q="{xbox}",
                                   count=1,
                                   result_type="recent",
                                   include_entities=True,
                                   lang="en").items()

context = {'tweets': tweets}

然后在您的模板中：

{% for tweet in tweets %}
   {{ tweet.text }}
   {{ tweet.user.name }}
   {{ tweet.retweet_count }}
{% endfor %}

等等....