CN112685025A - 快速搭建前端页面的方法及*** - Google Patents

快速搭建前端页面的方法及*** Download PDF

Info

Publication number
CN112685025A
CN112685025A CN202011539039.2A CN202011539039A CN112685025A CN 112685025 A CN112685025 A CN 112685025A CN 202011539039 A CN202011539039 A CN 202011539039A CN 112685025 A CN112685025 A CN 112685025A
Authority
CN
China
Prior art keywords
configuration
page
data
template
end page
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.)
Pending
Application number
CN202011539039.2A
Other languages
English (en)
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.)
Jiangsu Suning Cloud Computing Co ltd
Original Assignee
Jiangsu Suning Cloud Computing 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 Jiangsu Suning Cloud Computing Co ltd filed Critical Jiangsu Suning Cloud Computing Co ltd
Priority to CN202011539039.2A priority Critical patent/CN112685025A/zh
Publication of CN112685025A publication Critical patent/CN112685025A/zh
Priority to CA3143847A priority patent/CA3143847A1/en
Pending legal-status Critical Current

Links

Images

Landscapes

  • Document Processing Apparatus (AREA)

Abstract

本发明公开一种快速搭建前端页面的方法及***,涉及互联网技术领域,能够便捷高效的调整各个算子的并行度。该方法包括:构建搭建前端页面所需的资产元素,资产元素包括物料数据、配置数据和模板数据;根据所选的资产元素,生成前端页面对应的JSON文件;读取JSON文件,渲染出前端页面。该***应用有上述方案所提的方法。

Description

