Python的Flask框架中实现分页功能的教程

<p><strong>Blog Posts的提交</strong></p>
<p>让我们从简单的开始。首页上必须有一张用户提交新的post的表单。</p>
<p>首先我们定义一个单域表单对象（fileapp/forms.py）：<br>
 <br>
</p>
<div class="blockcode">
<pre class="brush:py;">
class PostForm(Form):
  post = TextField('post', validators = [Required()])
</pre>
</div>
<p>下面，我们把这个表单添加到template中(fileapp/templates/index.html)：<br>
 <br>
</p>
<div class="blockcode">
<pre class="brush:py;">

{% extends "base.html" %}

{% block content %}
<h1>Hi, {{g.user.nickname}}!</h1>
<form action="" method="post" name="post">
  {{form.hidden_tag()}}
  <table>
<tr>
   <td>Say something:</td>
   <td>{{ form.post(size = 30, maxlength = 140) }}</td>
   <td>
   {% for error in form.errors.post %}
   <span style="color: red;">[{{error}}]</span><br>
   {% endfor %}
   </td>
</tr>
<tr>
   <td></td>
   <td><input type="submit" value="Post!"></td>
   <td></td>
</tr>
  </table>
</form>
{% for post in posts %}
<p>
{{post.author.nickname}} says: <b>{{post.body}}</b>
</p>
{% endfor %}
{% endblock %}
</pre>
</div>
<p>到目前为止没啥新的东西，你可以看到，我们仅仅添加了另一表单，就像我们上一次做的那样。<br>
 </p>
<p>最后，功能试图把所有东西都联系在一起，并被扩展来处理这个表单（fileapp/views.py）:<br>
 <br>
</p>
<div class="blockcode">
<pre class="brush:py;">
from forms import LoginForm, EditForm, PostForm
from models import User, ROLE_USER, ROLE_ADMIN, Post

@app.route('/', methods = ['GET', 'POST'])
@app.route('/index', methods = ['GET', 'POST'])
@login_required
def index():
  form = PostForm()
  if form.validate_on_submit():
post = Post(body = form.post.data, timestamp = datetime.utcnow(), author = g.user)
db.session.add(post)
db.session.commit()
flash('Your post is now live!')
return redirect(url_for('index'))
  posts = [
{
   'author': { 'nickname': 'John' },
   'body': 'Beautiful day in Portland!'
},
{
   'author': { 'nickname': 'Susan' },
   'body': 'The Avengers movie was so cool!'
}
  ]
  return render_template('index.html',
title = 'Home',
form = form,
posts = posts)
</pre>
</div>
<p>下面让我们逐一回顾一下这个功能中的变动：</p>
<ul>
  <li>    我们导入了Post和PostForm类</li>
  <li>    我们接收了来自两个路径下的index和视图的POST请求，因为那就是我们如何接收提交的请求。</li>
  <li>    当我们通过表单提交到功能视图后，我们会把新的Post记录录入数据库。然后就像之前做的一样，通过常规的GET请求来访问它。</li>
  <li>    Templat会收到一条额外的内容--表单，所以它会提交给文本域。</li>
  <li></li>
</ul>
<p>在我们继续之前还有最后一点提醒：注意下面我们如何添加一条新的Post请求到数据库中：<br>
 <br>
</p>
<div class="blockcode">
<pre class="brush:py;">
return redirect(url_for('index'))
</pre>
</div>
<p>我们可以很容易的跳过重定向，并且允许它跳到模板渲染部分，而且效率更高。因为所做的所有重定向在经过web浏览器之后，都返回到这个相同的功能视图中来。</p>
<p>所以，为什么选择重定向？考虑到当用户写下一个blog post请求之后，它只需提交然后点击浏览器刷新按钮。“Refresh”命令能做什么呢？浏览器会重新发送最后发布的请求作为一个“Refresh”命令的结果。（译者注：由于个人水平有限，如果您发现译处与原文有出入敬请指正。谢谢！）</p>
<p><br>
如果没有重定向，那么最后提交给表单的就是POST请求，所以一个“Refresh Action”会重新提交那个表单，将会导致第二次提交的post记录和第一次写入数据库中的是相同的。这样的行为Not so good.</p>
<p>若是有了重定向，我们可以强制浏览器在表单提交之后发出另一个请求，它抓取了重定向的页面。这是一个简单的“GET”请求，所以“Refresh”动作会重复“GET”请求而不是再次提交表单。</p>
<p>这个简单的小技巧避免用户在提交一个blog post请求之后，不小心刷新页面导致重复写入post请求。</p>
<p><strong>展现blog post请求</strong></p>
<p>下面我们来说点有意思的东西。我们要从数据库中抓取blog post请求并失之显示。</p>
<p>如果你回忆一下之前部分文章，我们曾创建了许多所谓“虚假的”的请求并且在首页上面显示了很长时间。这些“虚假的”对象是作为Python list在索引视图中创建的。<br>
 <br>
</p>
<div class="blockcode">
<pre class="brush:py;">
posts = [
{
   'author': { 'nickname': 'John' },
   'body': 'Beautiful day in Portland!'
},
{
   'author': { 'nickname': 'Susan' },
   'body': 'The Avengers movie was so cool!'