一种全客户端低代码动态生成界面优化系统及方法与流程

本申请涉及计算机，具体涉及一种全客户端低代码动态生成界面优化系统及方法。

背景技术：

1、随着社会科技的不断发展，开发者为了适应企业业务的高速发展，需要快速的响应完成开发。然而传统开发从需求分析、产品设计、界面设计、业务开发、测试、发布全流程迭代周期长十分长，尽管现有网上有众多的动态生成低代码表单的解决方案，比如问卷星等，但是这只能实现简单的问卷业务逻辑，无法满足现有企业的全链路客户端的实际需求，同时现有的市场低代码配置里面无法进行对业务和字段深度绑定关系。

技术实现思路

1、本申请实施例提供一种全客户端低代码动态生成界面优化系统及方法，本申请能够解决传统开发全流程迭代周期长以及无法满足现有企业的全链路客户端的实际需求的问题。

2、第一方面，本申请实施例提供了一种全客户端低代码动态生成界面优化系统，包括：低代码平台系统和客户端渲染系统，低代码平台系统包括管理端配置系统以及用户端解析系统，管理端配置系统用于配置页面对象以及页面对象对应的页面展示元素；用户端解析系统用于根据页面对象以及页面对象对应的页面展示元素解析配置，并生成配置数据；客户端渲染系统根据用户端解析系统生成的配置数据渲染用户使用界面，完成页面元素展示、数据渲染以及功能使用方法服务。

3、在一些实施例中，页面对象包括配置列表页面以及配置详情页面；配置列表页面对应的页面展示元素包括第一常用功能配置、列表配置、搜索配置、表格数据展示模块、数据分页配置和/或配置数据展示结果；配置详情页面对应的页面展示元素包括第二常用功能配置、常用组件选择区、配置结果视图区、组件配置属性区、表单信息配置和/或配置数据展示结果详情页面。

4、在一些实施例中，第一常用功能配置以及第二常用功能配置均设置有按钮功能分组模块、元素布局模块、元素展示模块、功能方法模块和/或功能服务模块；按钮功能分组模块包括普通组、执行组和/或打印组，普通组用于展示若干个普通按钮；执行组用于展示非重要按钮，且当普通按钮的数量超过预设数量时，执行组开头位置用于插入超过预设数量的普通按钮；打印组用于展示打印按钮，打印按钮用于执行打印业务相关功能。

5、在一些实施例中，元素展示模块包括按钮展示，按钮展示的设定常用展示方式包括默认、警告、主要、错误、成功和/或警用；功能服务模块包括点击按钮执行服务方法以及调用数据接口api执行业务；元素布局模块包括按钮状态、按钮权限、按钮功能、提示信息、传递参数以及其他配置；按钮状态包括初始状态、选中状态、激活状态以及执行中状态；按钮权限包括设置键值以及绑定按钮权限；按钮功能包括新增、删除、复制、分配和/或拣选；传递参数用于自定义配置接口参数；其他配置包括自定义扩展配置。

6、在一些实施例中，列表配置包括表格基础配置、表格列控制功能配置以及表格列信息控制配置，表格基础配置包括服务api请求数据地址以及版本信息；表格列控制功能配置包括新增列、编辑列、删除列和/或移动列。

7、在一些实施例中，表单信息配置包括表单模板以及表单组件，表单组件包括容器、基础组件和高级组件，容器包括分栏、标签页和卡片分组；基础组件包括单行输入框、多行输入框、选择项、远程选择、单选项、多选项、日期、开关和/或数字；高级组件包括图片上传和/或表格。

8、在一些实施例中，客户端渲染系统包括渲染列表页面和渲染详情页面，渲染列表页面包括第一常用功能渲染模块、数据列表配置渲染模块、搜索操作栏置渲染模块和分页控制渲染模块；数据列表配置渲染模块包括表格头信息渲染、表格列展示或隐藏、数据对应字段值渲染、行选择或行信息相关功能处理、显示值格式化处理；搜索操作栏置渲染模块包括启用或禁用某些字段值搜索、列信息排序搜索、列搜索数据类型；分页控制渲染模块包括分页操作展示、分页条数、分页页面跳转。