快速搭建前端页面的方法及***
技术领域
本发明涉及互联网技术领域,尤其涉及一种快速搭建前端页面的方法及***。
背景技术
目前中后台***的开发,需要先绘制原型交互,再根据原型交互完成设计,最后进入编码实现,需要消耗较长的时间,在中后台***的开发过程中,前端页面的搭建是其中重要一环,而现有技术对于前端页面的搭建多采用编写代码的方式进行,导致前端页面搭建过程费时费力、效率低下。
发明内容
本发明的目的在于提供一种快速搭建前端页面的方法及***,能够便捷、高效的完成中后台***前端页面的搭建。
为了实现上述目的,本发明的第一方面提供一种快速搭建前端页面的方法,包括:
构建搭建前端页面所需的资产元素,所述资产元素包括物料数据、配置数据和模板数据;
根据所选的资产元素,生成前端页面对应的JSON文件;
读取所述JSON文件,渲染出前端页面。
优选地,构建搭建前端页面所需的资产元素,所述资产元素包括物料数据、配置数据和模板数据的方法包括:
在资产端管理前端页面所需的物料数据、配置数据和模板数据,所述管理包括添加操作、删除操作和修改操作;其中,
所述物料数据包括查询面板元素、表格元素、表单元素和详情单元素;
所述配置数据包括属性配置列表和事件配置列表;
所述模板数据包括列表页模板、表单页模板和详情页模板。
较佳地,根据所选的资产元素,生成前端页面对应的JSON文件的方法包括:
通过配置端选择前端页面所需的物料数据的元素;
针对所选的每个物料数据元素从属性配置列表中选择对应的控件配置属性值进行元素修饰;和/或,针对所选的每个物料数据元素从事件配置列表中配置对应的事件模板,解析出其中的插槽逻辑模板后配置事件数据进行事件修饰;
根据每个所选物料数据元素的元素修饰和/或事件修饰,生成前端页面对应的JSON文件。
较佳地,根据所选的资产元素,生成前端页面对应的JSON文件的方法包括:
通过配置端选择前端页面所需的模板数据,生成前端页面对应的JSON文件。
进一步地,读取所述JSON文件,渲染出前端页面的方法包括:
解析所述JSON文件获取元素修饰和事件修饰,深拷贝其中的属性值和事件数据渲染出前端页面。
进一步地,在渲染出前端页面之前还包括:
提供在线多人协作及实时预览的VUE组件,供多人基于所述JSON文件调试页面代码,渲染出前端页面。
与现有技术相比,本发明提供的快速搭建前端页面的方法具有以下有益效果:
本发明提供的快速搭建前端页面的方法中,通过资产管理端构建搭建前端页面所需的资产元素,资产元素多种多样如物料数据、配置数据、模板数据等,然后开发者通过配置端可视化操作选择搭建前端页面所需的资产元素,并经过配置后生成前端页面对应的JSON文件,最终通过渲染端读取配置完成的JSON文件,渲染出所设计的前端页面。
可见,本发明实现了以所见即所得的方式搭建中后台***的前端页面,满足了不同人群的使用需求。对于非开发人员,可通过可视化界面简单、快速的搭建完成项目开发。对于开发人员,可依据资产管理端中提供的不同技术栈的物料数据,满足更多场景的使用需求。进而实现便捷、高效的对中后台***的前端页面进行搭建。
本发明的第二方面提供一种快速搭建前端页面的***,应用于上述技术方案所述的快速搭建前端页面的方法中,所述***包括:
资产管理端,用于构建搭建前端页面所需的资产元素,所述资产元素包括物料数据、配置数据和模板数据;
配置端,用于根据所选的资产元素,生成前端页面对应的JSON文件;
渲染端,用于读取所述JSON文件,渲染出前端页面。
优选地,还包括:
所述资产管理端用于在资产端管理前端页面所需的物料数据、配置数据和模板数据,所述管理包括添加操作、删除操作和修改操作;其中,
所述物料数据包括查询面板元素、表格元素、表单元素和详情单元素;
所述配置数据包括属性配置列表和事件配置列表;
所述模板数据包括列表页模板、表单页模板和详情页模板。
较佳地,所述配置端包括:
操作模块,用于通过配置端选择前端页面所需的物料数据的元素;
配置模块,用于针对所选的每个物料数据元素从属性配置列表中选择对应的控件配置属性值进行元素修饰;和/或,针对所选的每个物料数据元素从事件配置列表中配置对应的事件模板,解析出其中的插槽逻辑模板后配置事件数据进行事件修饰;
处理模块,用于根据每个所选物料数据元素的元素修饰及事件修饰,生成前端页面对应的JSON文件。
与现有技术相比,本发明提供的快速搭建前端页面的***的有益效果与上述技术方案提供的快速搭建前端页面的方法的有益效果相同,在此不做赘述。
本发明的第三方面提供一种计算机可读存储介质,计算机可读存储介质上存储有计算机程序,计算机程序被处理器运行时执行上述快速搭建前端页面的方法的步骤。
与现有技术相比,本发明提供的计算机可读存储介质的有益效果与上述技术方案提供的快速搭建前端页面的方法的有益效果相同,在此不做赘述。
附图说明
此处所说明的附图用来提供对本发明的进一步理解,构成本发明的一部分,本发明的示意性实施例及其说明用于解释本发明,并不构成对本发明的不当限定。在附图中:
图1为本发明实施例中快速搭建前端页面方法的流程示意图;
图2为本发明实施例中配置端生成JSON文件的流程示意图;
图3为本发明实施例中渲染端渲染JSON文件的流程示意图;
图4为本发明实施例中代码调试过程的流程示意图;
图5为本发明实施例中***整体架构示意图。
具体实施方式
为使本发明的上述目的、特征和优点能够更加明显易懂,下面将结合本发明实施例中的附图,对本发明实施例中的技术方案进行清楚、完整地描述。显然,所描述的实施例仅仅是本发明一部分实施例,而不是全部的实施例。基于本发明中的实施例,本领域普通技术人员在没有作出创造性劳动的前提下所获得的所有其它实施例,均属于本发明保护的范围。
实施例一
请参阅图1-5,本实施例提供一种快速搭建前端页面的方法,包括:
构建搭建前端页面所需的资产元素,资产元素包括物料数据、配置数据和模板数据;根据所选的资产元素,生成前端页面对应的JSON文件;读取JSON文件,渲染出前端页面。
具体实施时,资产管理端采用开放式设计,可由开发人员自由增减、修改其中的资产元素数据,其中,物料数据中的每个元素均是由开发人员构建生成的JS文件,配置数据是对每个元素的参数配置,用于设计每个元素在页面的显示位置和显示效果,模板数据是由开发人员预置在资产管理端中的,其是由物料数据和配置数据组合而成。实际使用过程中,开发人员可选择物料数据和配置数据进行手动配置前端页面,也可直接选择预置的模板数据自动配置前端页面。
本实施例提供的快速搭建前端页面的方法中,通过资产管理端构建搭建前端页面所需的资产元素,资产元素多种多样如物料数据、配置数据、模板数据等,然后开发者通过配置端可视化操作选择搭建前端页面所需的资产元素,并经过配置后生成前端页面对应的JSON文件,最终通过渲染端读取配置完成的JSON文件,渲染出所设计的前端页面。
可见,本实施例实现了以所见即所得的方式搭建中后台***的前端页面,满足了不同人群的使用需求。对于非开发人员,可通过可视化界面简单、快速的搭建完成项目开发。对于开发人员,可依据资产管理端中提供的不同技术栈的物料数据,满足更多场景的使用需求。进而实现便捷、高效的对中后台***的前端页面进行搭建。
请参阅图5,上述实施例中,构建搭建前端页面所需的资产元素,资产元素包括物料数据、配置数据和模板数据的方法包括:
在资产端管理前端页面所需的物料数据、配置数据和模板数据,管理包括添加操作、删除操作和修改操作;其中,物料数据包括查询面板元素、表格元素、表单元素和详情单元素;配置数据包括属性配置列表和事件配置列表;模板数据包括列表页模板、表单页模板和详情页模板。
具体实施时,资产端管理的物料数据、配置数据和模板数据可由开发人员根据需要手动进行添加、删除和修改操作,其中物料数据的内部粒度由小到大分为组件、区块和模板,组件泛指原子组件,比如输入框、选择框、查询面板元素、表格元素、表单元素、详情单元素等,区块则是将多个组件组合实现的功能逻辑,模板则是由组件和区块组合而成,通常是页面级。属性配置列表又包括样式属性和插槽属性,样式属性主要是对物料数据的样式进行的参数配置,如大小、透明度、颜色等,插槽属性主要是对插槽逻辑进行的配置,如交互逻辑(弹窗逻辑等)。一般来讲,物料数据在资产端中以js文件形式保存,开发人员根据物料数据通过物料配置栏配置的配置数据以json文件形式保存。
上述实施例中,根据所选的资产元素,生成前端页面对应的JSON文件的方法包括如下两种方式:
方式一:通过配置端选择前端页面所需的物料数据元素;针对所选的每个物料数据元素从属性配置列表中选择对应的控件配置属性值进行元素修饰;和/或,针对所选的每个物料数据元素从事件配置列表中配置对应的事件模板,解析出其中的插槽逻辑模板后配置事件数据进行事件修饰;根据每个所选物料数据元素的元素修饰和/或事件修饰,生成前端页面对应的JSON文件。
方式二:通过配置端选择前端页面所需的模板数据,生成前端页面对应的JSON文件。
请参阅图2,具体实施时,开发人员可选择上述方式中的任一种来生成前端页面的JSON文件。其中,方式一更适合开发人员操作,其相当于在可视化界面中手动选择所需的物料数据元素,并分别针对每个物料数据元素从属性配置列表中选择对应的控件配置属性值进行元素修饰,以及针对每个物料数据元素从事件配置列表中配置对应的事件模板,解析出其中的插槽逻辑模板后配置事件数据进行事件修饰,最终根据每个所选物料数据元素的元素修饰和/或事件修饰,生成前端页面对应的JSON文件。方式二更适合非开发人员操作,其相当于直接选取预设好的模板数据,生成前端页面对应的JSON文件。
可以理解的是,上述前端页面JSON文件的配置过程可在设计器中实现,利用设计器中的画布模块,由开发人员在物料数据中选择所需的元素,并针对每个元素配置属性值和/或事件值,最终形成针对各元素的属性配置列表和/或事件配置列表,画布模块所呈现的内容是一个页面级的组件树,该组件树是由不同的物料数据元素、对应配置的属性值和/或事件值组成,组件树的渲染是通过获取该组件树内所有元素以及配置数据(属性值、事件值)并进行异步加载并绘制而成。然后,利用设计器中的配置模块,根据组件树中的元素获取其配置渲染JSON文件,该JSON文件中包含物料数据元素、属性配置列表、事件配置列表、数据源等,渲染出配置栏,同时在配置栏中监听用户操作并将所改变的物料数据元素以深拷贝的形式,结合VUE的createElement方法输出,在画布区实时渲染出前端网页中的物料数据元素,以此方式方便用户在修改配置数据时,能够实时的查看到相关的渲染效果。需要解释的是,深拷贝形式是指在内存中新建一块小的存储空间,单独保存修改的物料数据元素及对应的配置数据,以避免对其他数据造成影响。
上述实施例中的读取JSON文件,渲染出前端页面的具体实施方式如下:
利用设计器中的预览模块,以JSON文件为入口,获取页面的物料数据元素以及各物料数据元素的配置数据渲染预览页面。
上述实施例中,在渲染出前端页面之前还包括:
提供在线多人协作及实时预览的VUE组件,供多人基于所述JSON文件调试页面代码,渲染出前端页面。请参阅图4,代码调试过程提供一个在线的可多人协作及实时预览的VUE组件,为了简化代码编写的复杂度,封装了一套集VUE组件的生命周期、接口请求、数据绑定、数据赋值功能于一体,以简单的API调用方式即可完成从初始化到数据请求再到页面交互逻辑的实现。预览方面以沙盒的形式,保证安全性的基础上编译用户所编写的代码逻辑,同搭建的组件树嵌套从而实现实时预览调试代码。
具体实施时,配置端配置的JSON文件在设计器中的配置模块渲染,其通过加载物料数据元素,并配置该物料数据元素的属性值和/或事件,其中,属性值的配置是通过围绕属性的字段类型,如字符串、数值、布尔值、对象、数组,提供相应的控件供开发者选择,例如当字段类型为字符串,则可选择输入框、选择框、单选框等不同表现形式的控件。然后结合不同字段类型和数据逻辑,提供多种关联配置(其他属性的显示隐藏、启用禁用、字符长度、数量上限、数量下限等)和组合配置(将不同属性组合成为一个大的属性对象,便于组件属性入口简化,从而达到适应物料开发所需要的属性),比如一个物料数据元素中有属性A、属性B、属性C,属性A的字段类型为字符串,可配置当属性A的值为“0001”时,隐藏属性B并禁用属性C,也可配置当属性A的值为“0002”时,显示属性B等。
综上,本实施例具有以下有益效果:
1、本实施例以中后台***的特点为出发点,结合物料体系,实现快速搭建前端页面的方案。
2、本实施例以规范化的交互视觉体验,以及底层逻辑处理,简化使用者搭建页面的操作,从而达到快速搭建及使用的技术效果。
3、本实施例能够实现可读性高的代码生成能力,弱化机器生成代码可读性差的问题,方便开发人员查阅搭建项目的代码。
4、本实施例以低代码的形式,降低项目开发周期,简化项目流程,提高整体效率。
实施例二
请参阅图2、图3和图5,本实施例提供一种快速搭建前端页面的***,包括:
资产管理端,用于构建搭建前端页面所需的资产元素,所述资产元素包括物料数据、配置数据和模板数据;
配置端,用于根据所选的资产元素,生成前端页面对应的JSON文件;
渲染端,用于读取所述JSON文件,渲染出前端页面。
优选地,所述资产管理端用于在资产端管理前端页面所需的物料数据、配置数据和模板数据,所述管理包括添加操作、删除操作和修改操作;其中,
所述物料数据包括查询面板元素、表格元素、表单元素和详情单元素;
所述配置数据包括属性配置列表和事件配置列表;
所述模板数据包括列表页模板、表单页模板和详情页模板。
较佳地,所述配置端包括:
操作模块,用于通过配置端选择前端页面所需的物料数据的元素;
配置模块,用于针对所选的每个物料数据元素从属性配置列表中选择对应的控件配置属性值进行元素修饰;和/或,针对所选的每个物料数据元素从事件配置列表中配置对应的事件模板,解析出其中的插槽逻辑模板后配置事件数据进行事件修饰;
处理模块,用于根据每个所选物料数据元素的元素修饰及事件修饰,生成前端页面对应的JSON文件。
与现有技术相比,本发明实施例提供的快速搭建前端页面的***的有益效果与上述实施例一提供的快速搭建前端页面的方法的有益效果相同,在此不做赘述。
实施例三
本实施例提供一种计算机可读存储介质,计算机可读存储介质上存储有计算机程序,计算机程序被处理器运行时执行上述快速搭建前端页面的方法的步骤。
与现有技术相比,本实施例提供的计算机可读存储介质的有益效果与上述技术方案提供的快速搭建前端页面的方法的有益效果相同,在此不做赘述。
本领域普通技术人员可以理解,实现上述发明方法中的全部或部分步骤是可以通过程序来指令相关的硬件来完成,上述程序可以存储于计算机可读取存储介质中,该程序在执行时,包括上述实施例方法的各步骤,而的存储介质可以是:ROM/RAM、磁碟、光盘、存储卡等。
以上,仅为本发明的具体实施方式,但本发明的保护范围并不局限于此,任何熟悉本技术领域的技术人员在本发明揭露的技术范围内,可轻易想到变化或替换,都应涵盖在本发明的保护范围之内。因此,本发明的保护范围应以所述权利要求的保护范围为准。

