建立业务逻辑组件与业务组件及生成页面的方法与系统技术方案

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

Method and system of establishing business logic component and business component and generating page

【技术实现步骤摘要】
建立业务逻辑组件与业务组件及生成页面的方法与系统
本专利技术涉及前端开发
，具体地涉及一种业务逻辑组件、业务组件的建立方法与建立系统、及基于模板生成页面的方法与系统。
技术介绍
目前，在前端页面开发中，大幅度地普及推广了以组件化的开发方式来提升开发效率的措施。前端页面的组件化开发是指将页面的某一部分独立出来，并将该部分的数据层(M)、视图层(V)和控制层(C)用黑盒的形式全部封装到一个组件内，与此同时，暴露出一些开箱即用的函数和属性以供外部组件调用。前端页面的组件包含HTML、CSS、JavaScript及组件的模板、样式与交互等内容。外部组件只要按照前端页面的组件提前设定的属性、函数及事件处理等进行调用即可，完全不用考虑内部的实现逻辑，也就是说，对外部来说前端页面的组件是一个完全的黑盒。有许多企业向开源社区开发贡献了许多充分设计开发的页面中常用的用户界面组件库，如Antd、element等。但是，仅仅利用用户界面组件开发页面，简化的仅仅是页面的部分展示与交互的开发工作。前端研发想要根据业务需求完整的实现一个页面开发，不但要组合使本文档来自技高网...

【技术保护点】
1.一种业务逻辑组件的建立方法，其特征在于，该建立方法包括：/n提取页面中的业务逻辑；/n建立关于所述业务逻辑的业务流程函数组件；以及/n在所述业务流程函数组件中预留用于与第一用户界面组件和/或业务组件连接的第一槽位，以形成第一业务逻辑组件，/n其中，所述业务组件由第二业务逻辑组件通过第二槽位连接第二用户界面组件组成。/n

【技术特征摘要】
1.一种业务逻辑组件的建立方法，其特征在于，该建立方法包括：
提取页面中的业务逻辑；
建立关于所述业务逻辑的业务流程函数组件；以及
在所述业务流程函数组件中预留用于与第一用户界面组件和/或业务组件连接的第一槽位，以形成第一业务逻辑组件，
其中，所述业务组件由第二业务逻辑组件通过第二槽位连接第二用户界面组件组成。


2.根据权利要求1所述的业务逻辑组件的建立方法，其特征在于，所述在所述业务流程函数组件中预留用于与第一用户界面组件和/或业务组件连接的第一槽位包括：通过renderprops技术在所述业务流程函数组件中预留所述第一槽位。


3.一种业务组件的建立方法，其特征在于，该建立方法包括：
响应于业务场景的需求，调用与所述需求相对应的通过根据权利要求1或2所述的业务逻辑组件的建立方法建立的业务逻辑组件及用户界面组件和/或业务组件；以及
通过所述业务逻辑组件中的槽位将该业务逻辑组件与所述用户界面组件和/或所述业务组件连接。


4.根据权利要求3所述的业务组件的建立方法，其特征在于，在所述用户界面组件为父子组件的情况下，该建立方法还包括：
通过工具函数接收第一参数与第二参数，所述第一参数对应于父组件，所述第二参数对应于子组件；以及
通过所述业务逻辑组件中的槽位将所述业务逻辑组件与所述父组件及所述子组件连接。


5.根据权利要求3或4所述的业务组件的建立方法，其特征在于，该建立方法还包括：
通过所述业务逻辑组件中的槽位将与所述需求对应的业务数据及业务流程函数传递给所述用户界面组件和/或所述业务组件。


6.根据权利要求5所述的业务组件的建立方法，其特征在于，...

【专利技术属性】
技术研发人员：程亚杰，
申请(专利权)人：贝壳技术有限公司，
类型：发明
国别省市：天津;12