这个月公司下发的一个项目,需要做个信息交流网站,其中手机端加载使用的是瀑布流
第一时间想到的是插件,但是还是想自己动手写一下,不太想依赖插件。
需求是这样的:需要按照不同的标签使用瀑布流加载出不同的内容。用户点击某一个标签的时候,显示的内容也只能是跟这个标签相关的。如图:
如果没有数据,那么底部就提示没有数据了。
先说下思路,如果是ajax分页加载,没有分类的话,那么我们只需要获取到第一次加载这个页面查询出来的数据和,然后再使用ajax的时候,获取已有的数据后,把第一次加载的数量为第二页查询的条数开始就行了。以此类推!
例如:比如总数据有100条,第一次加载的时候获取了10条,数据库还剩下90条,分成页面的话一共就是10页,剩下就只有9页了。所以后面每次加载的是N*10,加载完后N+1,N代表的是当前页数。
但是现在碰到个问题,没有分类的时候,这个写法是可以写出来的。但是多了个分类筛选,就多了一个条件。但是数据库里面的数据都是存放在一个数据表,分类表和信息表使用的是ID关联。而分类标签是在页面是foreach遍历出来的。那么分类遍历出来的标签改如何精准的获取到用户点击的是哪