分页用前端实现更好还是用后端实现更好

x007xyz 2014-10-31 01:28:43

想了解两种方法各自的好处。

...全文

7106 10 打赏收藏转发到动态举报

写回复

10 条回复

切换为时间正序

请发表友善的回复…

发表回复

lxg_reedsec 2016-10-08

打赏
举报

回复

看情况了，我正在处理八十多万条的数据，用前端显示的话一次性加载显示不分页浏览器会崩溃，如果使用分页的话，请求数据也会很慢，用户也不可能浏览那么多数据，所以数据量很大的时候，建议用后端分页

MJClown 2016-09-16

打赏
举报

回复

后端控制查询逻辑好一点吧个人认为，对于那种数据量特别大的页面，假如上千条数据，第一次加载时需要从数据库读出所有数据，这样的话不仅浪费服务器资源，而且在页面加载时会使得时间加长。也许你又会说，我先加载一部分页面，然后剩下的部分异步加载到前端来，由前端负责选择显示，那既然可以这样做，为何不需要翻页的时候再加载数据呢，每次翻页时从后台加载数据，因为按照经验来说，用户访问到的数据你再加载，访问不到的你加载就是浪费资源，所以综上所述还是前端发送请求，后端控制逻辑好一点，个人见解

通凡 2016-07-08

打赏
举报

回复

对前端不是很懂，前段分页也是一知半解，但是后台分页是很好想的，逻辑也是很清楚，我个人觉得后台分页还是要好一点，前台指定每页的大小，后台查询分页的内容就可以了

shayebuhui0 2014-11-02

打赏
举报

回复

首先你要了解为什么要分页。分页主要是为了避免一次性从数据库获取大量数据。其次才是为了展示效果。

x007xyz 2014-10-31

打赏
举报

回复

引用 3 楼 showbo 的回复:

后端方便点，前台你要单独输出要更新的内容，麻烦，还要处理分页代码的生成和更新前台页面也不利于seo。。

求详细说明！！！！

x007xyz 2014-10-31

打赏
举报

回复

引用 1 楼 yangqiu0928 的回复:

个人感觉还是后端。毕竟后端处理逻辑比较方便。

分页属于显示效果吧！不需要处理数据，也没有复杂逻辑啊！

x007xyz 2014-10-31

打赏
举报

回复

引用 2 楼 bsj911gtaaa 的回复:

前端实现？一次性获取所有的数据然后分页？如果数据很多的话，那加载页面时得多慢呀

前端分页是获取所有数据可是显示的数据只有一部分啊！加载一部分后，剩下的继续加载不影响显示啊！

Go 旅城通票 2014-10-31

打赏
举报

回复

后端方便点，前台你要单独输出要更新的内容，麻烦，还要处理分页代码的生成和更新前台页面也不利于seo。。

蚊子0_0 2014-10-31

打赏
举报

回复

前端实现？一次性获取所有的数据然后分页？如果数据很多的话，那加载页面时得多慢呀

shayebuhui0 2014-10-31

打赏
举报

回复

个人感觉还是后端。毕竟后端处理逻辑比较方便。

为什么要实现分页？在大部分网站中分页的功能都是必要的，尤其是在后台管理中分页更是不可或缺分页能带给用户更好的体验，也能减轻服务器的压力对于分页来说，有许多方法都可以实现例如把数据全部读取出来在前端用javascript实现，但这样一次请求全部数据服务器压力很大，还有就是在后端实现，每一次请求部分数据显示分页需求： 1. 每页显示的多少条数据 2. 页面显示多少个页码 3. 上一页和下一页 4. 首页和尾页效果演示：代码实现：分页类封装: 在我的app下创建一个page.py文件，进行封装，我是先在我的app下创建了一个utils文件再创建page.py class P

