System.ArgumentOutOfRangeException: 索引和长度必须引用该字符串内的位置。 参数名: length 在 System.String.Substring(Int32 startIndex, Int32 length) 在 zhuanliShow.Bind() 基于JSON数据格式的交互界面构建方法、系统、介质和设备技术方案_技高网

基于JSON数据格式的交互界面构建方法、系统、介质和设备技术方案

技术编号:40962588 阅读:2 留言:0更新日期:2024-04-18 20:41
本发明专利技术涉及交互技术领域,公开一种基于JSON数据格式的交互界面构建方法、系统、介质和设备,包括:将交互界面分为元素和布局,布局用于描述元素的排版和定位,元素的地位高于布局,布局使用树状结构表示,元素和布局被封装成可拖拽的物料库;获取待构建的交互界面,使用线性布局划分交互界面得到切分后的布局,使用JSON语法表示元素和切分后的布局,交互界面根据元素和布局的内容生成。本发明专利技术可以保证数据安全、在实现交互界面构建的同时扩大定制表单页面的自由度、实现多元化的交互方式。

【技术实现步骤摘要】

本专利技术涉及交互,尤其是指一种基于json数据格式的交互界面构建方法、系统、介质和设备。


技术介绍

1、在现代的流程管理过程中,有着大量的表单数据收集需求,例如人员信息采集、调查问卷、流程审批、企业物料录入等。在简单场景下,常用的方法是使用小程序定制表单页来完成数据收集,但是这种方法无法保证数据的私密性。在大规模场景下,通常借助erp管理软件、生产执行系统(manufacturing execution system,mes)、办公自动化(officeautomation,简称oa)等软件来收集数据,但是这些传统的软件界面单一,用户只能按照软件中预设的逻辑实施而无法满足个性化需求。


技术实现思路

1、为此,本专利技术所要解决的技术问题在于克服现有技术中的不足,提供一种基于json数据格式的交互界面构建方法、系统、介质和设备,可以保证数据安全、在实现交互界面构建的同时扩大定制表单页面的自由度、实现多元化的交互方式。

2、为解决上述技术问题,本专利技术提供了一种基于json数据格式的交互界面构建方法,包括:

3、将交互界面分为元素和布局,所述布局用于描述所述元素的排版和定位,所述元素的地位高于所述布局,所述布局使用树状结构表示,将所述元素和布局封装成可拖拽的物料库;

4、获取待构建的交互界面,使用线性布局划分交互界面得到切分后的布局,使用json语法表示所述元素和切分后的布局,根据所述元素和布局的内容生成交互界面。

5、在本专利技术的一个实施例中,所述元素的属性包括:

6、唯一标识,在全局界面中通过所述唯一标识获取元素;

7、控件名称,用于指定渲染元素的控件类型;

8、控件所需的属性数据,用于指定控件的渲染逻辑。

9、在本专利技术的一个实施例中,所述布局的属性包括:

10、布局类型,包括对象和对象的布局类型,用于表示对象的界面划分类型;

11、嵌套子节点,表示该布局内所包含的嵌套子节点,用于指定当前布局下各区块中的布局内容,嵌套子节点的属性和所述布局的属性相同,布局类型中的对象为元素或嵌套子节点。

12、在本专利技术的一个实施例中,所述使用线性布局划分交互界面时,使用横向线性布局和纵向线性布局从横向和纵向两个方向对交互界面进行划分。

13、在本专利技术的一个实施例中,所述使用横向线性布局和纵向线性布局从横向和纵向两个方向对交互界面进行划分,包括:

14、设置交互界面划分完成时的区块类型,设定顶层布局对象,设置顶层布局对象的界面划分类型和嵌套子节点,使用此时的界面划分类型对顶层布局对象下的所有嵌套子节点进行界面划分;

15、当顶层布局对象下的嵌套子节点不是划分完成时的区块类型时,对不是划分完成时的区块类型的嵌套子节点继续设置界面划分类型和嵌套子节点;

16、重复对不是划分完成时的区块类型的嵌套子节点继续设置界面划分类型和嵌套子节点,直到嵌套子节点是划分完成时的区块类型,完成对交互界面的划分。

17、在本专利技术的一个实施例中,所述元素为使用json语法表示的数组,所述布局为使用json语法表示的对象。

18、在本专利技术的一个实施例中,根据所述元素和布局的内容生成交互界面,包括:

19、获取使用json语法表示的元素和切分后的布局,解析元素和布局,解析布局的过程包括:

20、判断布局类型是否存在,若不存在,则发出异常提示;若存在,则按照布局中的嵌套子节点的树状结构,依次使用布局中的对象的布局类型生成对应对象,元素或嵌套子节点得到交互界面;使用布局中的对象的布局类型生成对应对象时,若对应对象为元素,则根据元素的控件名称和控件所需的属性数据在对应的布局位置渲染元素;若对应对象为嵌套子节点,则根据嵌套子节点和当前布局中的对象的布局类型划分界面。

