100字范文,内容丰富有趣,生活中的好帮手!
100字范文 > javascript – web页面实现数据筛选 排序等功能的思路

javascript – web页面实现数据筛选 排序等功能的思路

时间:2022-08-10 13:13:47

相关推荐

javascript – web页面实现数据筛选 排序等功能的思路

后端开发|php教程

javascript,php,jquery,thinkphp

后端开发-php教程

dosfsck 源码,vscode改变文档字体,ubuntu漏洞修复,tomcat无法找到目录,运用爬虫,php变量 标签,seo篡改百度,美食类网站html5源代码,骑士人才网源码模板lzw

后端从数据库读取了一个结果集,保存在数组中,然后显示在前端表格中,但是需要根据用户的筛选、排序等操作对表格进行动态展示。

我能想到的思路是:

1:在后端从数据库读取的数据传递到javascript数组中,用javascript根据用户的选择操作数组(在前端操作数据)

2:在html中嵌入php代码,用php操作数组(在后端操作数据)

3:根据用户的选择每次在数据库中操作并读取所需要的数据,返回到前端页面(在数据库中操作数据)

外汇跟单社区源码,ubuntu配置没有中文,服务器访问+tomcat,爬虫教程 视频,php管理脚本,泛目录行选择东莞SEO培训大神lzw

所操作的数据不超过1000条记录

我后端语言PHP(thinkphp框架)

正规彩票平台源码,vscode无法登录git,ubuntu 写入速度,tomcat 日志保存,安卓真机sqlite,怎么看前端使用的是哪个框架,网络爬虫类别有哪些,php idc源码,抖音seo思路,js 访问网站,贪吃蛇网页版游戏代码,android界面模板下载lzw

问:

1:希望前辈们能分析一下各个解决方法的优缺点,给一个最合适的思路!

2:如果用js,怎么将数据传递到js中?

回复内容:

后端从数据库读取了一个结果集,保存在数组中,然后显示在前端表格中,但是需要根据用户的筛选、排序等操作对表格进行动态展示。

我能想到的思路是:

1:在后端从数据库读取的数据传递到javascript数组中,用javascript根据用户的选择操作数组(在前端操作数据)

2:在html中嵌入php代码,用php操作数组(在后端操作数据)

3:根据用户的选择每次在数据库中操作并读取所需要的数据,返回到前端页面(在数据库中操作数据)

所操作的数据不超过1000条记录

我后端语言PHP(thinkphp框架)

问:

1:希望前辈们能分析一下各个解决方法的优缺点,给一个最合适的思路!

2:如果用js,怎么将数据传递到js中?

第一种方案:

适合数据量小,页面响应快的场景

优点:

1、只需要从服务器获取一次数据,对服务器压力小

2、用户所有操作都在前端进行,无需再与服务器通讯,体验比较好

缺点:

1、js操作数据然后再拼接html,或者模板引擎,或者MVVM相对来说会比后端直接生成html要麻烦一些,不过现在这个应该不算缺点吧

第二种方案:

第二种方案也适合数据量小点的场景,它和第一种方案的区别在于:

1、用户每次都要从服务器通讯

2、生成html相对开发者来说比较方便

两种方案相比,建议采用第一种

第三种方案:

适合数据量比较大的时候,分批从数据库获取。

最终在前台展示也无非就是php生成html或者js生成html

数据传递到js,两种方式:

1、页面生成时,顺便把数据给传进去

2、通过ajax去调用

如果结果集在千行以内。推荐 /Mottie/tablesorter

简单排序的例子:http://mottie.github.io/tablesorter/

简单筛选的例子:http://mottie.github.io/tablesorter/docs/example-child-rows-filtered.html

全部的例子:http://mottie.github.io/tablesorter/docs/index.html#Demo

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。