统一框架实现方法、系统、电子设备及存储介质技术方案

本申请公开了统一框架实现方法、系统、电子设备及存储介质，其中方法可包括：获取组件配置信息；将组件配置信息中的各组件对应的JSON对象解析为React语法的组件；基于解析得到的为组件库中的组件进行页面渲染，所述组件库中至少包括：按预定方式进行改造后的Antd组件。应用本申请所述方案，可提升开发效率等。可提升开发效率等。可提升开发效率等。

【技术实现步骤摘要】
统一框架实现方法、系统、电子设备及存储介质


[0001]本申请涉及计算机应用领域，特别涉及数据处理领域的统一框架实现方法、系统、电子设备及存储介质。

技术介绍

[0002]目前很多的项目前端开发(如页面开发)都是基于React框架实现的，并且由于Ant Design(Antd)组件库具有视觉简约、交互友好等特点，被广泛应用于React框架中。
[0003]要想应用Antd组件库，必须要有React技术基础。而React框架的技术门槛较高，上手相对困难，需要对React技术进行充分了解，从而增加了开发难度，降低了开发效率等。

技术实现思路

[0004]有鉴于此，本申请提供了统一框架实现方法、系统、电子设备及存储介质。
[0005]一种统一框架实现方法，包括：
[0006]获取组件配置信息；
[0007]将所述组件配置信息中的各组件对应的JSON对象解析为React语法的组件；
[0008]基于解析得到的为组件库中的组件进行页面渲染，所述组件库中至少包括：按预定方式进行改造后的Antd组件。
[0009]根据本申请一优选实施例，所述组件库中进一步包括以下之一或全部：从业务通用组件中抽离出的React组件、第三方库。
[0010]根据本申请一优选实施例，该方法进一步包括：针对所述组件配置信息中的任一组件，对所述组件进行合理性检查，若检查未通过，则按照预定方式进行异常处理。
[0011]根据本申请一优选实施例，所述进行合理性检查包括：确定所述组件的格式是否符合要求；确定所述组件是否为所述组件库中的组件；
[0012]所述检查未通过包括：所述组件的格式不符合要求，和/或，所述组件为所述组件库之外的组件。
[0013]根据本申请一优选实施例，该方法进一步包括：针对所述组件配置信息中的任一组件，对所述组件进行权限检查，若检查未通过，则不对所述组件进行展示。
[0014]根据本申请一优选实施例，该方法进一步包括：获取全局配置信息，根据所述全局配置信息进行初始化处理。
[0015]根据本申请一优选实施例，该方法进一步包括：为组件之间的交互提供交互应用程序接口，并提供前后端交互方法。
[0016]根据本申请一优选实施例，该方法进一步包括：将前端开发所用的预定工具库引入所述统一框架。
[0017]一种统一框架实现系统，包括：获取单元以及解析单元；
[0018]所述获取单元，用于获取组件配置信息；
[0019]所述解析单元，用于将所述组件配置信息中的各组件对应的JSON对象解析为
React语法的组件，基于解析得到的为组件库中的组件进行页面渲染，所述组件库中至少包括：按预定方式进行改造后的Antd组件。
[0020]根据本申请一优选实施例，所述组件库中进一步包括以下之一或全部：从业务通用组件中抽离出的React组件、第三方库。
[0021]根据本申请一优选实施例，所述解析单元进一步用于，针对所述组件配置信息中的任一组件，对所述组件进行合理性检查，若检查未通过，则按照预定方式进行异常处理。
[0022]根据本申请一优选实施例，所述解析单元确定所述组件的格式是否符合要求，并确定所述组件是否为所述组件库中的组件，若所述组件的格式不符合要求，和/或，所述组件为所述组件库之外的组件，则确定检查未通过。
[0023]根据本申请一优选实施例，所述解析单元进一步用于，针对所述组件配置信息中的任一组件，对所述组件进行权限检查，若检查未通过，则不对所述组件进行展示。
[0024]根据本申请一优选实施例，所述获取单元进一步用于，获取全局配置信息，根据所述全局配置信息进行初始化处理。
[0025]根据本申请一优选实施例，所述系统中进一步包括：应用单元，用于为组件之间的交互提供交互应用程序接口，并提供前后端交互方法。
[0026]根据本申请一优选实施例，所述应用单元进一步用于，将前端开发所用的预定工具库引入所述统一框架。
[0027]一种电子设备，包括：
[0028]至少一个处理器；以及
[0029]与所述至少一个处理器通信连接的存储器；其中，
[0030]所述存储器存储有可被所述至少一个处理器执行的指令，所述指令被所述至少一个处理器执行，以使所述至少一个处理器能够执行如以上所述的方法。
[0031]一种存储有计算机指令的非瞬时计算机可读存储介质，所述计算机指令用于使所述计算机执行如以上所述的方法。
[0032]上述申请中的一个实施例具有如下优点或有益效果：可通过JSON配置实现页面开发，无需对React技术进行充分了解，从而降低了技术门槛和上手难度，即降低了开发难度，进而提升了开发效率等；除改造后的Antd组件外，还可将从业务通用组件中抽离出的React组件加入到组件库中，从而使得框架能够覆盖更多的业务场景，减少了相似场景的重复研发量，另外，还可将第三方库加入到组件库中，从而简化了这些第三方库的使用方式等；可对组件配置信息中的各组件进行合理性检查和/或权限检查，从而可及时发现问题组件，进而可确保后续处理的顺利进行等；可为组件之间的交互提供应用程序接口，并可提供前后端交互方法，从而可使得组件之间的交互更为灵活，并方便了前后端交互等；此外还可引入前端开发所用的预定工具库，从而在需要时无需再额外引用这些库，进而提升了框架的易用性等；上述可选方式所具有的其它效果将在下文中结合具体实施例加以说明。
附图说明
[0033]附图用于更好地理解本方案，不构成对本申请的限定。其中：
[0034]图1为本申请所述UF框架实现方法实施例的流程图；
[0035]图2为本申请所述UF框架的整体实现方式示意图；
[0036]图3为本申请所述UF框架实现系统300实施例的组成结构示意图；
[0037]图4为根据本申请实施例所述方法的电子设备的框图。
具体实施方式
[0038]以下结合附图对本申请的示范性实施例做出说明，其中包括本申请实施例的各种细节以助于理解，应当将它们认为仅仅是示范性的。因此，本领域普通技术人员应当认识到，可以对这里描述的实施例做出各种改变和修改，而不会背离本申请的范围和精神。同样，为了清楚和简明，以下的描述中省略了对公知功能和结构的描述。
[0039]另外，应理解，本文中术语“和/或”，仅仅是一种描述关联对象的关联关系，表示可以存在三种关系，例如，A和/或B，可以表示：单独存在A，同时存在A和B，单独存在B这三种情况。另外，本文中字符“/”，一般表示前后关联对象是一种“或”的关系。
[0040]图1为本申请所述统一框架(UF，Unified Framework)实现方法实施例的流程图。如图1所示，包括以下具体实现方式。
[0041]在101中，获取组件配置信息。
[0042]在102中，将组件配置信息中的各组件对应的JSON对象解析为React语法的组件。...

