树层级处理上万条数据优化!
  TEZNKK3IfmPf 2024年08月02日 36 0

原因

经过仔细寻找,发现服务器上所有的数据库都没了……

然后就开始分析原因,是因为刚刚在创建表的时候失误删掉了?也不可能啊,除了手动用工具创建表之外,执行的sql语句也就个​​select * from 表名​​啊,不可能会误删掉呢。。。

于是我将超时时间设置成30秒之后,果然没有问题,部门数据在12-13秒左右就加载出来了,但是用户体验度极差。

后来经过仔细对代码分析得出,后台查询数据库1万条是没有问题,那时间浪费在哪里呢?浪费在了将接口中返回的数据封装成树的方法上了,代码如下:

树层级处理上万条数据优化! image-20211204222559860

此处是页面一进来加载时就查询所有数据,然后通过调用​​handleTree​​,将数据组装成树状展示在表单中。

树层级处理上万条数据优化!

<el-form-item label="归属部门" prop="deptId">
<treeselect
v-model="form.deptId"
:options="deptOption"
:load-options="loadOptions"
placeholder="请选择归属部门"
/>
</el-form-item>
【版权声明】本文内容来自摩杜云社区用户原创、第三方投稿、转载,内容版权归原作者所有。本网站的目的在于传递更多信息,不拥有版权,亦不承担相应法律责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@moduyun.com

  1. 分享:
最后一次编辑于 2024年08月02日 0

暂无评论

推荐阅读
  TEZNKK3IfmPf   2024年08月09日   56   0   0 javascript前端
TEZNKK3IfmPf