Flask 分页的简单用法 / flask_sqlalchemy /无刷新翻转页面(原创)
flask_sqlalchemy对象提供分页方法
1. 后台views代码:
from models import <table_name>
#导入model的对象 @app.route('/', methods=['GET', 'POST'])
@app.route('/<int:page>', methods=['GET', 'POST'])
def index(page=1):
pagination = <table_name>.query.paginate(page, 20, False) #flask_sqlalchemy提供分页方法.paginate
db.session.close()
return render_template('index.html', pagination=pagination)
2.模板页面:
<div class="pagination">
<ul class="pagination"> {% for page in pagination.iter_pages() %}
<li>
<a class="page-link3" href="{{ url_for('index', page=page) }}">{{ page }}</a>
</li>
{% endfor %}
</ul>
</div>
3. javascript/Ajax 请求代码:
  $(document).on('click', '.page-link3', function(event) {
      var link = $(this).attr('href');
      $.ajax({
            type:'POST',
            url:link,
            success:function(data){
                   $("body").html(data);
        }
        });
      event.preventDefault();
  });
});
Flask 分页的简单用法 / flask_sqlalchemy /无刷新翻转页面(原创)的更多相关文章
- 使用ajax和window.history.pushState无刷新改变页面内容和地址栏URL
		<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content ... 
- 使用ajax和history.pushState无刷新改变页面URL(转)
		表现 如果你使用chrome或者firefox等浏览器访问本博客.github.com.plus.google.com等网站时,细心的你会发现页面之间的点击是通过ajax异步请求的,同时页面的URL发 ... 
- 使用pjax实现类似github无刷新更改页面url
		pjax=pushState+ajax,相信用过github的同学都知道,github部分页面采用了pjax这个项目来实现ajax无刷新加载的同时改变页面url.一起来学习一下这个插件吧. 我们都知道 ... 
- 使用ajax实现无刷新改变页面内容
		如何使用ajax实现无刷新改变页面内容(也就是ajax异步请求刷新页面),下面通过一个小demo说明一下,前端页面代码如下所示 1 <%@ Page Language="C#" ... 
- 使用ajax和history.pushState无刷新改变页面URL
		表现 如果你使用chrome或者firefox等浏览器访问本博客.github.com.plus.google.com等网站时,细心的你会发现页面之间的点击是通过ajax异步请求的,同时页面的URL发 ... 
- 使用ajax和history.pushState无刷新改变页面URL onpopstate(转)
		Javascript代码 var htmlData1 = $.ajax( { url: "/getXXXResponse", async: false }).re ... 
- js修改url参数,无刷新更换页面url
		一.js修改地址栏URL参数 function changeURLPar(destiny, par, par_value) { var pattern = par + '=([^&]*)'; ... 
- 使用ajax和window.history.pushState无刷新改变页面内容和地址栏URL (转)
		在访问现在很火的google plus时,细心的用户也许会发现页面之间的点击是通过ajax异步请求的,同时页面的URL发生了了改变.并且能够很好的支持浏览器的前进和后退.不禁让人想问,是什么有这么强大 ... 
- Bootstrap Paginator分页插件+ajax 实现动态无刷新分页
		之前做分页想过做淘宝的那个,但是因为是后台要求不高,就Bootstrap Paginator插件感觉还蛮容易上手,所以就选了它. Bootstrap Paginator分页插件下载地址: Downlo ... 
随机推荐
- Codeforces Round #304 (Div.2)
			A. Soldier and Bananas 题意:有个士兵要买w个香蕉,香蕉起步价为k元/个,每多买一个则贵k元.问初始拥有n元的士兵需要借多少钱? 思路:简单题 #include<iostr ... 
- Python:virtualenv介绍
			virtualenv 在开发Python应用程序的时候,系统安装的Python3只有一个版本:3.4.所有第三方的包都会被pip安装到Python3的site-packages目录下. 如果我们要同时 ... 
- maven依赖排除、顺序原则、版本统一管理
			<dependency> <groupId>org.springframework</groupId> <artifactId>spring-core& ... 
- java基础知识框图
- Github 的其他用法
			一.概述 Github 除了作为代码托管库外,有趣的程序员们还利用它解锁了有趣的新姿势. 二.新姿势 2.1 Github Pages 可以为项目建立静态主页(即gh-pages分支), 也可以建立命 ... 
- Loadrunner场景设计篇——负载生成器
			1 简介 当执行一个场景时,Controller把场景中的每个用户配到负载生成器(Load generator). 所谓的负载生成器(Load Generator)就是执行Vuser脚本,运行Vus ... 
- linux命令(6/11)--修改文件的用户组chgrp和文件所有者chown
			在lunix系统里,文件或目录的权限的掌控以拥有者及所诉群组来管理.可以使用chgrp指令取变更文件与目录所属群组,这种方式采用群组名称或群组识别码都可以.Chgrp命令就是change group的 ... 
- [ufldl]Supervised Neural Networks
			要实现的部分为:forward prop, softmax函数的cost function,每一层的gradient,以及penalty cost和gradient. forwad prop forw ... 
- c语言单元测试框架--CuTest
			1.简介 CuTest是一款微小的C语言单元测试框,是我迄今为止见到的最简洁的测试框架之一,只有2个文件,CuTest.c和CuTest.h,全部代码加起来不到一千行.麻雀虽小,五脏俱全,测试的构建. ... 
- jQuery幻灯片播放器插件
			在线演示 本地下载 
