Django - show loading message during long processing

问题

How can I show a please wait loading message from a django view?

I have a Django view that takes significant time to perform calculations on a large dataset.

While the process loads, I would like to present the user with a feedback message e.g.: spinning loading animated gif or similar.

回答1:

After trying the two different approaches suggested by Brandon and Murat, Brandon's suggestion proved the most successful.

1. Create a wrapper template that includes the javascript from http://djangosnippets.org/snippets/679/. The javascript has been modified: (i) to work without a form (ii) to hide the progress bar / display results when a 'done' flag is returned (iii) with the JSON update url pointing to the view described below

2. Move the slow loading function to a thread. This thread will be passed a cache key and will be responsible for updating the cache with progress status and then its results. The thread renders the original template as a string and saves it to the cache.

3. Create a view based on upload_progress from http://djangosnippets.org/snippets/678/ modified to (i) instead render the original wrapper template if progress_id='' (ii) generate the cache_key, check if a cache already exists and if not start a new thread (iii) monitor the progress of the thread and when done, pass the results to the wrapper template

4. The wrapper template displays the results via document.getElementById('main').innerHTML=data.result

(* looking at whether step 4 might be better implemented via a redirect as the rendered template contains javascript that is not currently run by document.getElementById('main').innerHTML=data.result)

回答2:

Here's an oldie, but might get you going in the right direction: http://djangosnippets.org/snippets/679/

回答3:

a more straightforward approach is to generate a wait page with your gif etc. and then use the javascript

window.location.href = 'insert results view here';

to switch to the results view which starts your lengthy calculation. The page wont change until the calculation is finished. When it finishes, then the results page will be rendered.

回答4:

Iterating HttpResponse

https://stackoverflow.com/a/1371061/198062

Edit:

I found an example to sending big files with django: http://djangosnippets.org/snippets/365/ Then I look at FileWrapper class(django.core.servers.basehttp):

class FileWrapper(object):
    """Wrapper to convert file-like objects to iterables"""

    def __init__(self, filelike, blksize=8192):
        self.filelike = filelike
        self.blksize = blksize
        if hasattr(filelike,'close'):
            self.close = filelike.close

    def __getitem__(self,key):
        data = self.filelike.read(self.blksize)
        if data:
            return data
        raise IndexError

    def __iter__(self):
        return self

    def next(self):
        data = self.filelike.read(self.blksize)
        if data:
            return data
        raise StopIteration

I think we can make a iterable class like this

class FlushContent(object):
    def __init__(self):
        # some initialization code

    def __getitem__(self,key):
        # send a part of html

    def __iter__(self):
        return self

    def next(self):
        # do some work
        # return some html code
        if finished:
            raise StopIteration

then in views.py

def long_work(request):
    flushcontent = FlushContent()
    return HttpResponse(flushcontent)

Edit:

Example code, still not working:

class FlushContent(object):
    def __init__(self):
        self.stop_index=2
        self.index=0

    def __getitem__(self,key):
        pass

    def __iter__(self):
        return self

    def next(self):
        if self.index==0:
            html="loading"
        elif self.index==1:
            import time
            time.sleep(5)
            html="finished loading"

        self.index+=1

        if self.index>self.stop_index:
            raise StopIteration

        return html

回答5:

Here is another explanation on how to get a loading message for long loading Django views

Views that do a lot of processing (e.g. complex queries with many objects, accessing 3rd party APIs) can take quite some time before the page is loaded and shown to the user in the browser. What happens is that all that processing is done on the server and Django is not able to serve the page before it is completed.

The only way to show a show a loading message (e.g. a spinner gif) during the processing is to break up the current view into two views:

1. First view renders the page with no processing and with the loading message

2. The page includes a AJAX call to the 2nd view that does the actual processing. The result of the processing is displayed on the page once its done with AJAX / JavaScript

来源：https://stackoverflow.com/questions/8317219/django-show-loading-message-during-long-processing