21、本专利技术还提供了一种基于json数据格式的交互界面构建方系统,包括:

22、元素和布局构建模块,用于将交互界面分为元素和布局,所述布局用于描述所述元素的排版和定位,所述元素的地位高于所述布局,所述布局使用树状结构表示,将所述元素和布局封装成可拖拽的物料库;

23、交互界面生成模块,用于获取待构建的交互界面,使用线性布局划分交互界面得到切分后的布局,使用json语法表示所述元素和切分后的布局,根据所述元素和布局的内容生成交互界面。

24、本专利技术还提供了一种计算机可读存储介质,其上存储有计算机程序,该计算机程序被处理器执行时实现所述的基于json数据格式的交互界面构建方法。

25、本专利技术还提供了一种基于json数据格式的交互界面构建设备,包括存储器、处理器和存储在存储器上并可在处理器上运行的计算机程序,所述处理器执行所述计算机程序时实现所述的基于json数据格式的交互界面构建方法。

26、本专利技术的上述技术方案相比现有技术具有以下优点:

27、1、本专利技术使用json格式定义元素和布局,使用json格式作为核心的界面语法而充分发挥其简单、无学习成本的特性,可以灵活描述用户表单界面,解决界面元素的定位和排版问题。

28、2、本专利技术实现了从设计语言到json数据的转换,在此基础上解析json数据生成用户界面;使用过程中无需编码即可自动生成适用于多种场景的用户表单页,扩大了用户定制表单页面的自由度,满足用户个性化需求。

29、3、本专利技术将元素和布局被封装成可拖拽的物料库,极大地降低了用户的学习成本;模块化的设计也增加了扩展能力,可以通过引入更多的控件模块实现多元化的交互方式。

30、4、本方面从基础架构出发构建软件系统,无第三方软件交互,数据的访问由用户授权,确保用户对数据具有所有权,保证数据安全。

本文档来自技高网...

【技术保护点】

1.一种基于JSON数据格式的交互界面构建方法,其特征在于,包括:

2.根据权利要求1所述的基于JSON数据格式的交互界面构建方法,其特征在于:所述元素的属性包括:

3.根据权利要求2所述的基于JSON数据格式的交互界面构建方法,其特征在于:所述布局的属性包括:

4.根据权利要求3所述的基于JSON数据格式的交互界面构建方法,其特征在于:所述使用线性布局划分交互界面时,使用横向线性布局和纵向线性布局从横向和纵向两个方向对交互界面进行划分。

5.根据权利要求4所述的基于JSON数据格式的交互界面构建方法,其特征在于:所述使用横向线性布局和纵向线性布局从横向和纵向两个方向对交互界面进行划分,包括:

6.根据权利要求1所述的基于JSON数据格式的交互界面构建方法,其特征在于:所述元素为使用JSON语法表示的数组,所述布局为使用JSON语法表示的对象。

7.根据权利要求3所述的基于JSON数据格式的交互界面构建方法,其特征在于:根据所述元素和布局的内容生成交互界面,包括:

8.一种基于JSON数据格式的交互界面构建系统,其特征在于,包括:

9.一种计算机可读存储介质,其上存储有计算机程序,其特征在于:该计算机程序被处理器执行时实现如权利要求1-7任一项所述的基于JSON数据格式的交互界面构建方法。

10.一种基于JSON数据格式的交互界面构建设备,其特征在于:包括存储器、处理器和存储在存储器上并可在处理器上运行的计算机程序,所述处理器执行所述计算机程序时实现如权利要求1-7任一项所述的基于JSON数据格式的交互界面构建方法。

...

【技术特征摘要】

1.一种基于json数据格式的交互界面构建方法,其特征在于,包括:

2.根据权利要求1所述的基于json数据格式的交互界面构建方法,其特征在于:所述元素的属性包括:

3.根据权利要求2所述的基于json数据格式的交互界面构建方法,其特征在于:所述布局的属性包括:

4.根据权利要求3所述的基于json数据格式的交互界面构建方法,其特征在于:所述使用线性布局划分交互界面时,使用横向线性布局和纵向线性布局从横向和纵向两个方向对交互界面进行划分。

5.根据权利要求4所述的基于json数据格式的交互界面构建方法,其特征在于:所述使用横向线性布局和纵向线性布局从横向和纵向两个方向对交互界面进行划分,包括:

6.根据权利要求1所述的基于json数据格式的交互界面构建方法...

【专利技术属性】
技术研发人员:戴军李延昊陈威梁贵宁
申请(专利权)人:苏州佳祺仕软件技术有限公司
类型:发明
国别省市:

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1