首页 > 其他分享 >同时处理列表分页加载功能和Reload功能经验

同时处理列表分页加载功能和Reload功能经验

时间:2023-07-12 22:23:11浏览次数:39  
标签:功能 请求 页数 列表 Reload 搜索 数据 加载

功能背景: 1.  首先我们这个列表它带有搜索功能 2. 左边是列表,右边为详情。 3. 页面上方有添加新项功能, 会放到第一个。 4. 这是一个零件列表, 同一个页面可以有无数个这种零件列表     第一,列表带有搜索功能,当搜索的发生改变时要将请求页数重置为1。这里我们应该如何做呢?当请求成功并拿到数据后,通过ref来保留上一次搜索的值, 然后每次请求的时候去对比这两个值是否相同。     第二,这个列表之前有一个非常大的坑。就是之前的请求页数是根据接口获取的,而不是存在本地的,我们需要将其改为存在本地, 不然每次你去修改第一页的数据时,你的请求页数就变为1了。   第三,当我们新增一个选项时,我们需要将页数重置为1并将所有数据改为第一页数据。这是因为新增的数据会根据创建时间排在第一项。    第四,考虑到性能问题,我们一次只能请求一页的数据,而不能请求全部数据,然后在这一页的数据中根据ID筛选出我们刚刚修改的数据, 进行替换。   第五,网络差的时候可能获取不到修改选项页面的数据   第六,考虑当查看零件列表A详情时去更新零件列表B的数据。   第七,需要处列表组件中“能否加载下一页”变量的问题   第八,考虑重复搜索同一个值, 翻页和不翻页两种情况

标签:功能,请求,页数,列表,Reload,搜索,数据,加载
From: https://www.cnblogs.com/it-Ren/p/17549018.html

相关文章

  • vue3 图片懒加载
    使用vue第三方库useIntersectionObserver创建文件directives/index.js导入第三方库import{useIntersectionObserver}from'@vueuse/core'exportconstlazyPlugin={install(app){app.directive('img-lazy',{mounted(el,binding){......
  • PostgreSQL(pg) /MYSQL数据库,使用递归查询(WITH RECURSIVE)功能来实现获取指定菜单ID的
      PostgreSQL/MYSQL数据库,使用递归查询(WITHRECURSIVE)功能来实现获取指定菜单ID的所有下级菜单数据。下方用例是假设菜单表menu的改成自己的表即可WITHRECURSIVEmenu_hierarchyAS(SELECTid,name,parent_idFROMmenuWHEREid=<指......
  • Java实现浏览器端大文件分片上传功能
    ​ 第一点:Java代码实现文件上传FormFilefile=manform.getFile();StringnewfileName= null;Stringnewpathname= null;StringfileAddre= "/numUp";try{    InputStreamstream=file.getInputStream();// 把文件读入    StringfilePath=request.......
  • 华普智通HP-VSSP-1380 多功能型可变限速标志
    一种多功能可变限速标志,全点阵交通诱导信息屏,同时可兼顾交通管理信息发布和限速信息发布的功能。定制化一体服务公司介绍公司简介华普智通科技有限公司是一家专注于智能交通产品研发的企业,尤其专注于道路交通安全产品的方案研发。赋能智慧安全路网 ,共筑智能交通平台是我......
  • 直播app开发搭建,手指滑动横向切换tabar功能实现
    直播app开发搭建,手指滑动横向切换tabar功能实现<script>import{mapState}from'vuex'; exportdefault{data(){return{swiperCurrent:0,currentNum:0,tabs:[[{value:'111111111111'},{value:'2222222222'},{value:'33333333......
  • Tita 升级|部门批量导入导出功能上线
    部门支持批量导入导出Tita-OKR和新绩效一体化管理平台使用场景:1.初始化系统数据时,新建大量部门;2.有很多部门需要批量修改很多信息,如部门负责人、HRBP等,导出导入后批量维护信息点击批量导入/导出按钮,根据需求下载相应模板(如新建部门时下载空的模板即可;更新已有的部门数据时......
  • 数字码头系统APP开发实例之会员端功能模块介绍
    数字码头是一款聚合性电商系统,目前开发的数字码头APP1.0版本包含的电商系统、积分系统、看广告系统、卷轴模式系统、签到模块组成。下面我就数字码头系统开发的功能模块,和大家展开探讨,本文主要的内容是主题模块架构和APP闭环商业逻辑的分享。任务一个商业模式系统都要围绕用户激励......
  • 封装图片处理工具类,实现图片的裁剪、压缩、图片水印、文字水印、多行文字水印等功能
    目录一、前言二、工具类的依赖和简单介绍1、添加依赖2、简单的使用3、加载需要处理的图片4、添加图片处理规则4.1Builder的方式4.2使用规则工厂的方式5、输出处理后的图片三、使用方式1、图片裁剪图片裁剪规则实体类1.1按长宽裁剪1.1.1示例代码1.1.2实现效果1.2按比例裁剪1......
  • 砍价功能实现
    在开发中,有这么个需求:做一个砍价的功能,要求可以设置砍价人数、商品最低价、也就是砍完后最低的价格、可以砍小数(比如:56.35元)以下是功能实现代码:一、实现思路:首先有一个后台管理系统、还有一个小程序。在后台管理系统中:开发【砍价活动】功能,新增一个砍价活动,设置砍价人数、商......
  • 分布式多协议接入网关FluxMQ-2.0功能说明
    FluxMQ—2.0版本更新内容前言FLuxMQ是一款基于java开发,支持无限设备连接的云原生分布式物联网接入平台。FluxMQ基于Netty开发,底层采用Reactor3反应堆模型,具备低延迟,高吞吐量,千万、亿级别设备连接;方便企业快速构建其物联网平台与应用。FluxMQ官网:https://www.fluxmq.comFluxMQ......