Flask + Ajax + Mysql 实现网页异步加载（一）

滚动条滑到底部时候，在当前页面加载下一页数据；

滚动条到达顶部时候，刷新当前页面。

一、flask 实现的服务器端

@app.route('/',methods=['GET','POST'])
def index():'''新闻首页'''page = request.args.get('page', 1, type=int)pagination = News.query.paginate(page,per_page=10)news_list = pagination.itemsfor anews in news_list:if anews.cover_pic is None:anews.cover_pic = anews.pic.split('\r\n')[0]print(anews.cover_pic)return render_template('index.html', pagination = pagination ,news_list=news_list)

解析：

1、flask通过路由@app.route(url, methods=['GET','POST'])两个方法接受客户端请求。

2、客户端的请求交给 index()函数处理。

3、request.args.get('page',1,type=int) :获取url里面的page参数，默认值为1，代表浏览器显示第几页，即要从数据库里获取第几页的数据（这里，第几页指的是在客户端展示的第几页，因为数据已经从数据库全部提取出来了，通过paginate分页，可以规定每一页显示多少条记录，这里10条记录作为一页的内容。），得到的page传入后面。

4、News.query.paginate(page,per_page=10) : News对象已经获得了对应的表中的所有记录。然后执行query.paginate（）的时候，自动根据page 和per_page 返回对应的记录。比如默认是page=1,返回表中的1——10 这10条记录；当page=2时，返回表中的11——20这10条记录。

5、pagination.items :指10条记录的所有列，可以理解为10个列表，每个列表又由字典组成。

6、for 循环没实际意义，在pycharm查看图片是否被加载。

7、最后return render_template('index.html',pagination=pagination, news_list=news_list) 是对浏览器请求的response。返回一个网页和要在网页里填充的变量。

Flask + Ajax + Mysql 实现网页异步加载（二）

Flask + Ajax + Mysql 实现网页异步加载（一）相关推荐

利用Crowbar抓取网页异步加载的内容 [Python俱乐部]
利用Crowbar抓取网页异步加载的内容 [Python俱乐部] 利用Crowbar抓取网页异步加载的内容 [Python俱乐部] 利用Crowbar抓取网页异步加载的内容在做 Web 信息提取.数 ...
jq ajax 点击按钮异步加载更多
挺简单的异步加载代码都有备注! 流程挺简单的:查询数据库查出内容,写分页,前台输出,js异步请求服务器,控制器处理返回! 然后是按分页请求!每次请求几页这样.具体大伙去研究研究吧! // info/ ...
《SoloBug - bug管理系统》-Echarts+Ajax实现图表数据异步加载
2017年中国大学生计算机设计大赛参赛作品<SoloBug - bug管理系统> [redis-demo]使用Jedis api 实现后端缓存优化项目组内各模块BUG类型占比(饼状图): ...
ajax post提交数据_详解Ajax异步加载
前言: 作为资深球迷,提起Ajax,第一反应想到的是阿贾克斯,那个曾培养出伊布,范德法特,苏亚雷斯,亨特拉尔等一众球星的荷甲著名球队. 很显然,我们今天说的Ajax,跟足球没有任何关系,我们说的是这个 ...
ajax异步查询demo,ASP.NET中AJAX的异步加载（Demo演示）
此次的demo是一个页面,页面上有两行字,然后后面用ajax,使用一个下拉框去替换第一行文字[/code] 第一个是被替换的网页 var xmlhttprequest; function create ...
echarts asp mysql 源码_如何使用PHP+jQuery+MySQL实现异步加载ECharts地图数据(附源码下载)...
ECharts地图主要用于地理区域数据的可视化,展示不同区域的数据分布信息.ECharts官网提供了中国地图.世界地图等地图数据下载,通过js引入或异步加载json文件的形式调用地图. 本文将结合实例 ...
Ajax 滚动异步加载数据
第一种情况:单个div滚动 HTML <body>  <div class="search" #if($m_ ...
彭于晏百度图片Ajax异步加载爬取
Ajax 异步加载网页爬取分析网页在Networka条目里找xhr Ajax 加载 import requests from urllib.parse import urlencode impo ...
python提取ajax异步加载数据_python爬取豆瓣电影分类排行榜引出的异步加载（AJAX）问题...
1.背景之前的文章中已经介绍过猫眼TOP100的电影信息爬取案例,网页每页有10条电影信息,通过翻页发现URL变化规律构造循环爬取10页100条全部电影信息.但是豆瓣电影分类排行榜的网页情况就所不同 ...

Flask + Ajax + Mysql 实现网页异步加载（一）

一、flask 实现的服务器端

Flask + Ajax + Mysql 实现网页异步加载（一）相关推荐

最新文章

热门文章