Claims (10)

1.一种快速搭建前端页面的方法,其特征在于,包括:
构建搭建前端页面所需的资产元素,所述资产元素包括物料数据、配置数据和模板数据;
根据所选的资产元素,生成前端页面对应的JSON文件;
读取所述JSON文件,渲染出前端页面。
2.根据权利要求1所述的方法,其特征在于,构建搭建前端页面所需的资产元素,所述资产元素包括物料数据、配置数据和模板数据的方法包括:
在资产端管理前端页面所需的物料数据、配置数据和模板数据,所述管理包括添加操作、删除操作和修改操作;其中,
所述物料数据包括查询面板元素、表格元素、表单元素和详情单元素;
所述配置数据包括属性配置列表和事件配置列表;
所述模板数据包括列表页模板、表单页模板和详情页模板。
3.根据权利要求2所述的方法,其特征在于,根据所选的资产元素,生成前端页面对应的JSON文件的方法包括:
通过配置端选择前端页面所需的物料数据的元素;
针对所选的每个物料数据元素从属性配置列表中选择对应的控件配置属性值进行元素修饰;和/或,针对所选的每个物料数据元素从事件配置列表中配置对应的事件模板,解析出其中的插槽逻辑模板后配置事件数据进行事件修饰;
根据每个所选物料数据元素的元素修饰和/或事件修饰,生成前端页面对应的JSON文件。
4.根据权利要求2所述的方法,其特征在于,根据所选的资产元素,生成前端页面对应的JSON文件的方法包括:
通过配置端选择前端页面所需的模板数据,生成前端页面对应的JSON文件。
5.根据权利要求3所述的方法,其特征在于,读取所述JSON文件,渲染出前端页面的方法包括:
解析所述JSON文件获取元素修饰和事件修饰,深拷贝其中的属性值和事件数据渲染出前端页面。
6.根据权利要求3所述的方法,其特征在于,在渲染出前端页面之前还包括:
提供在线多人协作及实时预览的VUE组件,供多人基于所述JSON文件调试页面代码,渲染出前端页面。
7.一种快速搭建前端页面的***,其特征在于,包括:
资产管理端,用于构建搭建前端页面所需的资产元素,所述资产元素包括物料数据、配置数据和模板数据;
配置端,用于根据所选的资产元素,生成前端页面对应的JSON文件;
渲染端,用于读取所述JSON文件,渲染出前端页面。
8.根据权利要求7所述的***,其特征在于,所述资产管理端用于在资产端管理前端页面所需的物料数据、配置数据和模板数据,所述管理包括添加操作、删除操作和修改操作;其中,
所述物料数据包括查询面板元素、表格元素、表单元素和详情单元素;
所述配置数据包括属性配置列表和事件配置列表;
所述模板数据包括列表页模板、表单页模板和详情页模板。
9.根据权利要求8所述的***,其特征在于,所述配置端包括:
操作模块,用于通过配置端选择前端页面所需的物料数据的元素;
配置模块,用于针对所选的每个物料数据元素从属性配置列表中选择对应的控件配置属性值进行元素修饰;和/或,针对所选的每个物料数据元素从事件配置列表中配置对应的事件模板,解析出其中的插槽逻辑模板后配置事件数据进行事件修饰;
处理模块,用于根据每个所选物料数据元素的元素修饰及事件修饰,生成前端页面对应的JSON文件。
10.一种计算机可读存储介质,计算机可读存储介质上存储有计算机程序,其特征在于,计算机程序被处理器运行时执行上述权利要求1至7任一项所述方法的步骤。
CN202011539039.2A 2020-12-23 2020-12-23 快速搭建前端页面的方法及*** Pending CN112685025A (zh)

