StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

PO
primarykey
Id
13388915
data
AcceptedAnswerId
0
AnswerCount
0
ClosedDate
CommentCount
4
CommunityOwnedDate
CreationDate
2012-11-14T23:04:05.920
FavoriteCount
0
LastActivityDate
2012-11-15T17:22:13.733
LastEditDate
2012-11-15T17:22:13.733
LastEditorUserId
4279
OwnerUserId
4279
ParentId
13386681
PostTypeId
2
Score
46
ViewCount
0
LastEditorDisplayName
text
Body
<p>To replace existing content on the page you might need javascript i.e., you could send it or make it to make requests for you, use long polling, websockets, etc. There are many ways to do it, here's one that uses <a href="http://dev.w3.org/html5/eventsource/" rel="noreferrer">server send events</a>:</p> <pre class="lang-py prettyprint-override"><code>#!/usr/bin/env python import itertools import time from flask import Flask, Response, redirect, request, url_for app = Flask(__name__) @app.route('/') def index(): if request.headers.get('accept') == 'text/event-stream': def events(): for i, c in enumerate(itertools.cycle('\|/-')): yield "data: %s %d\n\n" % (c, i) time.sleep(.1) # an artificial delay return Response(events(), content_type='text/event-stream') return redirect(url_for('static', filename='index.html')) if __name__ == "__main__": app.run(host='localhost', port=23423) </code></pre> <p>Where <code>static/index.html</code>:</p> <pre class="lang-html prettyprint-override"><code><!doctype html> <title>Server Send Events Demo</title> <style> #data { text-align: center; } </style> <script src="http://code.jquery.com/jquery-latest.js"></script> <script> if (!!window.EventSource) { var source = new EventSource('/'); source.onmessage = function(e) { $("#data").text(e.data); } } </script> <div id="data">nothing received yet</div> </code></pre> <p>The browser reconnects by default in 3 seconds if the connection is lost. if there is nothing more to send the server could return 404 or just send some other than <code>'text/event-stream'</code> content type in response to the next request. To stop on the client side even if the server has more data you could call <code>source.close()</code>. </p> <p>Note: if the stream is not meant to be infinite then use other techniques (not SSE) e.g., send javascript snippets to replace the text (infinite <code><iframe></code> technique):</p> <pre class="lang-py prettyprint-override"><code>#!/usr/bin/env python import time from flask import Flask, Response app = Flask(__name__) @app.route('/') def index(): def g(): yield """<!doctype html> <title>Send javascript snippets demo</title> <style> #data { text-align: center; } </style> <script src="http://code.jquery.com/jquery-latest.js"></script> <div id="data">nothing received yet</div> """ for i, c in enumerate("hello"): yield """ <script> $("#data").text("{i} {c}") </script> """.format(i=i, c=c) time.sleep(1) # an artificial delay return Response(g()) if __name__ == "__main__": app.run(host='localhost', port=23423) </code></pre> <p>I've inlined the html here to show that there is nothing more to it (no magic). Here's the same as above but using templates:</p> <pre class="lang-py prettyprint-override"><code>#!/usr/bin/env python import time from flask import Flask, Response app = Flask(__name__) def stream_template(template_name, **context): # http://flask.pocoo.org/docs/patterns/streaming/#streaming-from-templates app.update_template_context(context) t = app.jinja_env.get_template(template_name) rv = t.stream(context) # uncomment if you don't need immediate reaction ##rv.enable_buffering(5) return rv @app.route('/') def index(): def g(): for i, c in enumerate("hello"*10): time.sleep(.1) # an artificial delay yield i, c return Response(stream_template('index.html', data=g())) if __name__ == "__main__": app.run(host='localhost', port=23423) </code></pre> <p>Where <code>templates/index.html</code>:</p> <pre class="lang-html prettyprint-override"><code><!doctype html> <title>Send javascript with template demo</title> <style> #data { text-align: center; } </style> <script src="http://code.jquery.com/jquery-latest.js"></script> <div id="data">nothing received yet</div> {% for i, c in data: %} <script> $("#data").text("{{ i }} {{ c }}") </script> {% endfor %} </code></pre>
Tags
Title
singulars
PostAcceptedAnswerId
1. This table or related slice is empty.
PostParentId
1. POStreaming data with Python and Flask
  singulars
  PostTypePostTypeId
  PTQuestion
PostTypePostTypeId
1. PTAnswer
UserLastEditorUserId
1. USjfs
UserOwnerUserId
1. USjfs
plurals
PostLinksPostIdRelatedPostId
1. This table or related slice is empty.
PostLinksRelatedPostIdPostId
1. This table or related slice is empty.
PostsAcceptedAnswerId
1. POStreaming data with Python and Flask
  singulars
  PostTypePostTypeId
  PTQuestion
PostsParentIdCreationDate
1. This table or related slice is empty.
VotesPostIdCreationDate
1. VO
  singulars
  PostPostId
  PO
  UserUserId
  This table or related slice is empty.
  VoteTypeVoteTypeId
  VTAcceptedByOriginator
2. VO
  singulars
  PostPostId
  PO
  UserUserId
  This table or related slice is empty.
  VoteTypeVoteTypeId
  VTUpMod
3. VO
  singulars
  PostPostId
  PO
  UserUserId
  This table or related slice is empty.
  VoteTypeVoteTypeId
  VTUpMod
CommentsPostId
1. This table or related slice is empty.

Querying!

Guidance

A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.