[发明专利]一种基于MVC框架高效开发带过滤功能生成列表页的方法

说明书

本发明公开了一种基于MVC框架高效开发带过滤功能生成列表页的方法，包括以下步骤：采用触发式执行promise接收数据，当页面当数据变化时，会触发数据model脏检查行为，指令pipe将收集整个过滤区域及翻页区域参数，将作为参数传入自定义的promise中，变化后的参数由用户选择性提取，再次执行对服务的请求，接收新的列表数据。本发明能够改进现有技术的不足，代码结构清淅，可以及时更新data数据。

技术领域

本发明涉及软件技术领域，尤其是一种基于MVC框架高效开发带过滤功能生成列表页的方法。

背景技术

MVC全名是Model View Controller，是模型(model)－视图(view)－控制器(controller)的缩写，一种软件设计典范，用一种业务逻辑、数据、界面显示分离的方法组织代码，将业务逻辑聚集到一个部件里面，在改进和个性化定制界面及用户交互的同时，不需要重新编写业务逻辑。MVC被独特的发展起来用于映射传统的输入、处理和输出功能在一个逻辑的图形化用户界面的结构中。

到目前为止，已经知道浏览器将 Web 页面转换为对象表示，可能甚至会猜想，对象表示是 DOM 树。DOM 表示 Document Object Model，是一个规范，可从 World Wide WebConsortium (W3C) 获得。但更重要的是，DOM 定义了对象的类型和属性，从而允许浏览器表示标记。

目前现有web应用通过发送request请求接收middle ware接口返回的response数据，并根据响应的数据动态生成页面元素，并针对生成的元素绑定相应的数据属性，rows列表，处理列表及直接获取页面元素用以操作dom，在 Ajax 应用程序中或任何其他JavaScript 中，可以使用这些节点产生下列效果，比如移除元素及其内容，突出显示特定文本，或添加新图像元素。因为都发生在客户端（运行在 Web 浏览器中的代码），所以这些效果立即发生，而不与服务器通信。最终结果通常是应用程序感觉起来响应更快，因为当请求转向服务器时以及解释响应时，Web 页面上的内容更改不会出现长时间的停顿。

但是，该方案将会直接操作dom元素与事件的绑定，更涉及到堆内存的释放，繁锁的dom操作容易导致业务逻辑不清淅，代码维护成本比较高；且因每次进入该一个功能模块时会生成一个新的页码对象，然后在表格列表函数做递归操作，导致跳出递归方法需用判断自身页码对象有无存在，导致每次跳出都需要清除页码对象。

发明内容

本发明要解决的技术问题是提供一种基于MVC框架高效开发带过滤功能生成列表页的方法，能够解决现有技术的不足，代码结构清淅，可以及时更新data数据。

为解决上述技术问题，本发明所采取的技术方案如下。

一种基于MVC框架高效开发带过滤功能生成列表页的方法，包括以下步骤：采用触发式执行promise接收数据，当页面当数据变化时，会触发数据model脏检查行为，指令pipe将收集整个过滤区域及翻页区域参数，将作为参数传入自定义的promise中，变化后的参数由用户选择性提取，再次执行对服务的请求，接收新的列表数据。

作为优选，编写好的基于MVC依赖注入的指令名为stable，需要功能模块需要的dom文档及css文件，然后引用本方案所需要的stable可复用指令、预置html、css文件；在单页面模块中引用下列依赖文件：

（1）Stable.js，包含设计插件的指令文件，前提注入到app的主模块中；

（2）Stable.css，包含设计插件的样式文件；

（3）Stable.html包含设计插件的dom元素集；

Stable.html文件中结构分为下列结构：

（1） head结构体，用于设计过滤参数的收集及其过滤交互的设计区；