相关文章推荐
沉着的热水瓶  ·  Assets, Resources and ...·  1 年前    · 
留胡子的毛豆  ·  Android Jetpack ...·  1 年前    · 
非常酷的课本  ·  java - RxJava - emit ...·  1 年前    · 

碰到的这样的需求。。。

3 年前 · 来自专栏 前端大杂烩

可以说是要将 excel 中功能,也不是全部吧,至少把数据可视化那部分已经搬到了 web 上来了,真是吐血啊,找了一堆插件,竟然没有找到一个插件满足现有需求的,找到一个貌似可以的,但是就是太死板了,如果那种数据需要合并那么就鸡鸡了,接下来我们看看我找的几个插件吧

第一个 :handsontable 一点都不 handson

第二个:webdatarocks

第三个:funk 收费的,但是同样不满足需求

第四个:吐血啊,只能自己写咯

先来看看需求吧,先来分析一下吧

在右边可以展示一些可以筛选的字段,还有可以拖拽到下面四个方框中的任意一个,上面的那些字段依然存在,只是下面有了你刚刚拖拽的字段,不过,后来认为列那里没必要实现了,只有行就好了,通过筛选啊,行放置数据,计算值的形式,将数据库的数据查询出来,展示在列表左侧

点击向下箭头的时候,会弹出来 menu 菜单,但是感觉那个上移,下移,移至首端,移至末端没必要实现,感觉下面这些操作,对我们目前的需求没有太大的用处

我们数据不会在前端处理,都是从后台处理完再发给前端,因为前端承受不起啊,只能在数据库里做处理,做优化,这里的数据量其实也挺大的,所以也不可能全部请求过来,也是需要分页的,前端只需要把用户筛选的字段发给后端,后端查找数据库,数据处理完再给前端展示。

这样一来,其实也不太难了,最难就是拖拽那块了,什么时候发送请求,需要更新,这个需要前端要考虑的

至于拖拽那块,我貌似要走老路了,就是使用 sortable.js 来处理,这玩意也是有坑啊,上次写拖拽表格也是领教过了,这玩意在 mounted 的时候总是报错,因为数据的动态请求的,可能会有一些影响啊

这样一分析,其实也没有太大的难度了,明天大展身手一下,试试自己的目前意想的能否实现呢?

还有很多问题,是否有些功能有必要去实现

像上移,下移,移至首端,移至尾端,有必要实现?







发布于 2019-12-10 22:38

文章被以下专栏收录

    前端大杂烩

    前端大杂烩

    前端大杂烩