[发明专利]业务组件开发方法、装置、电子设备及介质

说明书

本申请提供了一种业务组件开发方法、装置、电子设备及介质。该方法包括：获取目标代码信息，目标代码信息包括目标用户界面UI组件对应的代码信息以及目标业务逻辑对应的代码信息中的至少一项，目标UI组件对应的代码信息以及目标业务逻辑对应的代码信息分别为独立开发的代码信息，基于目标代码信息确定目标业务组件对应的代码信息。本申请实现了降低UI组件与业务逻辑之间的耦合度，从而可以方便的利用独立开发的业务逻辑和UI组件中的至少一项开发业务组件，进而降低业务组件二次开发的复杂度，提高开发效率。

技术领域

本申请涉及计算机软件技术领域，具体而言，本申请涉及一种业务组件开发方法、装置、电子设备及介质。

背景技术

随着互联网产业的高速发展，应用程序也呈现了高速增长的态势，应用程序包括至少一个业务组件，每个业务组件包括用户界面(User Interface，UI)组件以及业务逻辑。通常情况下，一些业务组件适用于多个应用程序，而针对这种情况，开发者需要针对每个应用程序开发相似的业务组件，极大的影响了开发效率，因此，如何对业务组件进行二次开发成为关键性的技术。

现有技术中，针对开发者开发的业务组件，其UI组件与业务逻辑的耦合度较高，即UI组件与业务逻辑强相关。针对这类UI组件与业务逻辑耦合度较高的业务组件，开发者难以从业务组件中抽取出UI组件以及业务逻辑，且在抽取得到的UI组件的基础上，开发者还需要编写与业务组件中的业务逻辑具有相似功能的新代码，即开发与原业务逻辑的功能相似的新业务逻辑，或者基于UI组件与业务逻辑耦合度较高的业务组件，采用React生态下业界现有的业务逻辑复用方案，实现对业务组件的二次开发，其中，React生态下业界现有的业务逻辑复用方案主要为以下三种：

1、第一种业务逻辑复用方案为Mixins，该方案是将一个对象的属性拷贝至另一个对象上，从而实现通过Mixin定义各生命周期中需执行的业务逻辑代码，并挂载到React组件中，例如：

var LogMixin＝{

log:function(){

console.log(‘log’)；},

componentDidMount:function(){

console.log(‘in’)；},

componentWillUnmount:function(){

console.log(‘out’)；}}；

var User＝React.createClass({

mixins:[LogMixin],

render:function(){

return(div…/div)}})；

var Goods＝React.createClass({

mixins:[LogMixin],

render:function(){

return(div…/div)}})；

上述代码为使用Mixin记录用户行为的代码，在LogMixin中定义业务逻辑代码，并挂载到React.createClass中。

其中，Mixins复用方案中依然存在UI组件与业务逻辑耦合度较高的问题，且Mixins较多时可能存在Mixins之间相互耦合的问题，增加代码的复杂性；