【技术保护点】

【技术特征摘要】
1.一种统一框架实现方法，其特征在于，包括：获取组件配置信息；将所述组件配置信息中的各组件对应的JSON对象解析为React语法的组件；基于解析得到的为组件库中的组件进行页面渲染，所述组件库中至少包括：按预定方式进行改造后的Antd组件。2.根据权利要求1所述的方法，其特征在于，所述组件库中进一步包括以下之一或全部：从业务通用组件中抽离出的React组件、第三方库。3.根据权利要求1所述的方法，其特征在于，该方法进一步包括：针对所述组件配置信息中的任一组件，对所述组件进行合理性检查，若检查未通过，则按照预定方式进行异常处理。4.根据权利要求3所述的方法，其特征在于，所述进行合理性检查包括：确定所述组件的格式是否符合要求；确定所述组件是否为所述组件库中的组件；所述检查未通过包括：所述组件的格式不符合要求，和/或，所述组件为所述组件库之外的组件。5.根据权利要求1所述的方法，其特征在于，该方法进一步包括：针对所述组件配置信息中的任一组件，对所述组件进行权限检查，若检查未通过，则不对所述组件进行展示。6.根据权利要求1所述的方法，其特征在于，该方法进一步包括：获取全局配置信息，根据所述全局配置信息进行初始化处理。7.根据权利要求1所述的方法，其特征在于，该方法进一步包括：为组件之间的交互提供交互应用程序接口，并提供前后端交互方法。8.根据权利要求1所述的方法，其特征在于，该方法进一步包括：将前端开发所用的预定工具库引入所述统一框架。9.一种统一框架实现系统，其特征在于，包括：获取单元以及解析单元；所述获取单元，用于获取组件配置信息；所述解析单元，用于将所述组件配置信息中的各组件对应的JSON对象解析为React语法的组件，基于解析得到的为组件库中的组件进行页面渲染，所述组件库中至少包括：...

【专利技术属性】
技术研发人员：苏思思，刘泽春，
申请(专利权)人：北京百度网讯科技有限公司，
类型：发明
国别省市：