9、在一些实施例中，渲染详情页面包括第二常用功能渲染模块、详情页面布局模块以及详情页面数据配置渲染模块；详情页面布局模块包括分栏渲染；详情页面数据配置渲染包括文本或数值显示数据绑定、文本框、选择框、计数器、日期或时间选择、字典项、开关、上传组件；第一常用功能渲染模块和第二常用功能渲染模块均包括渲染功能按钮样式、功能使用方法、传递参数、调用服务、返回结果。

10、在一些实施例中，客户端包括pc浏览器端、app端、小程序或h5端。

11、第二方面，本申请实施例提供了一种全客户端低代码动态生成界面优化方法，包括：配置页面对象以及页面对象对应的页面展示元素；根据页面对象以及页面对象对应的页面展示元素解析配置，并生成配置数据；根据用户端解析系统生成的配置数据渲染用户使用界面，完成页面元素展示、数据渲染以及功能使用方法服务。

12、本申请实施例设置有低代码平台系统和客户端渲染系统，低代码平台系统包括管理端配置系统以及用户端解析系统，管理端配置系统能够配置页面对象以及页面对象对应的页面展示元素；用户端解析系统能够根据页面对象以及页面对象对应的页面展示元素解析配置，并生成配置数据；客户端渲染系统可以根据用户端解析系统生成的配置数据渲染用户使用界面，完成页面元素展示、数据渲染以及功能使用方法服务。

13、本申请实施例解决了传统开发从需求分析、产品设计、界面设计、业务开发、测试、发布全流程迭代周期长等问题。能够实现需求分析后组合配置界面、业务，可以直接给客户使用，解决业务问题，减少了相似业务查询、功能重复评审、开发、测试。并且低代码平台系统可以简化开发流程、缩短开发周期、提高开发效率、节省开发成本，还可以设计、开发和运行业务软件，快速构建业务解决方案。

14、本申请实施例在低代码平台系统实现了可视化配置，提供了便捷低代码管理配置界面，方便使用者根据自身业务需求进行配置，低代码平台系统能够进行对业务和字段深度绑定关系，同时还支持全链路的客户端动态生成界面，即支持pc浏览器端，app端(ios、安卓)，小程序，以及h5端等客户端动态生成界面。在pc浏览器端，app端，小程序，以及h5端等客户端能够根据生成配置json数据，渲染生成一比一的用户使用界面，做到管理端配置，即客户使用界面，减少用户使用理解成本。

技术特征：

1.一种全客户端低代码动态生成界面优化系统，其特征在于，包括低代码平台系统和客户端渲染系统，所述低代码平台系统包括管理端配置系统以及用户端解析系统，所述管理端配置系统用于配置页面对象以及页面对象对应的页面展示元素；所述用户端解析系统用于根据所述页面对象以及页面对象对应的页面展示元素解析配置，并生成配置数据；所述客户端渲染系统根据所述用户端解析系统生成的配置数据渲染用户使用界面，完成页面元素展示、数据渲染以及功能使用方法服务。

2.如权利要求1的全客户端低代码动态生成界面优化系统，其特征在于，所述页面对象包括配置列表页面以及配置详情页面；所述配置列表页面对应的页面展示元素包括第一常用功能配置、列表配置、搜索配置、表格数据展示模块、数据分页配置和/或配置数据展示结果；所述配置详情页面对应的页面展示元素包括第二常用功能配置、常用组件选择区、配置结果视图区、组件配置属性区、表单信息配置和/或配置数据展示结果详情页面。

3.如权利要求2的全客户端低代码动态生成界面优化系统，其特征在于，所述第一常用功能配置以及所述第二常用功能配置均设置有按钮功能分组模块、元素布局模块、元素展示模块、功能方法模块和/或功能服务模块；所述按钮功能分组模块包括普通组、执行组和/或打印组，所述普通组用于展示若干个普通按钮；所述执行组用于展示非重要按钮，且当所述普通按钮的数量超过预设数量时，所述执行组开头位置用于插入超过预设数量的普通按钮；所述打印组用于展示打印按钮，所述打印按钮用于执行打印业务相关功能。

