自定义跨平台界面布局的配置方法、系统、存储介质及计算机设备与流程

本发明涉及界面布局处理，尤其涉及一种自定义跨平台界面布局的配置方法、系统、存储介质及计算机设备。

背景技术：

1、在工作使用场景中，当团体人数从1000到1万甚至走向10万的时候，或者当团体的业务系统从1个到10个甚至到100个的时候，团体之间的用户行为习惯会产生巨大差异，不可避免的就会带来每个团体不可调和的界面定制需求。

2、而纵观市场平台系统所提供的界面比较单一，通常需要通过定制化方式来满足每个不同团体所需。但如何更及时、更高效、更简单的响应界面差异化，需要一套灵活可适配不同团体的配置化能力，可以让团体通过可视化设计界面的布局和样式来定义自己的工作使用方式，而不是为每个团体重复开发。

3、综上可知，现有的方法在实际使用上，存在着较多的问题，所以有必要加以改进。

技术实现思路

1、针对上述的缺陷，本发明的目的在于提供一种自定义跨平台界面布局的配置方法，系统、存储介质及其计算机设备，能够通过预置的ui配置参数对ui界面布局进行自定义设置，降低表现层重复定制的开发成本。

2、为了实现上述目的，本发明提供一种自定义跨平台界面布局的配置方法，包括步骤：

3、对预置的ui配置参数进行开发调试；其中，所述ui配置参数为自定义界面布局中的界面元素的参数信息；

4、若所述ui配置参数经开发调试生效，则将基于所述ui配置参数生成的代码提交至代码托管仓库；

5、通过集成工具平台对所述代码进行打包；

6、读取所述代码中的所述ui配置参数，并生成可读取字段以导入至工程中；

7、读取并解析所述ui配置参数，根据所述ui配置参数中的参数对应值进行ui渲染显示。

8、可选的，所述对预置的ui配置参数进行开发调试的步骤之前还包括：

9、根据初始界面配置的初始公共基础组件生成统一配置文件清单，基于所述统一配置文件清单以自定义所述ui配置参数。

10、可选的，所述对预置的ui配置参数进行开发调试的步骤具体包括：

11、在本地临时配置的开发文件中新增所述ui配置参数，并对所述ui配置参数进行开发调试。

12、可选的，所述读取所述代码中的所述ui配置参数，并生成可读取字段以导入至工程中的步骤具体包括：

13、根据所述ui配置参数与初始界面配置参数，确定当前的界面参数值是否更改；

14、若需要更改，则读取所述ui配置参数，并生成可读取字段以导入至所述工程中。

15、可选的，所述读取所述代码中的所述ui配置参数，并生成可读取字段以导入至工程中的步骤还包括：

16、通过jenkins集成工具读取所述代码中的所述ui配置参数；

17、通过运行脚本生成客户端可读取字段并导入到所述工程中。

18、可选的，所述读取并解析所述ui配置参数，根据所述ui配置参数中的参数对应值进行ui渲染显示的步骤具体包括：

19、在跨平台系统冷启动时读取并解析所述ui配置参数中的所述参数对应值；

20、根据所述参数对应值进行ui渲染显示。

21、可选的，所述对预置的ui配置参数进行开发调试的步骤之后还包括：

22、若所述ui配置参数经开发调试未生效，则生成测试失败的反馈信息。

23、还提供了一种自定义跨平台界面布局的配置系统，包括有：

24、开发调试模块，用于对预置的ui配置参数进行开发调试；其中，所述ui配置参数为自定义界面布局中的界面元素的参数信息；

25、托管模块，用于若所述ui配置参数经开发调试生效，则将基于所述ui配置参数生成的代码提交至代码托管仓库；

26、打包模块，用于通过集成工具平台对所述代码进行打包；

27、参数读取模块，用于读取所述代码中的所述ui配置参数，并生成可读取字段以导入至工程中；

