基于Javascript， Springboot的管理系统报表查询页面代码设计

前言：

以经验来看，几乎全部的查询页面中可能是这样的状况， 在页面的上半部分可能是查询条件， 下半部分则可能是显示效果， 可是在开发中确定会有不少的复杂的结构，细节实现。函数不知不以为就变的不少，这也致使前端的JavaScript代码写的愈来愈乱， 即便刚开始的时候将代码设计的很清晰， 可是随着代码量的增多， 你会发现越来难写， 而后最可怕的东西来了， 需求变更。 这就致使不少的东西须要大量改动。

1、业务过程

在实践过程当中我发现这样一件简单的事实，无论需求怎样变更， 细节须要怎样处理， 实际上咱们须要作的事情不过是获取查询参数，进行查询。以函数级为定量，进行参数查询。基于这个过程，能够将业务分为如下几个阶段：页面加载、页面初始化、参数查询、页面渲染。

2、 阶段设计

参考Vue的实现：

我发现，在实现vue实例的过程当中，每一个阶段都为该阶段绑定了两个钩子函数，before和after，基于这样的操做使得每一个阶段被细化，而且十分完整。基于这样的理念， 咱们在设计代码的时候也能够这样作， 就是 咱们能够将四个阶段细化为12个阶段， before、 init、 after分别用于每一个阶段，能够实现本身的结构划分， 交由一个对象管理， 包括全局对象的设置也能够交由这个对象管理，这样就能够大大增长代码的可扩展性。