CN115543323A - 一种页面开发方法及装置 - Google Patents

一种页面开发方法及装置 Download PDF

Info

Publication number
CN115543323A
CN115543323A CN202211508367.5A CN202211508367A CN115543323A CN 115543323 A CN115543323 A CN 115543323A CN 202211508367 A CN202211508367 A CN 202211508367A CN 115543323 A CN115543323 A CN 115543323A
Authority
CN
China
Prior art keywords
model
metadata
page
type
target
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Granted
Application number
CN202211508367.5A
Other languages
English (en)
Other versions
CN115543323B (zh
Inventor
刘凯
马泉蕴
陶辉飞
谢凌波
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Gongdao Network Technology Co ltd
Original Assignee
Gongdao Network Technology Co ltd
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Gongdao Network Technology Co ltd filed Critical Gongdao Network Technology Co ltd
Priority to CN202211508367.5A priority Critical patent/CN115543323B/zh
Publication of CN115543323A publication Critical patent/CN115543323A/zh
Application granted granted Critical
Publication of CN115543323B publication Critical patent/CN115543323B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F8/00Arrangements for software engineering
    • G06F8/30Creation or generation of source code
    • G06F8/38Creation or generation of source code for implementing user interfaces
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F8/00Arrangements for software engineering
    • G06F8/70Software maintenance or management
    • G06F8/71Version control; Configuration management

Landscapes

  • Engineering & Computer Science (AREA)
  • Software Systems (AREA)
  • General Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Computer Security & Cryptography (AREA)
  • Human Computer Interaction (AREA)
  • Stored Programmes (AREA)

Abstract

本申请公开了一种页面开发方法及装置。所述方法包括:在用于构建待开发的目标页面的可视化界面中,展示与至少一个元数据模型中的各个元数据模型对应的各个模型选项;所述元数据模型用于描述实体对象与实体对象之间的关联关系;响应于针对所述各个模型选项中的目标模型选项的触发操作,将与所述目标模型选项对应的元数据模型的模型类型确定为目标模型类型,并根据元数据模型的模型类型与页面组件模板之间的对应关系,将与所述目标模型类型对应的页面组件模板添加至所述目标页面中;响应于所述目标页面已开发完成,生成所述目标页面的页面元数据;所述页面元数据,用于描述在所述目标页面中添加的至少一个页面组件模板。

Description

一种页面开发方法及装置
技术领域
本说明书一个或多个实施例涉及通信技术领域,尤其涉及一种页面开发方法及装置。
背景技术
在传统的软件开发中,前端开发与后端开发是分离的,由于前端技术人员需要掌握的技术与后端开发人员需要掌握的技术并不相同,其中,前端开发需要掌握多项技术,导致前端开发的技术门槛较高,例如,前端开发人员需要掌握HTML、CSS、JavaScript等多种技术,另一方面,由于前端开发与后端开发需要分别由掌握不同技术的开发人员完成,因此一个软件开发的项目需要由不同技术类型的多个开发人员共同完成,从而导致开发成本以及技术沟通成本上升。
由此可见,传统的软件开发方法的开发门槛较高且开发效率不高,难以满足企业日益增长的数字化需求。
发明内容
本申请提供一种页面开发方法及装置,技术方案如下:
根据本申请的第一方面,提供一种页面开发方法,所述方法包括:
在用于构建待开发的目标页面的可视化界面中,展示与至少一个元数据模型中的各个元数据模型对应的各个模型选项;所述元数据模型用于描述实体对象与实体对象之间的关联关系;
响应于针对所述各个模型选项中的目标模型选项的触发操作,将与所述目标模型选项对应的元数据模型的模型类型确定为目标模型类型,并根据元数据模型的模型类型与页面组件模板之间的对应关系,将与所述目标模型类型对应的页面组件模板添加至所述目标页面中;
响应于所述目标页面已开发完成,生成所述目标页面的页面元数据;所述页面元数据,用于描述在所述目标页面中添加的至少一个页面组件模板。
可选的,所述元数据模型包括第一类元数据模型和/或第二类元数据模型;
其中,所述第一类元数据模型用于描述实体对象与实体对象之间的关联关系;
所述第二类元数据模型用于描述针对服务端提供的API定义的调用方法。
可选的,所述第一类元数据模型的模型类型,包括:
查询类型,用于基于与所述元数据模型描述的实体对象对应的多个属性,获取包含所述多个属性中的任一属性的元数据模型实例;
详情类型,用于基于与所述元数据模型描述的实体对象对应的多个属性,获取包含所述多个属性的元数据模型实例;
编辑类型,用于接收与所述元数据模型描述的实体对象对应的多个属性的编辑信息,在本地存储中更新包含所述多个属性的元数据模型实例;
所述第二类元数据模型的模型类型,包括:
查询类型,用于获取多条查询参数以及输出与所述多条查询参数中的任一条查询参数对应的查询结果;
详情类型,用于获取多条查询参数以及输出与所述多条查询参数对应的查询结果;
命令类型,用于接收多条命令参数以及将所述命令参数上传至服务端;
所述元数据模型的模型类型与页面组件模板之间的对应关系,包括:
所述第一类元数据模型的查询类型或第二类元数据模型的查询类型,对应于所述页面组件模板中的查询模板;所述查询模板用于获取多条查询信息以及展示多条查询结果的简要信息;
所述第一类元数据模型的编辑类型对应于所述页面组件模板中的提交模板;所述提交模板用于将目标页面中显示的表单信息,存储至本地或上传至服务端;
所述第一类元数据模型的详情类型对应于所述页面组件模板中的详情模板;所述详情模板用于展示所述多条查询结果中的任一条查询结果的全部信息。
可选的,所述响应于所述目标页面已开发完成,生成所述目标页面的页面元数据之前,还包括:
响应于针对已添加的所述目标页面中的页面组件模板的修改操作,对所述页面组件模板对应的配置信息进行更新,并对所述目标页面对应的页面元数据中描述的与所述页面组件模板对应的信息进行更新。
可选的,所述方法还包括:
基于页面数据渲染引擎,对所述目标页面的页面元数据进行解析,得到与所述目标页面对应的页面组件;以及,基于元数据解析引擎,对元数据模型的模型元数据进行解析,得到与所述目标页面对应的核心服务,以构建出所述目标页面。
可选的,所述方法还包括:
接收用于构建所述第一类元数据模型的模型元数据,基于所述模型元数据构建所述第一类元数据模型。
可选的,所述方法还包括:
响应于针对所述可视化界面包含的扫描选项的触发操作,从包含了所述第二类元数据模型的模型元数据的工程文件中,获取所述第二类元数据模型的模型元数据,并基于所述模型元数据构建所述第二类元数据模型。
根据本申请的第二方面,提供一种页面开发装置,所述装置包括:
展示单元,用于在用于构建待开发的目标页面的可视化界面中,展示与至少一个元数据模型中的各个元数据模型对应的各个模型选项;所述元数据模型用于描述实体对象与实体对象之间的关联关系;
添加单元,用于响应于针对所述各个模型选项中的目标模型选项的触发操作,将与所述目标模型选项对应的元数据模型的模型类型确定为目标模型类型,并根据元数据模型的模型类型与页面组件模板之间的对应关系,将与所述目标模型类型对应的页面组件模板添加至所述目标页面中;
生成单元,用于响应于所述目标页面已开发完成,生成所述目标页面的页面元数据;所述页面元数据,用于描述在所述目标页面中添加的至少一个页面组件模板。
根据本申请的第三方面,提供一种电子设备,包括通信接口、处理器、存储器和总线,所述通信接口、所述处理器和所述存储器之间通过总线相互连接;
所述存储器中存储机器可读指令,所述处理器通过调用所述机器可读指令,执行所述方法。
根据本申请的第四方面,提供一种机器可读存储介质,所述机器可读存储介质存储有机器可读指令,所述机器可读指令在被处理器调用和执行时,实现所述方法。
通过以上实施例,通过在用于构建待开发的目标页面的可视化界面中,展示与至少一个元数据模型中的各个元数据模型对应的各个模型选项,并响应于针对所述各个模型选项中的目标模型选项的触发操作,将与所述目标模型选项对应的元数据模型的模型类型确定为目标模型类型,并根据元数据模型的模型类型与页面组件模板之间的对应关系,将与所述目标模型类型对应的页面组件模板添加至所述目标页面中,并响应于所述目标页面已开发完成,生成所述目标页面的页面元数据。通过将预先定义的元数据模型通过可视化的方式进行展示,并基于模型驱动智能生成目标页面,大大降低开发门槛,使得没有掌握前端开发相关技术的技术人员也能开发页面,同时,通过简化前端开发步骤,降低前端开发人员与后端开发人员之间的沟通成本,提高开发效率。
应当理解的是,以上的一般描述和后文的细节描述仅是示例性和解释性的,并不能限制本申请。
附图说明
为了更清楚地说明本申请实施例或现有技术中的技术方案,下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本申请中记载的一些实施例,对于本领域普通技术人员来讲,还可以根据这些附图获得其他的附图。
图1为本说明书一实施例中页面开发方法的流程图;
图2为本说明书一实施例中页面开发系统的架构示意图;
图3为本说明书一实施例中页面开发装置所在电子设备的结构示意图;
图4为本说明书一实施例中页面开发装置的框图。
具体实施方式
这里将详细地对示例性实施例进行说明,其示例表示在附图中。下面的描述涉及附图时,除非另有表示,不同附图中的相同数字表示相同或相似的要素。以下示例性实施例中所描述的实施方式并不代表与本说明书一个或多个实施例相一致的所有实施方式。相反,它们仅是与如所附权利要求书中所详述的、本说明书一个或多个实施例的一些方面相一致的装置和方法的例子。
需要说明的是:在其他实施例中并不一定按照本说明书示出和描述的顺序来执行相应方法的步骤。在一些其他实施例中,其方法所包括的步骤可以比本说明书所描述的更多或更少。此外,本说明书中所描述的单个步骤,在其他实施例中可能被分解为多个步骤进行描述;而本说明书中所描述的多个步骤,在其他实施例中也可能被合并为单个步骤进行描述。
前端开发是创建WEB页面或APP等前端界面呈现给用户的过程,通过HTML、CSS、JavaScript以及衍生出的各种技术、框架、解决方案等,来实现互联网产品的用户界面交互。
而由于传统的软件开发方法中,需要开发人员掌握多种技术参与开发过程,开发的门槛较高,以及需要掌握前端技术的开发人员以及掌握后端技术的开发人员共同参与同一个软件开发项目,开发效率不高,因此,难以满足企业日益增长的数字化需求。
有鉴于此,本说明书旨在提出一种将预先定义的元数据模型通过可视化的方式进行展示,并基于模型驱动智能生成目标页面的技术方案。
在实现时,可以在用于构建待开发的目标页面的可视化界面中,展示与至少一个元数据模型中的各个元数据模型对应的各个模型选项;所述元数据模型可以用于描述实体对象与实体对象之间的关联关系;
进一步地,可以响应于针对所述各个模型选项中的目标模型选项的触发操作,将与所述目标模型选项对应的元数据模型的模型类型确定为目标模型类型,并可以根据元数据模型的模型类型与页面组件模板之间的对应关系,将与所述目标模型类型对应的页面组件模板添加至所述目标页面中;
进一步地,可以响应于所述目标页面已开发完成,生成所述目标页面的页面元数据;所述页面元数据,用于描述在所述目标页面中添加的至少一个页面组件模板。
通过以上实施例,通过在用于构建待开发的目标页面的可视化界面中,展示与至少一个元数据模型中的各个元数据模型对应的各个模型选项,并响应于针对所述各个模型选项中的目标模型选项的触发操作,将与所述目标模型选项对应的元数据模型的模型类型确定为目标模型类型,并根据元数据模型的模型类型与页面组件模板之间的对应关系,将与所述目标模型类型对应的页面组件模板添加至所述目标页面中,并响应于所述目标页面已开发完成,生成所述目标页面的页面元数据。通过将预先定义的元数据模型通过可视化的方式进行展示,并基于模型驱动智能生成目标页面,大大降低开发门槛,使得没有掌握前端开发相关技术的技术人员也能开发页面,同时,通过简化前端开发步骤,降低前端开发人员与后端开发人员之间的沟通成本,提高开发效率。
请参见图1,图1是一示例性的一种页面开发方法的流程图。如图1所示,所述方法可以包括以下步骤:
S102:在用于构建待开发的目标页面的可视化界面中,展示与至少一个元数据模型中的各个元数据模型对应的各个模型选项;所述元数据模型用于描述实体对象与实体对象之间的关联关系。
可以在用于构建待开发的目标页面的可视化界面中,展示与至少一个元数据模型中的各个元数据模型对应的各个模型选项;所述元数据模型可以用于描述实体对象与实体对象之间的关联关系。
关于所述方法的具体应用场景,可以应用于开发web页面的场景,本说明书对此不做限定。
具体而言,所述待开发的目标页面可以是目标web页面,可以在用于构建待开发的目标web页面的可视化界面中,展示与至少一个元数据模型中的各个元数据模型对应的各个模型选项。
IDE(Integrated Development Environment,集成开发环境)是用于提供程序开发环境的应用程序,一般包括代码编辑器、编译器、调试器和图形用户界面等工具。集成了代码编写功能、分析功能、编译功能、调试功能等一体化的开发软件服务套。该程序可以独立运行,也可以和其它程序并用。
所述方法可以应用于IDE中,所述IDE可以搭载了用于构建待开发的目标页面的可视化界面,可以在所述可视化界面中,展示与至少一个元数据模型中的各个元数据模型对应的各个模型选项。
例如,可以在用于构建待开发的目标页面的可视化界面中,展示与元数据模型A对应的模型选项a、与元数据模型B对应的模型选项b以及与元数据模型C对应的模型选项c。
关于所述元数据模型描述的实体对象与实体对象之间具体的关联关系,本说明书对此不做限定,例如,所述元数据模型A可以描述了实体对象1与实体对象2之间的关联关系,所述元数据模型B可以描述了实体对象1与实体对象3之间的关联关系,所述元数据模型C可以描述了实体对象4与实体对象5之间的关联关系。
在所述步骤102中,所述元数据模型可以包括第一类元数据模型和/或第二类元数据模型;其中,所述第一类元数据模型可以用于描述实体对象与实体对象之间的关联关系;所述第二类元数据模型可以用于描述针对服务端提供的API定义的调用方法。
例如,所述第一类元数据模型可以是领域模型,所述第二类元数据模型可以是API模型,其中,所述领域模型可以用于描述实体对象与实体对象之间的关联关系,所述API模型可以用于描述针对服务端提供的API定义的调用方法。
在所述步骤102中,所述方法还包括:所述IDE可以接收用于构建所述第一类元数据模型的模型元数据,基于所述模型元数据构建所述第一类元数据模型。
例如,所述IDE可以接收技术人员输入的用于构建所述领域模型的模型元数据,基于所述模型元数据可以构建所述领域模型。
在所述步骤102中,所述方法还包括:响应于针对所述可视化界面包含的扫描选项的触发操作,从包含了所述第二类元数据模型的模型元数据的工程文件中,获取所述第二类元数据模型的模型元数据,并基于所述模型元数据构建所述第二类元数据模型。
例如,所述IDE可以响应于技术人员针对所述可视化界面包含的扫描选项的触发操作,从包含了所述API模型对应的模型元数据的工程文件中,通过IDE插件扫描获取所述API模型对应的模型元数据,并基于所述模型元数据构建所述API模型。
关于所述API模型具体的存储位置,本说明书不做限定,例如,所述API模型可以存储在数据库中。
在所述步骤102中,所述第一类元数据模型的模型类型,可以包括:查询类型,用于基于与所述元数据模型描述的实体对象对应的多个属性,获取包含所述多个属性中的任一属性的元数据模型实例;详情类型,用于基于与所述元数据模型描述的实体对象对应的多个属性,获取包含所述多个属性的元数据模型实例;编辑类型,用于接收与所述元数据模型描述的实体对象对应的多个属性的编辑信息,在本地存储中更新包含所述多个属性的元数据模型实例。
例如,所述第一类元数据模型可以包括领域模型,所述领域模型的模型类型可以包括查询类型,所述查询类型可以包括领域模型中与Query方法对应的模型,所述领域模型中与Query方法对应的模型可以用于基于与所述元数据模型描述的实体对象对应的多个属性,获取包含所述多个属性中的任一属性的元数据模型实例;所述领域模型的模型类型还可以包括详情类型,所述详情类型可以包括领域模型中与Get方法对应的模型,所述领域模型中与Get方法对应的模型可以用于基于与所述元数据模型描述的实体对象对应的多个属性,获取包含所述多个属性的元数据模型实例;所述领域模型的模型类型还可以包括编辑类型,所述编辑类型可以包括领域模型中与Add、Delete、Modify方法对应的入参模型,所述领域模型中与Add、Delete、Modify方法对应的入参模型可以用于接收与所述元数据模型描述的实体对象对应的多个属性的编辑信息,在本地存储中更新包含所述多个属性的元数据模型实例。
其中,所述领域模型的模型类型还可以包括数据类型,所述数据类型可以包括与所述元数据模型描述的实体对象对应的模型。
所述第二类元数据模型的模型类型,可以包括:查询类型,用于获取多条查询参数以及输出与所述多条查询参数中的任一条查询参数对应的查询结果;详情类型,用于获取多条查询参数以及输出与所述多条查询参数对应的查询结果;命令类型,用于接收多条命令参数以及将所述命令参数上传至服务端。
例如,所述第二类元数据模型可以包括API模型,所述API模型的模型类型可以包括查询类型,所述查询类型可以包括API模型中与query调用方法对应的入参模型与出参模型,所述与query调用方法对应的入参模型可以用于获取多条查询参数,所述与query调用方法对应的出参模型可以用于输出与所述多条查询参数中的任一条查询参数对应的查询结果;所述API模型的模型类型还可以包括详情类型,所述详情类型可以包括API模型中与get调用方法对应的出参模型,所述与get调用方法对应的出参模型可以用于获取多条查询参数以及输出与所述多条查询参数对应的查询结果;所述API模型的模型类型还可以包括命令类型,所述命令类型可以包括API模型中与command调用方法对应的模型,所述与command调用方法对应的模型可以用于接收多条命令参数以及将所述命令参数上传至服务端。
所述元数据模型的模型类型与页面组件模板之间的对应关系可以包括:所述第一类元数据模型的查询类型或第二类元数据模型的查询类型,对应于所述页面组件模板中的查询模板;所述查询模板用于获取多条查询信息以及展示多条查询结果的简要信息;所述第一类元数据模型的编辑类型对应于所述页面组件模板中的提交模板;所述提交模板用于将目标页面中显示的表单信息,存储至本地或上传至服务端;所述第一类元数据模型的详情类型对应于所述页面组件模板中的详情模板;所述详情模板用于展示所述多条查询结果中的任一条查询结果的全部信息;所述第一类元数据模型的数据类型,对应于所述页面组件模板中的数据模板;所述数据模板用于展示实体对象信息。
例如,所述领域模型中与Query方法对应的模型可以对应于所述页面组件模板中的查询模板,所述API模型中与query调用方法对应的入参模型与出参模型也可以对应于所述页面组件模板中的查询模板,所述查询模板可以用于获取多条查询信息以及展示多条查询结果的简要信息;所述领域模型中与Add、Delete、Modify方法对应的入参模型可以对应于所述页面组件模板中的提交模板,所述API模型中与command调用方法对应的模型也可以对应于所述页面组件模板中的提交模板,所述提交模板可以用于将目标页面中显示的表单信息,存储至本地或上传至服务端;所述领域模型中与get方法对应的模型可以对应于所述页面模板组件中的详情模板,所述API模型中与get调用方法对应的出参模型也可以对应于所述页面组件模板中的详情模板,所述详情模板可以用于展示所述多条查询结果中的任一条查询结果的全部信息。
S104:响应于针对所述各个模型选项中的目标模型选项的触发操作,将与所述目标模型选项对应的元数据模型的模型类型确定为目标模型类型,并根据元数据模型的模型类型与页面组件模板之间的对应关系,将与所述目标模型类型对应的页面组件模板添加至所述目标页面中。
可以响应于针对所述各个模型选项中的目标模型选项的触发操作,将与所述目标模型选项对应的元数据模型的模型类型确定为目标模型类型,并可以根据元数据模型的模型类型与页面组件模板之间的对应关系,将与所述目标模型类型对应的页面组件模板添加至所述目标页面中。
例如,所述IDE可以响应于技术人员针对所述各个模型选项中的目标模型选项的触发操作,假定所述目标模型选项对应的元数据模型为元数据模型a,所述元数据模型a对应的模型类型为所述领域模型中与Query方法对应的模型,则可以将与所述领域模型中与Query方法对应的模型确定为目标模型类型,可以根据所述领域模型中与Query方法对应的模型与页面组件模板中的查询模板之间的对应关系,将所述查询模板添加至所述目标页面中。
S106:响应于所述目标页面已开发完成,生成所述目标页面的页面元数据;所述页面元数据,用于描述在所述目标页面中添加的至少一个页面组件模板。
可以响应于所述目标页面已开发完成,生成所述目标页面的页面元数据;所述页面元数据,可以用于描述在所述目标页面中添加的至少一个页面组件模板。
例如,假定添加了页面组件模板1、页面组件模板2以及页面组件模板3至所述目标页面,所述目标页面已开发完成,则可以生成所述目标页面的页面元数据,所述页面元数据可以用于描述所述页面组件模板1、页面组件模板2以及页面组件模板3。
在步骤106中,所述响应于所述目标页面已开发完成,生成所述目标页面的页面元数据之前,还包括:响应于针对已添加的所述目标页面中的页面组件模板的修改操作,对所述页面组件模板对应的配置信息进行更新,并对所述目标页面对应的页面元数据中描述的与所述页面组件模板对应的信息进行更新。
例如,假定添加了页面组件模板1、页面组件模板2以及页面组件模板3至所述目标页面,在所述目标页面开发完成之前,所述IDE还可以响应于技术人员针对所述三个已添加的页面组件模板的修改操作,对所述页面组件模板对应的配置信息进行更新,并更新所述页面元数据中描述的与所述页面组件模板对应的信息。
在步骤106中,还可以基于页面数据渲染引擎,对所述目标页面的页面元数据进行解析,得到与所述目标页面对应的页面组件;以及,基于元数据解析引擎,对元数据模型的模型元数据进行解析,得到与所述目标页面对应的核心服务,以构建出所述目标页面。
例如,将所述页面元数据发布上线后,可以基于页面数据渲染引擎,对所述目标页面的页面元数据进行解析,假定所述页面元数据描述了所述页面组件模板1、页面组件模板2以及页面组件模板3,则可以得到与所述目标页面对应的页面组件1、页面组件2以及页面组件3;假定所述元数据模型是领域模型,还可以基于元数据解析引擎对所述领域模型的模型元数据进行解析,得到与所述目标页面对应的核心服务,以构建所述目标页面。
请参见图2,图2为本说明书一实施例中页面开发系统的架构示意图。如图2所示,所述方法可以应用于IDE中,所述IDE可以搭载了用于构建待开发的目标页面的可视化界面,可以在用于构建待开发的目标页面的可视化界面中,展示与元数据模型A对应的模型选项a、与元数据模型B对应的模型选项b以及与元数据模型C对应的模型选项c。
所述IDE可以响应于技术人员针对所述各个模型选项中的目标模型选项的触发操作,假定所述目标模型选项对应的元数据模型为元数据模型a,所述元数据模型a对应的模型类型为所述领域模型中与Query方法对应的模型,则可以将与所述领域模型中与Query方法对应的模型确定为目标模型类型,可以根据所述领域模型中与Query方法对应的模型与页面组件模板中的查询模板之间的对应关系,将所述查询模板添加至所述目标页面中。
假定添加了查询模板1、查询模板2以及查询模板3至所述目标页面,所述IDE还可以响应于技术人员针对所述三个已添加的页面组件模板的修改操作,对所述页面组件模板对应的配置信息进行更新,并更新所述页面元数据中描述的与所述页面组件模板对应的信息。
确定所述目标页面已开发完成,则可以生成所述目标页面的页面元数据,所述页面元数据可以用于描述所述查询模板1、查询模板2以及查询模板3。
还可以将所述页面元数据发布上线,在所述页面元数据发布上线后,可以基于页面数据渲染引擎,对所述目标页面的页面元数据进行解析,则可以得到与所述目标页面对应的页面组件1、页面组件2以及页面组件3;还可以基于元数据解析引擎对所述领域模型的模型元数据进行解析,得到与所述目标页面对应的核心服务,以构建得到所述目标页面。
与所述页面开发方法的实施例对应的,本说明书还提供了一种页面开发装置的实施例。
请参见图3,图3是本说明书一实施例中页面开发装置所在电子设备的结构示意图。在硬件层面,所述设备包括处理器302、内部总线304、网络接口306、内存308以及非易失性存储器310,当然还可能包括其他业务所需要的硬件。本说明书一个或多个实施例可以基于软件方式来实现,比如由处理器303从非易失性存储器310中读取对应的计算机程序到内存308中然后运行。当然,除了软件实现方式之外,本说明书一个或多个实施例并不排除其他实现方式,比如逻辑器件亦或软硬件结合的方式等等,也就是说以下处理流程的执行主体并不限定于各个逻辑单元,也可以是硬件或逻辑器件。
请参见图4,图4是本说明书一实施例中页面开发装置的框图。所述页面开发装置可以应用于如图3所示的电子设备中,以实现本说明书的技术方案。其中,所述页面开发装置,所述装置包括:
展示单元402,用于在用于构建待开发的目标页面的可视化界面中,展示与至少一个元数据模型中的各个元数据模型对应的各个模型选项;所述元数据模型用于描述实体对象与实体对象之间的关联关系;
添加单元404,用于响应于针对所述各个模型选项中的目标模型选项的触发操作,将与所述目标模型选项对应的元数据模型的模型类型确定为目标模型类型,并根据元数据模型的模型类型与页面组件模板之间的对应关系,将与所述目标模型类型对应的页面组件模板添加至所述目标页面中;
生成单元406,用于响应于所述目标页面已开发完成,生成所述目标页面的页面元数据;所述页面元数据,用于描述在所述目标页面中添加的至少一个页面组件模板。
在本实施例中,所述元数据模型包括第一类元数据模型和/或第二类元数据模型;
其中,所述第一类元数据模型用于描述实体对象以及所述实体对象与实体对象之间的关联关系;
所述第二类元数据模型用于描述针对服务端提供的API定义的调用方法。
在本实施例中,所述第一类元数据模型的模型类型,包括:
查询类型,用于基于与所述元数据模型描述的实体对象对应的多个属性,获取包含所述多个属性中的任一属性的元数据模型实例;
详情类型,用于基于与所述元数据模型描述的实体对象对应的多个属性,获取包含所述多个属性的元数据模型实例;
编辑类型,用于接收与所述元数据模型描述的实体对象对应的多个属性的编辑信息,在本地存储中更新包含所述多个属性的元数据模型实例;
所述第二类元数据模型的模型类型,包括:
查询类型,用于获取多条查询参数以及输出与所述多条查询参数中的任一条查询参数对应的查询结果;
详情类型,用于获取多条查询参数以及输出与所述多条查询参数对应的查询结果;
命令类型,用于接收多条命令参数以及将所述命令参数上传至服务端;
所述元数据模型的模型类型与页面组件模板之间的对应关系,包括:
所述第一类元数据模型的查询类型或第二类元数据模型的查询类型,对应于所述页面组件模板中的查询模板;所述查询模板用于获取多条查询信息以及展示多条查询结果的简要信息;
所述第一类元数据模型的编辑类型对应于所述页面组件模板中的提交模板;所述提交模板用于将目标页面中显示的表单信息,存储至本地或上传至服务端;
所述第一类元数据模型的详情类型对应于所述页面组件模板中的详情模板;所述详情模板用于展示所述多条查询结果中的任一条查询结果的全部信息。
所述装置还可以包括更新单元,用于:
响应于针对已添加的所述目标页面中的页面组件模板的修改操作,对所述页面组件模板对应的配置信息进行更新,并对所述目标页面对应的页面元数据中描述的与所述页面组件模板对应的信息进行更新。
所述装置还可以包括解析单元,用于:
基于页面数据渲染引擎,对所述目标页面的页面元数据进行解析,得到与所述目标页面对应的页面组件;以及,基于元数据解析引擎,对元数据模型的模型元数据进行解析,得到与所述目标页面对应的核心服务,以构建出所述目标页面。
所述装置还可以包括构建单元,用于:
接收用于构建所述第一类元数据模型的模型元数据,基于所述模型元数据构建所述第一类元数据模型。
所述装置还可以包括获取单元,用于:
响应于针对所述可视化界面包含的扫描选项的触发操作,从包含了所述第二类元数据模型的模型元数据的工程文件中,获取所述第二类元数据模型的模型元数据,并基于所述模型元数据构建所述第二类元数据模型。
上述装置中各个单元的功能和作用的实现过程具体详见上述方法中对应步骤的实现过程,在此不再赘述。
对于装置实施例而言,由于其基本对应于方法实施例,所以相关之处参见方法实施例的部分说明即可。以上所描述的装置实施例只是示意性的,其中所述作为分离部件说明的单元可以是或者也可以不是物理上分开的,作为单元显示的部件可以是或者也可以不是物理单元,即可以位于一个地方,或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部模块来实现本说明书方案的目的。本领域普通技术人员在不付出创造性劳动的情况下,即可以理解并实施。
所述实施例阐明的装置、模块或单元,具体可以由计算机芯片或实体实现,或者由具有某种功能的产品来实现。一种典型的实现设备为计算机,计算机的具体形式可以是个人计算机、膝上型计算机、蜂窝电话、相机电话、智能电话、个人数字助理、媒体播放器、导航设备、电子邮件收发设备、游戏控制台、平板计算机、可穿戴设备或者这些设备中的任意几种设备的组合。
在一个典型的配置中,计算机包括一个或多个处理器 (CPU)、输入/输出接口、网络接口和内存。
内存可能包括计算机可读介质中的非永久性存储器,随机存取存储器 (RAM) 和/或非易失性内存等形式,如只读存储器 (ROM) 或闪存(flash RAM)。内存是计算机可读介质的示例。
计算机可读介质包括永久性和非永久性、可移动和非可移动媒体可以由任何方法或技术来实现信息存储。信息可以是计算机可读指令、数据结构、程序的模块或其他数据。计算机的存储介质的例子包括,但不限于相变内存 (PRAM)、静态随机存取存储器 (SRAM)、动态随机存取存储器 (DRAM)、其他类型的随机存取存储器 (RAM)、只读存储器 (ROM)、电可擦除可编程只读存储器 (EEPROM)、快闪记忆体或其他内存技术、只读光盘只读存储器(CD-ROM)、数字多功能光盘 (DVD) 或其他光学存储、磁盒式磁带、磁盘存储、量子存储器、基于石墨烯的存储介质或其他磁性存储设备或任何其他非传输介质,可用于存储可以被计算设备访问的信息。按照本文中的界定,计算机可读介质不包括暂存电脑可读媒体(transitory media),如调制的数据信号和载波。
还需要说明的是,术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含,从而使得包括一系列要素的过程、方法、商品或者设备不仅包括那些要素,而且还包括没有明确列出的其他要素,或者是还包括为这种过程、方法、商品或者设备所固有的要素。在没有更多限制的情况下,由语句“包括一个……”限定的要素,并不排除在包括所述要素的过程、方法、商品或者设备中还存在另外的相同要素。
所述对本说明书特定实施例进行了描述。其它实施例在所附权利要求书的范围内。在一些情况下,在权利要求书中记载的动作或步骤可以按照不同于实施例中的顺序来执行并且仍然可以实现期望的结果。另外,在附图中描绘的过程不一定要求示出的特定顺序或者连续顺序才能实现期望的结果。在某些实施方式中,多任务处理和并行处理也是可以的或者可能是有利的。
在本说明书一个或多个实施例使用的术语是仅仅出于描述特定实施例的目的,而非旨在限制本说明书一个或多个实施例。在本说明书一个或多个实施例和所附权利要求书中所使用的单数形式的“一种”、“所述”和“所述”也旨在包括多数形式,除非上下文清楚地表示其他含义。还应当理解,本文中使用的术语“和/或”是指并包含一个或多个相关联的列出项目的任何或所有可能组合。
应当理解,尽管在本说明书一个或多个实施例可能采用术语第一、第二、第三等来描述各种信息,但这些信息不应限于这些术语。这些术语仅用来将同一类型的信息彼此区分开。例如,在不脱离本说明书一个或多个实施例范围的情况下,第一信息也可以被称为第二信息,类似地,第二信息也可以被称为第一信息。取决于语境,如在此所使用的词语“如果”可以被解释成为“在……时”或“当……时”或“响应于确定”。
以上所述仅为本说明书一个或多个实施例的较佳实施例而已,并不用以限制本说明书一个或多个实施例,凡在本说明书一个或多个实施例的精神和原则之内,所做的任何修改、等同替换、改进等,均应包含在本说明书一个或多个实施例保护的范围之内。

Claims (9)

1.一种页面开发方法,所述方法包括:
在用于构建待开发的目标页面的可视化界面中,展示与至少一个元数据模型中的各个元数据模型对应的各个模型选项; 所述元数据模型包括第一类元数据模型和/或第二类元数据模型;其中,所述第一类元数据模型用于描述实体对象与实体对象之间的关联关系;所述第二类元数据模型用于描述针对服务端提供的API定义的调用方法;
响应于针对所述各个模型选项中的目标模型选项的触发操作 ,将与所述目标模型选项对应的元数据模型的模型类型确定为目标模型类型,并根据元数据模型的模型类型与页面组件模板之间的对应关系,将与所述目标模型类型对应的页面组件模板添加至所述目标页面中;
响应于所述目标页面已开发完成,生成所述目标页面的页面元数据;所述页面元数据,用于描述在所述目标页面中添加的至少一个页面组件模板。
2.根据权利要求1所述的方法,所述第一类元数据模型的模型类型,包括:
查询类型,用于基于与所述元数据模型描述的实体对象对应的多个属性,获取包含所述多个属性中的任一属性的元数据模型实例;
详情类型,用于基于与所述元数据模型描述的实体对象对应的多个属性,获取包含所述多个属性的元数据模型实例;
编辑类型,用于接收与所述元数据模型描述的实体对象对应的多个属性的编辑信息,在本地存储中更新包含所述多个属性的元数据模型实例;
所述第二类元数据模型的模型类型,包括:
查询类型,用于获取多条查询参数以及输出与所述多条查询参数中的任一条查询参数对应的查询结果;
详情类型,用于获取多条查询参数以及输出与所述多条查询参数对应的查询结果;
命令类型,用于接收多条命令参数以及将所述命令参数上传至服务端;
所述元数据模型的模型类型与页面组件模板之间的对应关系,包括:
所述第一类元数据模型的查询类型或第二类元数据模型的查询类型,对应于所述页面组件模板中的查询模板;所述查询模板用于获取多条查询信息以及展示多条查询结果的简要信息;
所述第一类元数据模型的编辑类型对应于所述页面组件模板中的提交模板;所述提交模板用于将目标页面中显示的表单信息,存储至本地或上传至服务端;
所述第一类元数据模型的详情类型对应于所述页面组件模板中的详情模板;所述详情模板用于展示所述多条查询结果中的任一条查询结果的全部信息。
3.根据权利要求1所述的方法,所述响应于所述目标页面已开发完成,生成所述目标页面的页面元数据之前,还包括:
响应于针对已添加的所述目标页面中的页面组件模板的修改操作,对所述页面组件模板对应的配置信息进行更新,并对所述目标页面对应的页面元数据中描述的与所述页面组件模板对应的信息进行更新。
4.根据权利要求1所述的方法,所述方法还包括:
基于页面数据渲染引擎,对所述目标页面的页面元数据进行解析,得到与所述目标页面对应的页面组件;以及,基于元数据解析引擎,对元数据模型的模型元数据进行解析,得到与所述目标页面对应的核心服务,以构建出所述目标页面。
5.根据权利要求1所述的方法,所述方法还包括:
接收用于构建所述第一类元数据模型的模型元数据,基于所述模型元数据构建所述第一类元数据模型。
6.根据权利要求1所述的方法,所述方法还包括:
响应于针对所述可视化界面包含的扫描选项的触发操作,从包含了所述第二类元数据模型的模型元数据的工程文件中,获取所述第二类元数据模型的模型元数据,并基于所述模型元数据构建所述第二类元数据模型。
7.一种页面开发装置,所述装置包括:
展示单元,用于在用于构建待开发的目标页面的可视化界面中,展示与至少一个元数据模型中的各个元数据模型对应的各个模型选项;所述元数据模型包括第一类元数据模型和/或第二类元数据模型;其中,所述第一类元数据模型用于描述实体对象与实体对象之间的关联关系;所述第二类元数据模型用于描述针对服务端提供的API定义的调用方法;
添加单元,用于响应于针对所述各个模型选项中的目标模型选项的触发操作 ,将与所述目标模型选项对应的元数据模型的模型类型确定为目标模型类型,并根据元数据模型的模型类型与页面组件模板之间的对应关系,将与所述目标模型类型对应的页面组件模板添加至所述目标页面中;
生成单元,用于响应于所述目标页面已开发完成,生成所述目标页面的页面元数据;所述页面元数据,用于描述在所述目标页面中添加的至少一个页面组件模板。
8.一种电子设备,包括通信接口、处理器、存储器和总线,所述通信接口、所述处理器和所述存储器之间通过总线相互连接;
所述存储器中存储机器可读指令,所述处理器通过调用所述机器可读指令,执行权利要求1至6任一项所述的方法。
9.一种机器可读存储介质,所述机器可读存储介质存储有机器可读指令,所述机器可读指令在被处理器调用和执行时,实现权利要求1至6任一项所述的方法。
CN202211508367.5A 2022-11-29 2022-11-29 一种页面开发方法及装置 Active CN115543323B (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202211508367.5A CN115543323B (zh) 2022-11-29 2022-11-29 一种页面开发方法及装置

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202211508367.5A CN115543323B (zh) 2022-11-29 2022-11-29 一种页面开发方法及装置

Publications (2)

Publication Number Publication Date
CN115543323A true CN115543323A (zh) 2022-12-30
CN115543323B CN115543323B (zh) 2023-03-17

Family

ID=84722585

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202211508367.5A Active CN115543323B (zh) 2022-11-29 2022-11-29 一种页面开发方法及装置

Country Status (1)

Country Link
CN (1) CN115543323B (zh)

Citations (12)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20110208786A1 (en) * 2010-02-23 2011-08-25 Microsoft Corporation Presentation of a web-based visual representation of a structured data solution
WO2016177250A1 (zh) * 2015-05-05 2016-11-10 阿里巴巴集团控股有限公司 客户端页面渲染方法及装置
CN108228762A (zh) * 2017-12-25 2018-06-29 石化盈科信息技术有限责任公司 用于配置主数据库通用模板的方法和系统
WO2019033520A1 (zh) * 2017-08-18 2019-02-21 平安科技(深圳)有限公司 一种子系统页面的开发方法、存储介质和服务器
US10268980B1 (en) * 2017-12-29 2019-04-23 Apptio, Inc. Report generation based on user responsibility
CN112286513A (zh) * 2019-07-23 2021-01-29 北京京东尚科信息技术有限公司 基于组件元数据的可视化设计方法和装置
CN113590124A (zh) * 2021-08-09 2021-11-02 浙江网商银行股份有限公司 目标对象处理方法及装置
CN114020246A (zh) * 2021-11-05 2022-02-08 深圳壹账通智能科技有限公司 导航卡尺h5页面编排方法、装置、设备及介质
CN114090653A (zh) * 2021-11-17 2022-02-25 中通服软件科技有限公司 一种资源数据统计方法、装置、元平台设备及存储介质
CN114115844A (zh) * 2021-11-16 2022-03-01 招联消费金融有限公司 页面生成方法、装置、计算机设备和存储介质
CN115268863A (zh) * 2022-06-28 2022-11-01 山东浪潮科学研究院有限公司 一种低代码平台数据描述方法、设备及介质
CN115328458A (zh) * 2022-10-12 2022-11-11 共道网络科技有限公司 一种业务应用开发方法及装置

Patent Citations (12)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20110208786A1 (en) * 2010-02-23 2011-08-25 Microsoft Corporation Presentation of a web-based visual representation of a structured data solution
WO2016177250A1 (zh) * 2015-05-05 2016-11-10 阿里巴巴集团控股有限公司 客户端页面渲染方法及装置
WO2019033520A1 (zh) * 2017-08-18 2019-02-21 平安科技(深圳)有限公司 一种子系统页面的开发方法、存储介质和服务器
CN108228762A (zh) * 2017-12-25 2018-06-29 石化盈科信息技术有限责任公司 用于配置主数据库通用模板的方法和系统
US10268980B1 (en) * 2017-12-29 2019-04-23 Apptio, Inc. Report generation based on user responsibility
CN112286513A (zh) * 2019-07-23 2021-01-29 北京京东尚科信息技术有限公司 基于组件元数据的可视化设计方法和装置
CN113590124A (zh) * 2021-08-09 2021-11-02 浙江网商银行股份有限公司 目标对象处理方法及装置
CN114020246A (zh) * 2021-11-05 2022-02-08 深圳壹账通智能科技有限公司 导航卡尺h5页面编排方法、装置、设备及介质
CN114115844A (zh) * 2021-11-16 2022-03-01 招联消费金融有限公司 页面生成方法、装置、计算机设备和存储介质
CN114090653A (zh) * 2021-11-17 2022-02-25 中通服软件科技有限公司 一种资源数据统计方法、装置、元平台设备及存储介质
CN115268863A (zh) * 2022-06-28 2022-11-01 山东浪潮科学研究院有限公司 一种低代码平台数据描述方法、设备及介质
CN115328458A (zh) * 2022-10-12 2022-11-11 共道网络科技有限公司 一种业务应用开发方法及装置

Non-Patent Citations (2)

* Cited by examiner, † Cited by third party
Title
HOLLY A. H. HANDLEY等: ""Maintaining the Consistency of SysML Model Exports to XML Metadata Interchange (XMI)"", 《2021 IEEE INTERNATIONAL SYSTEMS CONFERENCE (SYSCON)》 *
单文金等: ""一种软件可视化快速开发平台的设计与实现"", 《计算机应用与软件》 *

Also Published As

Publication number Publication date
CN115543323B (zh) 2023-03-17

Similar Documents

Publication Publication Date Title
US10048946B2 (en) Converting visual diagrams into code
US20220318945A1 (en) Optimizing compilation of shaders
CN106648556B (zh) 前后端集成开发测试的方法及装置
CN110221959B (zh) 应用程序的测试方法、设备以及计算机可读介质
CN113018870B (zh) 一种数据处理方法、装置及计算机可读存储介质
CN113268243B (zh) 内存预测方法及装置、存储介质、电子设备
CN112905441A (zh) 测试用例生成方法、测试方法、装置及设备
CN117289905B (zh) 一种应用软件开发方法和装置、存储介质和电子设备
CN112199261A (zh) 应用程序性能分析方法及装置、电子设备
CN115292418B (zh) 跨系统业务流程自动化处理方法及系统
CN115543323B (zh) 一种页面开发方法及装置
CN115328458B (zh) 一种业务应用开发方法及装置
CN115048083A (zh) 组件的可视化方法、装置、存储介质及电子设备
CN113138762A (zh) Ui页面开发方法及装置
JP2018045619A (ja) 解析プログラム、解析方法、及び解析装置
CN112596781A (zh) 一种业务执行以及业务配置方法及装置
CN118261143B (zh) Unity环境下的Json数据解析方法、装置、设备及介质
Williams Toward a test-ready meta-model for use cases
US12079104B2 (en) Infrastructure to integrate an integrated development environment (IDE) with game engines
CN112380281B (zh) 一种平台层代码生成方法、装置、电子设备及存储介质
CN110609682B (zh) 一种基于WebGL的图形绘制方法、装置及系统
CN110837896B (zh) 机器学习模型的存储和调用方法、装置
CN115328461A (zh) 一种可展示智能合约模型结构的区块链软件开发工具及实现方法
CN115509938A (zh) 代码检视方法、装置和计算机可读存储介质
CN116301794A (zh) 一种服务组合可视化实现方法和装置

Legal Events

Date Code Title Description
PB01 Publication
PB01 Publication
SE01 Entry into force of request for substantive examination
SE01 Entry into force of request for substantive examination
GR01 Patent grant
GR01 Patent grant