28、解析渲染模块，用于读取并解析所述ui配置参数，根据所述ui配置参数中的参数对应值进行ui渲染显示。

29、另外，还提供了一种存储介质和计算机设备，所述存储介质用于存储一种用于执行上述自定义跨平台界面布局的配置方法的计算机程序。

30、所述计算机设备包括存储介质、处理器以及存储在所述存储介质上并可在所述处理器上运行的计算机程序，所述处理器执行所述计算机程序时实现上述的自定义跨平台界面布局的配置方法。

31、本发明所述的自定义跨平台界面布局的配置方法及其系统，通过对预置的ui配置参数进行开发调试；其中，所述ui配置参数为自定义界面布局中的界面元素的参数信息；若所述ui配置参数经开发调试生效，则将基于所述ui配置参数生成的代码提交至代码托管仓库；通过集成工具平台对所述代码进行打包；读取所述代码中的所述ui配置参数，并生成可读取字段以导入至工程中；读取并解析所述ui配置参数，根据所述ui配置参数中的参数对应值进行ui渲染显示。即本发明能够通过预置的ui配置参数对ui界面布局进行自定义设置，从而无需开发不同界面分布的ui界面，降低表现层重复定制的开发成本；本发明有助于不同用户在工作使用场景时个性展示、且跨平台使用更加顺畅。

技术特征：

1.一种自定义跨平台界面布局的配置方法，其特征在于，包括步骤：

2.根据权利要求1所述的自定义跨平台界面布局的配置方法，其特征在于，所述对预置的ui配置参数进行开发调试的步骤之前还包括：

3.根据权利要求1所述的自定义跨平台界面布局的配置方法，其特征在于，所述对预置的ui配置参数进行开发调试的步骤具体包括：

4.根据权利要求1所述的自定义跨平台界面布局的配置方法，其特征在于，所述读取所述代码中的所述ui配置参数，并生成可读取字段以导入至工程中的步骤具体包括：

5.根据权利要求1或4所述的自定义跨平台界面布局的配置方法，其特征在于，所述读取所述代码中的所述ui配置参数，并生成可读取字段以导入至工程中的步骤还包括：

6.根据权利要求1所述的自定义跨平台界面布局的配置方法，其特征在于，所述读取并解析所述ui配置参数，根据所述ui配置参数中的参数对应值进行ui渲染显示的步骤具体包括：

7.根据权利要求1所述的自定义跨平台界面布局的配置方法，其特征在于，所述对预置的ui配置参数进行开发调试的步骤之后还包括：

8.一种自定义跨平台界面布局的配置系统，其特征在于，包括有：

9.一种存储介质，其特征在于，用于存储一种用于执行权利要求1～7中任意一种所述自定义跨平台界面布局的配置方法的计算机程序。

10.一种计算机设备，包括存储介质、处理器以及存储在所述存储介质上并可在所述处理器上运行的计算机程序，其特征在于，所述处理器执行所述计算机程序时实现权利要求1～7任一项所述自定义跨平台界面布局的配置方法。

技术总结
本发明提供了一种自定义跨平台界面布局的配置方法，通过对预置的UI配置参数进行开发调试；其中，所述UI配置参数为自定义界面布局中的界面元素的参数信息；若所述UI配置参数经开发调试生效，则将基于所述UI配置参数生成的代码提交至代码托管仓库；通过集成工具平台对所述代码进行打包；读取所述代码中的所述UI配置参数，并生成可读取字段以导入至工程中；读取并解析所述UI配置参数，根据所述UI配置参数中的参数对应值进行UI渲染显示。本发明还提供了一种自定义跨平台界面布局的配置系统、存储介质及计算机设备。借此，本发明能够通过预置的UI配置参数对UI界面布局进行自定义设置，降低表现层重复定制的开发成本。

技术研发人员：张翀睿,何丙南
受保护的技术使用者：上海奇夜语网络科技有限公司
技术研发日：
技术公布日：2024/1/12