[发明专利]建立业务逻辑组件与业务组件及生成页面的方法与系统

说明书

本发明涉及前端开发技术领域，公开一种业务逻辑组件、业务组件的建立方法与系统、及基于模板生成页面的方法与系统。所述建立方法包括：提取页面中的业务逻辑；建立关于业务逻辑的业务流程函数组件；及在业务流程函数组件中预留用于与第一用户界面组件和/或业务组件连接的第一槽位，以形成第一业务逻辑组件，业务组件由第二业务逻辑组件通过第二槽位连接第二用户界面组件组成。本发明可实现业务逻辑组件与用户界面(UI)组件的解耦，且可通过预留的槽位实现业务逻辑组件与UI组件的灵活配置，进而实现业务逻辑组件与UI组件的增量或定制化的持续迭代，高效完成业务组件的建立过程，此外，还可基于模板及灵活配置的业务组件实现多样且定制化的页面。

技术领域

本发明涉及前端开发技术领域，具体地涉及一种业务逻辑组件、业务组件的建立方法与建立系统、及基于模板生成页面的方法与系统。

背景技术

目前，在前端页面开发中，大幅度地普及推广了以组件化的开发方式来提升开发效率的措施。前端页面的组件化开发是指将页面的某一部分独立出来，并将该部分的数据层(M)、视图层(V)和控制层(C)用黑盒的形式全部封装到一个组件内，与此同时，暴露出一些开箱即用的函数和属性以供外部组件调用。前端页面的组件包含HTML、CSS、JavaScript及组件的模板、样式与交互等内容。外部组件只要按照前端页面的组件提前设定的属性、函数及事件处理等进行调用即可，完全不用考虑内部的实现逻辑，也就是说，对外部来说前端页面的组件是一个完全的黑盒。

有许多企业向开源社区开发贡献了许多充分设计开发的页面中常用的用户界面组件库，如Antd、element等。但是，仅仅利用用户界面组件开发页面，简化的仅仅是页面的部分展示与交互的开发工作。前端研发想要根据业务需求完整的实现一个页面开发，不但要组合使用适合的用户界面组件，还要每次编码大量的业务逻辑代码，且这部分业务逻辑代码无法在不同的项目之间复用。然而，对于一个业务快速迭代和拓展的企业来说，不同业务项目之间客观存在许多相同的业务逻辑，且在项目本身的迭代中，业务逻辑的变更有时需要保持历史版本的有效性，而不是只将原有逻辑修改为新逻辑。例如，关于合同页面的逻辑，在需要保存历史合同的逻辑的同时，还需要开发与新合同对应的新的业务逻辑。在这种情形下，如果项目页面中的业务逻辑无法被抽离复用，就需要编写大量重复的业务逻辑代码，或者大量的兼容历史逻辑的业务逻辑代码难以维护。因此，前端页面中的业务逻辑代码同样需要实现组件化复用。

发明内容

本发明的目的是提供一种业务逻辑组件、业务组件的建立方法与建立系统、及基于模板生成页面的方法与系统，其可实现业务逻辑组件与用户界面组件的解耦，并且可通过预留的槽位实现大量的业务逻辑的复用，即可实现业务逻辑组件与用户界面组件的灵活配置，进而可实现业务逻辑组件与用户界面组件的增量或定制化的持续迭代，高效地完成业务组件的建立过程，此外，还可基于模板及灵活配置的业务组件实现多样且定制化的页面。

为了实现上述目的，本发明第一方面提供一种业务逻辑组件的建立方法，该建立方法包括：提取页面中的业务逻辑；建立关于所述业务逻辑的业务流程函数组件；以及在所述业务流程函数组件中预留用于与第一用户界面组件和/或业务组件连接的第一槽位，以形成第一业务逻辑组件，其中，所述业务组件由第二业务逻辑组件通过第二槽位连接第二用户界面组件组成。

优选地，所述在所述业务流程函数组件中预留用于与第一用户界面组件和/或业务组件连接的第一槽位包括：通过renderprops技术在所述业务流程函数组件中预留所述第一槽位。

通过上述技术方案，本发明创造性地首先提取页面中的业务逻辑，然后在建立关于业务逻辑的业务流程函数组件之后，在业务流程函数组件中预留槽位以用于连接用户界面组件和/或业务组件，从而形成业务逻辑组件，由此，其可实现业务逻辑组件与用户界面组件的解耦，并且通过预留的槽位实现大量的业务逻辑的复用，从而实现业务逻辑组件与用户界面组件的灵活配置。