[发明专利]基于页面组件化的系统和方法

权利要求书

1.一种基于页面组件化的系统，其特征在于：包括：

组件封装模块，用于采用前端Angularjs框架，BootStrap框架以及JavaScript技术将页面常用控件封装成各个组件；

组件定义模块，用于为每个组件设置Json协议、定义对应属性及与其他组件之间的联通关系；

界面编辑模块，用于为定义好的组件设置编辑对话框，定义控件ID文本框以及按照业务逻辑参考组件开发文档定义的事件、方法、属性和对应的后台业务流程ID来定义Json协议多行文本框；和

业务调试模块，将经过界面编辑模块定义完成的业务页面发布到业务设计页面进行业务调试。

2.根据权利要求1所述的一种基于页面组件化的系统，其特征在于：所述界面编辑模块中通过ajax模块调用后台http接口传递页面输入参数。

3.根据权利要求1所述的一种基于页面组件化的系统，其特征在于：所述业务调试模块中通过对应业务流程引擎计算出结果并将其结果发布到业务设计页面进行业务调试。

4.采用权利要求1至3中任意一项所述的一种基于页面组件化的系统的方法，其特征在于：包括以下步骤：

步骤1、将页面常用控件封装成各个组件；

步骤2、通过组件定义模块为各组件设置Json协议、定义对应属性及与其他组件之间的联通关系；

步骤3、将定义好的组件拖拽到界面编辑模块中，点击每个组件的编辑对话框设置对应的控件ID文本框以及按照业务逻辑参考组件开发文档定义的事件、方法、属性、对应的后台业务流程ID定义Json协议多行文本框；

步骤4、将定义好的业务页面进行保存，通过对应业务流程引擎计算出结果并将其发布到业务设计页面进行业务调试，确认页面满足业务的操作需求和数据展示返回给页面进行展现。

5.根据权利要求4所述的一种基于页面组件化的方法，其特征在于：所述步骤1中采用前端Angularjs框架，BootStrap框架以及JavaScript技术将页面常用控件封装成各个组件。

6.根据权利要求4所述的一种基于页面组件化的方法，其特征在于：所述步骤3中通过ajax模块调用后台http接口传递页面输入参数进行编辑。