程序开发软件：Eclipse或者Idea + WebStorm 数据库：mysql api接口采用技术：Vue(前端框架) + Vant(前端轻量级ui库） + SSM框架，可以升级Springboot 基于Vue图书管理app技术要点： 1 此系统web端接口采用java语言和ssm框架实现,可以升级Springboot 2 客户端和服务器通信采用axios组件，格式采用封装好的json数据格式 3 实现了图书的添加，修改，删除以及更加关键词查询图书的功能 4 客户端列表页实现了下拉刷新，上拉加载更多分页显示，文件上传，富文本编辑器，图片懒加载，Token访问令牌生成！基于Vue图书管理app实体对象：图书类型：图书类别，类别名称，可借阅天数图书：图书条形码，图书名称，图书分类，图书价格，图书库存，出版日期，出版社，图书图片，图书简介，图书文件注意：客户端依赖环境用 npm install自行下载即可！

SpringBoot大学生智能消费记账系统的设计与实现是一个基于SpringBoot框架开发的大学生智能消费记账系统。该系统旨在帮助大学生更好地管理个人财务，提高理财意识，培养良好的消费习惯。以下是关于该资源的一些详细介绍：功能模块：该系统主要包括以下几个功能模块：用户管理、消费记录、统计分析、预算管理等。用户管理模块实现了用户的注册、登录、修改个人信息等功能；消费记录模块用于记录用户的每一笔消费，包括消费金额、消费类别、消费时间等信息；统计分析模块对用户的消费数据进行统计和分析，以图表的形式展示给用户；预算管理模块帮助用户设定每月的消费预算，提醒用户合理消费。技术栈：该系统采用了当前流行的SpringBoot框架进行开发，后端使用Java语言编写，数据库选用MySQL，前端采用HTML、CSS和JavaScript进行页面设计。整个系统遵循MVC设计模式，实现了前后端分离，便于后期维护和升级。数据安全：为了保证用户数据的安全性，该系统采用了多种加密算法对用户密码进行加密存储，同时对用户敏感信息进行了脱敏处理。此外，系统还实现了权限控制功能，确保只有授权用户才能访问相关数据。系统优化：为了提高系统的运行效率，该系统对数据库进行了优化，采用了分页查询、索引等技术提高查询速度。同时，系统还实现了缓存功能，将常用数据缓存到内存中，减少数据库访问次数，提高响应速度。扩展性：该系统具有良好的扩展性，可以根据用户需求增加新的功能模块，如账单导入导出、消费提醒等。同时，系统支持多种设备访问，包括PC端和移动端，方便用户随时随地查看和管理个人财务。总之，SpringBoot大学生智能消费记账系统的设计与实现是一个功能完善、易用性强、安全可靠的大学生消费记账软件。通过使用该系统，大学生可以更好地管理个人财务，培养良好的消费习惯，为未来的生活打下坚实的基础。

内容概要：这份资源主题是Javaweb日记系统，采用的是maven工程，后端用到的技术有，实体层：Lombok注解开发；数据层：mybatis框架，虽然没有用到Spring和SpringMVC技术，但是后续可以改成SSM项目；前端主要采用vue+elementui实现页面的编写，以及axios框架实现异步请求。实现的功能有，日记的增删改查（添加，批量删除，修改日记，分页查询，模糊查询，上传图片功能待开发…… 适用人群：开设了Javaweb课程的本科生使用场景及目标：这份资源适用于Javaweb期末设计作业，也适合用于练习适用ssm项目和vue+elementui开发的模式，从而更好的入门Javaweb这门课程，为后续学习Java或者前端做好准备。其他说明：资源中包括：Java代码，jsp文件，静态资源，数据库sql文件，直接放在navicat执行，项目导入到idea，刷新pom.xml即可调试运行。

本项目是一个基于SSM框架（Spring、SpringMVC、MyBatis）的消防隐患在线举报系统。项目采用了当前主流的前后端分离开发模式，前端使用HTML、CSS和JavaScript进行页面布局和交互设计，后端使用Java语言进行业务逻辑处理。主要功能如下：用户注册与登录：用户可以在系统中注册并登录，以便进行消防隐患的举报。消防隐患举报：用户可以在线提交消防隐患信息，包括隐患地点、详细描述、图片等。举报信息管理：用户可以随时查看和管理自己提交的举报信息，如修改、删除等操作。管理员审核与处理：系统管理员可以对用户提交的举报信息进行审核和处理，确保隐患得到及时解决。数据统计与分析：系统可以根据举报信息进行数据统计和分析，为消防安全工作提供数据支持。技术亮点：采用SSM框架，实现了项目的高内聚、低耦合，便于后期维护和升级。使用MyBatis作为持久层框架，简化了数据库操作，提高了开发效率。前端使用了Bootstrap框架，实现了响应式布局，适应不同设备的显示效果。系统采用了分页查询、模糊查询等功能，提高了用户的使用体验。系统具有良好的扩展性，可以根据实际需求进行功能模块的添加和修改。演示视频和源码介绍将帮助用户更好地了解项目的实现过程和技术细节，为开发者提供参考和借鉴。

52,797

社区成员

25,305

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章