4.如权利要求3的全客户端低代码动态生成界面优化系统，其特征在于，所述元素展示模块包括按钮展示，所述按钮展示的设定常用展示方式包括默认、警告、主要、错误、成功和/或警用；所述功能服务模块包括点击按钮执行服务方法以及调用数据接口api执行业务；所述元素布局模块包括按钮状态、按钮权限、按钮功能、提示信息、传递参数以及其他配置；所述按钮状态包括初始状态、选中状态、激活状态以及执行中状态；所述按钮权限包括设置键值以及绑定按钮权限；所述按钮功能包括新增、删除、复制、分配和/或拣选；所述传递参数用于自定义配置接口参数；所述其他配置包括自定义扩展配置。

5.如权利要求2的全客户端低代码动态生成界面优化系统，其特征在于，所述列表配置包括表格基础配置、表格列控制功能配置以及表格列信息控制配置，所述表格基础配置包括服务api请求数据地址以及版本信息；所述表格列控制功能配置包括新增列、编辑列、删除列和/或移动列。

6.如权利要求2的全客户端低代码动态生成界面优化系统，其特征在于，所述表单信息配置包括表单模板以及表单组件，所述表单组件包括容器、基础组件和高级组件，所述容器包括分栏、标签页和卡片分组；所述基础组件包括单行输入框、多行输入框、选择项、远程选择、单选项、多选项、日期、开关和/或数字；所述高级组件包括图片上传和/或表格。

7.如权利要求1或6的全客户端低代码动态生成界面优化系统，其特征在于，所述客户端渲染系统包括渲染列表页面和渲染详情页面，所述渲染列表页面包括第一常用功能渲染模块、数据列表配置渲染模块、搜索操作栏置渲染模块和分页控制渲染模块；所述数据列表配置渲染模块包括表格头信息渲染、表格列展示或隐藏、数据对应字段值渲染、行选择或行信息相关功能处理、显示值格式化处理；所述搜索操作栏置渲染模块包括启用或禁用某些字段值搜索、列信息排序搜索、列搜索数据类型；所述分页控制渲染模块包括分页操作展示、分页条数、分页页面跳转。

8.如权利要求7的全客户端低代码动态生成界面优化系统，其特征在于，所述渲染详情页面包括第二常用功能渲染模块、详情页面布局模块以及详情页面数据配置渲染模块；所述详情页面布局模块包括分栏渲染；所述详情页面数据配置渲染包括文本或数值显示数据绑定、文本框、选择框、计数器、日期或时间选择、字典项、开关、上传组件；所述第一常用功能渲染模块和所述第二常用功能渲染模块均包括渲染功能按钮样式、功能使用方法、传递参数、调用服务、返回结果。

9.如权利要求1的全客户端低代码动态生成界面优化系统，其特征在于，所述客户端包括pc浏览器端、app端、小程序或h5端。

10.一种全客户端低代码动态生成界面优化方法，其特征在于，包括：

技术总结
本申请实施例公开了一种全客户端低代码动态生成界面优化系统及方法。在本申请实施例中，包括低代码平台系统和客户端渲染系统，低代码平台系统包括管理端配置系统及用户端解析系统，管理端配置系统用于配置页面对象以及页面对象对应的页面展示元素；用户端解析系统用于根据页面对象以及页面对象对应的页面展示元素解析配置，并生成配置数据；客户端渲染系统根据用户端解析系统生成的配置数据渲染用户使用界面。本申请解决了传统开发全流程迭代周期长以及无法满足现有企业的全链路客户端的实际需求的问题，不仅简化开发流程、缩短开发周期、提高开发效率、节省开发成本，还可以设计、开发和运行业务软件，快速构建业务解决方案。

技术研发人员：李紫,廖文强,倪文斌
受保护的技术使用者：上海万纬纵横科技有限公司
技术研发日：
技术公布日：2024/1/13