Priority Applications (2)

Application Number Priority Date Filing Date Title
CN202011539039.2A CN112685025A (zh) 2020-12-23 2020-12-23 快速搭建前端页面的方法及***
CA3143847A CA3143847A1 (en) 2020-12-23 2021-12-23 Method and system for fast building front-end pages

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202011539039.2A CN112685025A (zh) 2020-12-23 2020-12-23 快速搭建前端页面的方法及***

Publications (1)

Publication Number Publication Date
CN112685025A true CN112685025A (zh) 2021-04-20

Family

ID=75451174

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202011539039.2A Pending CN112685025A (zh) 2020-12-23 2020-12-23 快速搭建前端页面的方法及***

Country Status (2)

Country Link
CN (1) CN112685025A (zh)
CA (1) CA3143847A1 (zh)

Cited By (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN113835701A (zh) * 2021-09-22 2021-12-24 上海妙一生物科技有限公司 一种基于组件化的代码生成方法和装置
CN114995920A (zh) * 2022-08-03 2022-09-02 平安银行股份有限公司 信贷前端页面的配置化方法、计算机设备及可读存储介质
CN116991408A (zh) * 2023-09-26 2023-11-03 南京新桐数字科技有限公司 一种基于生成式ai的动态建站方法及***

Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN109597614A (zh) * 2017-09-28 2019-04-09 华为技术有限公司 一种业务页面定制方法及***
CN110597506A (zh) * 2019-11-14 2019-12-20 南京百敖软件有限公司 一种前端应用可视化开发工具和使用方法
CN110968305A (zh) * 2019-12-20 2020-04-07 深圳乐信软件技术有限公司 小程序可视化生成方法、装置、设备及存储介质
CN111324390A (zh) * 2020-02-20 2020-06-23 苏宁云计算有限公司 实现app内容可配置和实时更新的装置及方法
CN111597484A (zh) * 2020-07-22 2020-08-28 成都新希望金融信息有限公司 一种ui动态生成方法
CN111930381A (zh) * 2020-09-21 2020-11-13 知学云(北京)科技有限公司 一种支持SaaS多租户***的个性化页面配置方法

Patent Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN109597614A (zh) * 2017-09-28 2019-04-09 华为技术有限公司 一种业务页面定制方法及***
CN110597506A (zh) * 2019-11-14 2019-12-20 南京百敖软件有限公司 一种前端应用可视化开发工具和使用方法
CN110968305A (zh) * 2019-12-20 2020-04-07 深圳乐信软件技术有限公司 小程序可视化生成方法、装置、设备及存储介质
CN111324390A (zh) * 2020-02-20 2020-06-23 苏宁云计算有限公司 实现app内容可配置和实时更新的装置及方法
CN111597484A (zh) * 2020-07-22 2020-08-28 成都新希望金融信息有限公司 一种ui动态生成方法
CN111930381A (zh) * 2020-09-21 2020-11-13 知学云(北京)科技有限公司 一种支持SaaS多租户***的个性化页面配置方法

Non-Patent Citations (2)

* Cited by examiner, † Cited by third party
Title
_SX_: "[技术地图] CodeSandbox 如何工作? 上篇", pages 1 - 4, Retrieved from the Internet <URL:https://cloud.tencent.com/developer/article/1482264> *
FREEWHEELLEE: "JavaScript线上沙箱环境——codesandbox.io", pages 1 - 6, Retrieved from the Internet <URL:https://zhuanlan.zhihu.com/p/268559657> *

Cited By (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN113835701A (zh) * 2021-09-22 2021-12-24 上海妙一生物科技有限公司 一种基于组件化的代码生成方法和装置
CN113835701B (zh) * 2021-09-22 2024-04-02 上海妙一生物科技有限公司 一种基于组件化的代码生成方法和装置
CN114995920A (zh) * 2022-08-03 2022-09-02 平安银行股份有限公司 信贷前端页面的配置化方法、计算机设备及可读存储介质
CN114995920B (zh) * 2022-08-03 2022-12-20 平安银行股份有限公司 信贷前端页面的配置化方法、计算机设备及可读存储介质
CN116991408A (zh) * 2023-09-26 2023-11-03 南京新桐数字科技有限公司 一种基于生成式ai的动态建站方法及***
CN116991408B (zh) * 2023-09-26 2023-12-12 南京新桐数字科技有限公司 一种基于生成式ai的动态建站方法及***

Also Published As

Publication number Publication date
CA3143847A1 (en) 2022-06-23

Similar Documents

Publication Publication Date Title
US11003422B2 (en) Methods and systems for visual programming using polymorphic, dynamic multi-dimensional structures
US20230367841A1 (en) System and method for implementing containers which extract and apply semantic page knowledge
CN112685025A (zh) 快速搭建前端页面的方法及***
CN109614424B (zh) 页面布局生成方法、装置、计算设备和介质
CN105511873B (zh) 用户界面控件展示方法及装置
CN111522552B (zh) 子应用生成方法、装置、计算机设备和存储介质
CN113849165A (zh) 基于可视化拖拉且可定制的低代码前端开发框架及方法
CN110851134A (zh) 低代码页面设计装置及页面设计方法
CN111881662A (zh) 表单生成方法、装置、处理设备及存储介质
CN114564252A (zh) 一种低代码平台的事件配置方法、***、设备及介质
CN111625226A (zh) 一种基于原型的人机交互设计实现方法及***
CN110569096A (zh) 去代码化制作人机交互界面的***、方法、介质及设备
CN106055535B (zh) 一种图表生成方法及装置
CN113010168B (zh) 一种基于场景树的用户界面生成方法
CN110333853A (zh) 活动卡片的应用方法、装置、设备及可读存储介质
CN113553635A (zh) 图库图元配置方法、装置、电子设备和存储介质
Fischer et al. Brassau: automatic generation of graphical user interfaces for virtual assistants
KR20180135654A (ko) 프로그램의 직관적 제작방법
CN115390840A (zh) 一种可视化页面的生成方法、装置及***
CN112486378B (zh) 图形生成方法、装置、终端及存储介质
Binninger et al. SENS: Part‐Aware Sketch‐based Implicit Neural Shape Modeling
CN114237593A (zh) 一种前端页面生成方法、计算机装置和存储介质
CN110554900B (zh) 基于gpu呈现人机界面效果的方法、***、设备及介质
US8566734B1 (en) System and method for providing visual component layout input in alternate forms
CN113946336A (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