基于资源能力中心的低代码界面配置方法及存储介质.pdf

(19)国家知识产权局(12)发明专利申请(10)申请公布号CN116185404A(43)申请公布日2023.05.30(21)申请号202310024165.1(22)申请日2023.01.09(71)申请人浪潮通信信息系统有限公司地址250100山东省济南市高新区浪潮路1036号浪潮科技园S06号楼(72)发明人吴瑞唐勇(74)专利代理机构济南信达专利事务所有限公司37100专利代理师孙园园(51)Int.Cl.G06F8/38(2018.01)权利要求书2页说明书14页附图4页(54)发明名称基于资源能力中心的低代码界面配置方法及存储介质(57)摘要本发明公开了基于资源能力中心的低代码界面配置方法及存储介质，属于信息管理技术领域，本发明要解决的技术问题为在要管理的数据模型急剧增加的情况下，如何快速生成增删改查界面，彻底摆脱原有一个模型开发一套增删改查界面，工作量巨大且代码重复度高的弊端，采用的技术方案为：该方法是基于资源能力中心通过JSON配置生成增删改查界面，在增删改查界面渲染过程中，将JSON转换成对应的Vue组件，通过JSON配置中节点的type信息，在组件池中找到对应的组件实现，把当前节点转给对应组件渲染，再把其他属性作为props传递过去完成渲染。CN116185404ACN116185404A权利要求书1/2页1.一种基于资源能力中心的低代码界面配置方法，其特征在于，该方法是基于资源能力中心通过JSON配置生成增删改查界面，在增删改查界面渲染过程中，将JSON转换成对应的Vue组件，通过JSON配置中节点的type信息，在组件池中找到对应的组件实现，把当前节点转给对应组件渲染，再把其他属性作为props传递过去完成渲染。2.根据权利要求1所述的基于资源能力中心的低代码界面配置方法，其特征在于，增删改查界面分别对应查询方案、新增方案、编辑方案以及删除方案四种不同的JSON配置方案；其中，查询方案包括查询条件属性配置及展示结果属性配置；新增方案和编辑方案包括新增属性配置和编辑属性配置；删除方案包括级联模型删除验证关系配置。3.根据权利要求2所述的基于资源能力中心的低代码界面配置方法，其特征在于，新增方案包括如下属性：①、name属性：用于存储方案名称；②、form属性：用于存储表单配置；③、form.formItems属性：用于存储新增表单的所有表单项信息；④、formItem.name属性：用于存储表单项英文名；⑤、formItem.alias属性：用于存储表单项中文名；⑥、formItem.type属性：用于存储渲染该表单项使用的Vue组件类型；⑦、formItem.relatedDict属性：用于存储枚举选择组件的枚举值；⑧、formItem.relatedTrans属性：用于存储关联翻译组件对应的模型英文名。4.根据权利要求3所述的基于资源能力中心的低代码界面配置方法，其特征在于，Vue组件类型包括Text、Dict和Trans；其中，Text表示文本输入组件，Dict表示枚举选择组件，Trans表示关联翻译组件。5.根据权利要求4所述的基于资源能力中心的低代码界面配置方法，其特征在于，文本输入组件采用Text文本组件ToyInput，基于el‑input二次开发，具体逻辑如下：①、将value属性绑定到el‑input的value属性；②、将itemProps属性解构后绑定到el‑input上；③、监听el‑input的change事件，并抛出change事件。6.根据权利要求4所述的基于资源能力中心的低代码界面配置方法，其特征在于，枚举选择组件采用Dict字典组件ToyDict，基于el‑select二次开发，具体逻辑如下：①、将value属性绑定到el‑select的value属性；②、将itemProps属性解构后绑定到el‑select上；③、监听el‑select的change事件，并抛出change事件；④、使用v‑for循环枚举列表生成el‑option列表，将relatedDict的value绑定到el‑option的key、value属性，将relatedDict的label绑定到el‑option的label属性。7.根据权利要求4所述的基于资源能力中心的低代码界面配置方法，其特征在于，关联翻译组件采用Trans翻译组件ToyTrans，基于el‑autocomplete二次开发，具体逻辑如下：①、将value属性绑定到el‑autocomplete的value属性；②、将itemProps属性解构后绑定到el‑autocomplete上；③、监听el‑autocomplete的select事件，并抛出change事件；2CN116185404A权利要求书2/2页④、将异步数据查询