CN111522552B - 子应用生成方法、装置、计算机设备和存储介质 - Google Patents

子应用生成方法、装置、计算机设备和存储介质 Download PDF

Info

Publication number
CN111522552B
CN111522552B CN202010638752.6A CN202010638752A CN111522552B CN 111522552 B CN111522552 B CN 111522552B CN 202010638752 A CN202010638752 A CN 202010638752A CN 111522552 B CN111522552 B CN 111522552B
Authority
CN
China
Prior art keywords
component
data
application
sub
binding
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.)
Active
Application number
CN202010638752.6A
Other languages
English (en)
Other versions
CN111522552A (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.)
Tencent Technology Shenzhen Co Ltd
Original Assignee
Tencent Technology Shenzhen 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 Tencent Technology Shenzhen Co Ltd filed Critical Tencent Technology Shenzhen Co Ltd
Priority to CN202010638752.6A priority Critical patent/CN111522552B/zh
Publication of CN111522552A publication Critical patent/CN111522552A/zh
Application granted granted Critical
Publication of CN111522552B publication Critical patent/CN111522552B/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/30Creation or generation of source code
    • G06F8/34Graphical or visual programming
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F9/00Arrangements for program control, e.g. control units
    • G06F9/06Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
    • G06F9/44Arrangements for executing specific programs
    • G06F9/451Execution arrangements for user interfaces

Landscapes

  • Engineering & Computer Science (AREA)
  • Software Systems (AREA)
  • Theoretical Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Human Computer Interaction (AREA)
  • Stored Programmes (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

本申请涉及一种子应用生成方法、装置、计算机设备和存储介质。所述方法包括:展示子应用的页面模板,并展示组件库界面;响应于在所述组件库界面的组件选择操作,将所述组件选择操作选中的组件添加到所述页面模板中;展示所述选中的组件的属性界面,响应于在所述属性界面触发的数据绑定操作,将所述数据绑定操作所指定的数据与所述组件绑定;至少根据所述页面模板中已添加的组件,以及与已添加的所述组件绑定的数据,生成子应用代码;所述子应用代码用于生成在母应用上运行的子应用。采用本方法能够自动生成用户自定义的子应用,缩短了开发周期。

Description

子应用生成方法、装置、计算机设备和存储介质
技术领域
本申请涉及计算机技术领域,特别是涉及一种子应用生成方法、装置、计算机设备和存储介质。
背景技术
随着计算机技术的发展,越来越多的应用程序为用户的工作生活提供便利。应用程序还可以母应用和子应用。母应用是指可独立运行的应用,子应用是指不需要下载安装即可使用的应用,但子应用需要在母应用上运行。
用户可以通过母应用扫一扫或搜一下子应用标识,从而在母应用上打开子应用。但对于物联网线上的商家而言,需要专属的子应用为消费者提供服务,而目前商家无法自己实现子应用的生成,主要通过开发人员编写子应用代码,开发时间长。
发明内容
基于此,有必要针对上述技术问题,提供一种可视化的子应用生成方法、装置、计算机设备和存储介质,使得用户可以直接生成自己的子应用,减少开发时间。
一种子应用生成方法,所述方法包括:
展示子应用的页面模板,并展示组件库界面;
响应于在所述组件库界面的组件选择操作,将所述组件选择操作选中的组件添加到所述页面模板中;
展示所述选中的组件的属性界面,响应于在所述属性界面触发的数据绑定操作,将所述数据绑定操作所指定的数据与所述组件绑定;
至少根据所述页面模板中已添加的组件,以及与已添加的所述组件绑定的数据,生成子应用代码;所述子应用代码用于生成在母应用上运行的子应用。
一种子应用生成装置,所述装置包括:
第一展示模块,用于展示子应用的页面模板,并展示组件库界面;
第一添加模块,用于响应于在所述组件库界面的组件选择操作,将所述组件选择操作选中的组件添加到所述页面模板中;
绑定模块,用于展示所述选中的组件的属性界面,响应于在所述属性界面触发的数据绑定操作,将所述数据绑定操作所指定的数据与所述组件绑定;
生成模块,用于至少根据所述页面模板中已添加的组件,以及与已添加的所述组件绑定的数据,生成子应用代码;所述子应用代码用于生成在母应用上运行的子应用。
在一个实施例中,所述装置还包括:
第二展示模块,用于响应于数据集配置操作,展示数据集配置界面;
选择模块,用于响应于在所述数据集配置界面触发的数据选择操作,从预定义的数据集中选择预定义的数据;
第二添加模块,用于当选择的所述数据已绑定组件时,将已绑定的组件添加到所述页面模板中。
在一个实施例中,所述绑定模块还用于:
响应于在所述属性界面触发的数据绑定操作,在所述属性界面显示预定义的数据集;
基于对所述属性界面所显示的数据集的数据选择操作,从所述数据集中选择预定义的数据;
将选择的所述数据与所述组件绑定。
在一个实施例中,所述装置还包括:数据定义模块;所述数据定义模块用于:
响应于数据定义发起操作,进入数据定义界面;
基于在所述数据定义界面配置的数据名称和数据类型,确定定义的数据;
将所述定义的数据添加到数据集中。
在一个实施例中,所述绑定模块还用于:
当所述数据类型是默认绑定组件的预设数据类型时,将所述定义的数据与所述预设数据类型对应的默认组件绑定。
在一个实施例中,在所述将所述数据绑定操作所指定的数据与所述组件绑定之后,所述绑定模块还用于:
响应于对所述页面模板中添加的所述组件的选中操作,触发事件添加入口;
响应于对所述事件添加入口的触发操作,将所述组件与事件绑定;
所述生成模块还用于:
至少根据所述页面模板中已添加的组件、与已添加的所述组件绑定的数据以及与所述组件绑定的事件,生成子应用代码。
在一个实施例中,所述装置还包括:绑定关系展示模板;所述绑定关系展示模板用于:
在与所述页面模板对应的第一展示区域,展示所述页面模板中已添加的组件所绑定事件的事件标识;
当所述页面模板中添加的至少一个组件处于编辑状态时,显示可视化的组件与事件绑定关系;所述组件与事件绑定关系指向编辑状态的所述组件,并指向所述第一展示区域中编辑状态的所述组件所绑定事件的事件标识。
在一个实施例中,所述绑定关系展示模板还用于:
在与所述页面模板对应的第二展示区域,展示所述页面模板中已添加的组件所绑定的数据;
当所述页面模板中添加的至少一个组件处于编辑状态时,显示可视化的组件与数据绑定关系;所述组件与数据绑定关系指向编辑状态的所述组件,并指向所述第二展示区域中编辑状态的所述组件所绑定的数据。
在一个实施例中,所述装置还包括:配置模块;所述配置模块用于:
在开发项目管理页面,响应于开发项目创建操作,创建子应用开发项目;
进入所述子应用开发项目对应的开发环境,读取组件配置信息;
基于所述组件配置信息构建所述开发环境所支持的组件;
在一个实施例中,所述生成模块还用于:
至少根据所述页面模板中已添加的组件、与已添加的所述组件绑定的数据,结合已添加的所述组件的样式信息和代码模板中的至少一种,生成子应用代码。
在一个实施例中,所述生成模块还用于:
响应于母应用触发操作,跳转至母应用;
在所述母应用提供的运行环境中运行所述子应用代码,生成子应用。
一种计算机设备,包括存储器和处理器,所述存储器存储有计算机程序,所述处理器执行所述计算机程序时实现以下步骤:
展示子应用的页面模板,并展示组件库界面;
响应于在所述组件库界面的组件选择操作,将所述组件选择操作选中的组件添加到所述页面模板中;
展示所述选中的组件的属性界面,响应于在所述属性界面触发的数据绑定操作,将所述数据绑定操作所指定的数据与所述组件绑定;
至少根据所述页面模板中已添加的组件,以及与已添加的所述组件绑定的数据,生成子应用代码;所述子应用代码用于生成在母应用上运行的子应用。
一种计算机可读存储介质,其上存储有计算机程序,所述计算机程序被处理器执行时实现以下步骤:
展示子应用的页面模板,并展示组件库界面;
响应于在所述组件库界面的组件选择操作,将所述组件选择操作选中的组件添加到所述页面模板中;
展示所述选中的组件的属性界面,响应于在所述属性界面触发的数据绑定操作,将所述数据绑定操作所指定的数据与所述组件绑定;
至少根据所述页面模板中已添加的组件,以及与已添加的所述组件绑定的数据,生成子应用代码;所述子应用代码用于生成在母应用上运行的子应用。
上述子应用生成方法、装置、计算机设备和存储介质,通过展示子应用的页面模板,使得用户可直接在页面模板中进行子应用的创建。展示组件库界面,以直观展示可使用的组件,使得用户能够直接从组件库界面中选择需要的组件,并将组件添加到页面模板中进行编辑。展示选中的组件的属性界面,使得用户直接在该属性界面中输入需要与该组件绑定的数据,即可实现组件和数据的绑定操作。至少根据页面模板中的组件,以及与组件绑定的数据,无需用户编写代码,即可自动生成用户自定义的子应用,缩短了开发周期,提高开发效率。并且,通过可视化的组件选择、和数据绑定操作,不懂代码的用户也可以自己开发子应用,使得子应用的开发更简单。
附图说明
图1为一个实施例中子应用生成方法的应用环境图;
图2为一个实施例中子应用生成方法的流程示意图;
图3为一个实施例中子应用生成方法的流程示意图;
图4(a)为另一个实施例中子应用生成的原理图;
图4(b)为另一个实施例中子应用生成的交互示意图;
图5为其中一个实施例中子应用生成方法的流程示意图;
图6为一个实施例中子应用生成的原理流程图;
图7为一个实施例中用户生成子应用的流程示意图;
图8为一个实施例中用户生成子应用的流程示意图;
图9为一个实施例中用于人脸识别的子应用的界面示意图;
图10为一个实施例中子应用生成装置的结构框图;
图11为一个实施例中计算机设备的内部结构图。
具体实施方式
为了使本申请的目的、技术方案及优点更加清楚明白,以下结合附图及实施例,对本申请进行进一步详细说明。应当理解,此处描述的具体实施例仅仅用以解释本申请,并不用于限定本申请。
本申请提供的子应用生成方法,可以应用于如图1所示的应用环境中。终端110展示子应用的页面模板,并展示组件库界面。终端110响应于在组件库界面的组件选择操作,将组件选择操作选中的组件添加到页面模板中。接着,终端110展示选中的组件的属性界面,响应于在属性界面触发的数据绑定操作,将数据绑定操作所指定的数据与组件绑定。接着,终端110将页面模板中已添加的组件,以及与已添加的组件绑定的数据发送给服务器120,服务器120根据已添加的组件,以及与已添加的组件绑定的数据生成子应用代码。接着,终端110接收服务器120返回的子应用代码,该子应用代码用于生成在母应用上运行的子应用。其中,服务器120可以是独立的物理服务器,也可以是多个物理服务器构成的服务器集群或者分布式系统,还可以是提供云计算服务的云服务器。终端110可以是智能手机、平板电脑、笔记本电脑、台式计算机、智能音箱、智能手表等,但并不局限于此。终端110以及服务器120可以通过有线或无线通信方式进行直接或间接地连接,本申请在此不做限制。
在一个实施例中,如图2所示,提供了一种子应用生成方法,以该方法应用于图1中的终端为例进行说明,包括以下步骤:
步骤202,展示子应用的页面模板,并展示组件库界面。
其中,页面模板是指允许编排和编辑的页面。用户可在该页面模板上实现子应用功能的编辑。子应用是指无法独立运行,需要借助其他应用实现运行的应用。子应用包括但不限于即时通信应用、SNS(Social Network Sites,社交网站)应用、短视频应用、长视频应用、游戏应用、音乐分享应用、购物出售应用、UGC(User Generated Content,用户生成内容)应用、各类智能识别应用,但不限于此。
具体地,用户可通过开发应用账号登录安装在终端的开发应用,或者,用户可通过开发应用账号登录网页版(即Web版)的开发应用。接着,终端展示开发应用的开发项目管理页面。当用户触发开发项目创建操作时,终端响应于开发项目创建操作,创建子应用开发项目。接着,终端可在子应用开发项目对应的开发环境中展示子应用的页面模板,并展示组件库界面。
在本实施例中,页面模板的数量可以根据需要设置。该页面模板可为空白页面。
步骤204,响应于在组件库界面的组件选择操作,将组件选择操作选中的组件添加到页面模板中。
具体地,终端在组件库界面中展示可使用的组件。用户可在组件库界面选择需要使用的组件,将选择的组件添加到页面模板中。终端接收用户在组件库界面上的组件选择操作,确定该组件选择操作所选中的组件,并将该组件添加到页面模板中。
在本实施例中,组件选择操作包括但不限于长按、点击、滑动、移动以及多点触控操作。组件添加到页面模板是指将用户选择的组件从组件库界面复制到页面模板中。
例如,用户可在组件库界面选择需要使用的组件,移动需要使用的组件到页面模板中。终端检测用户在组件库界面对组件的移动操作,确定移动轨迹,按照该移动轨迹移动该组件至页面模板中。
步骤206,展示选中的组件的属性界面,响应于在属性界面触发的数据绑定操作,将数据绑定操作所指定的数据与组件绑定。
具体地,当选中的组件添加至页面模板时,显示该组件的属性界面。该属性界面中可显示该组件当前的属性值、组件颜色、背景颜色、尺寸等信息,还可以展示预定义的数据集。用户可在该属性界面触发数据绑定操作,终端响应于该数据绑定操作,展示预定义的数据集。该预定义的数据集中包含至少一个预定义的数据。
在本实施例中,该数据可包括数据名称和数据类型。当数据为变量时,该数据可包括变量名称、变量类型,还可以包括变量值。该变量值可以为默认值,也可以根据需要设置。
接着,用户可在显示的数据集中进行数据选择。终端响应于用户的数据选择操作确定用户所选择的数据。接着,终端可将所选择的数据和组件进行绑定。
在本实施例中,所选择的数据和组件进行绑定后,终端在组件中的相应位置添加所绑定的数据中的值,并在页面模板中显示添加值之后的组件。
步骤208,至少根据页面模板中已添加的组件,以及与已添加的组件绑定的数据,生成子应用代码;该子应用代码用于生成在母应用上运行的子应用。
其中,母应用是指能够独立运行,且能够提供运行环境给子应用运行的应用。母应用包括但不限于即时通信应用、SNS应用、短视频应用、长视频应用、游戏应用、音乐分享应用、UGC应用,但不限于此。
具体地,终端可根据页面模板中已添加的组件的组件标识,以及每个组件所绑定的数据。接着,终端可将组件标识和组件所绑定的数据发送给服务器,通过服务器生成子应用代码。接着,终端根据子应用代码生成子应用,并在母应用上运行该子应用。
在本实施例中,终端可根据页面模板中已添加的组件,获取各组件对应的代码模板。终端将各组件绑定的数据填充到对应的代码模板中,生成各组件对应的组件代码。接着,终端可根据各组件在页面模板中的样式信息,根据各组件代码和各组件的样式信息,生成子应用代码。
上述子应用生成方法中,通过展示子应用的页面模板,使得用户可直接在页面模板中进行子应用的创建。展示组件库界面,以直观展示可使用的组件,使得用户能够直接从组件库界面中选择需要的组件,并将组件添加到页面模板中进行编辑。展示选中的组件的属性界面,使得用户直接在该属性界面中输入需要与该组件绑定的数据,即可实现组件和数据的绑定操作。至少根据页面模板中的组件,以及与组件绑定的数据,无需用户编写代码,即可自动生成用户自定义的子应用,能够避免代码编写错误,缩短了开发周期,提高开发效率。
并且,通过可视化的组件选择、和数据绑定操作,不懂代码的用户也可以自己开发子应用,使得子应用的开发更简单。
在一个实施例中,该方法还包括:响应于数据集配置操作,展示数据集配置界面;响应于在数据集配置界面触发的数据选择操作,从预定义的数据集中选择预定义的数据;当选择的数据已绑定组件时,将已绑定的组件添加到页面模板中。
具体地,用户在子应用开发项目对应的开发环境触发数据集配置操作,终端响应于该操作,进行数据集配置界面。该数据集配置界面中展示预定义的数据集,该数据集中包括预定义的数据。用户可在该数据集配置界面所显示的数据集中选择预定义的数据。终端检测到用户触发的数据选择操作时,确定用户从数据集中选择的预定义数据。接着,终端可确定该选择的数据是否已绑定组件。当选择的数据已绑定组件时,将已绑定的组件添加到页面模板中。
进一步地,终端可确定该所选择的数据的数据类型,将与该数据类型绑定的组件添加到页面模板中。
在本实施例中,在定义数据的同时,将定义的数据和组件进行绑定,绑定方式简单。当用户选择需要使用的数据,可直接添加绑定的组件到页面模板中,无需用户单独进行数据和组件的绑定操作,使得子应用的开发过程操作更简单。
在一个实施例中,该响应于在属性界面触发的数据绑定操作,将数据绑定操作所指定的数据与组件绑定包括:响应于在属性界面触发的数据绑定操作,在属性界面显示预定义的数据集;基于对属性界面所显示的数据集的数据选择操作,从数据集中选择预定义的数据;将选择的数据与组件绑定。
具体地,用户可在页面模板中选定组件,终端响应于用户的选定操作可展示处于选中状态的组件的属性界面,并在该组件的属性界面显示预定义的数据集。接着,用户可在该数据集中选择需要使用的预定义数据,终端确定用户的数据选择操作所选中的数据。接着,终端将所选中的数据和处于选中状态的组件进行绑定。
在本实施例中,终端可展示处于选中状态的组件的属性界面,在该属性界面中显示该组件当前的值、组件颜色、背景颜色、尺寸等信息,还可以展示预定义的数据集。终端将所选中的数据和处于选中状态的组件进行绑定,从而将该组件当前的值修改为被选中的数据中的默认值。终端在页面模板中展示修改值之后的组件。
在本实施例中,用户还可以在处于选中状态的组件的属性界面上设置该组件的组件颜色、背景颜色、尺寸等信息。终端确定用户在属性界面上设置的组件颜色、背景颜色和尺寸中的至少一种信息,并对应修改该组件的组件颜色、背景颜色和尺寸中的至少一种信息。进一步地,终端可将用户设置的组件颜色、背景颜色和尺寸中的至少一种信息,与该组件进行绑定。
本实施例中,用户自主选择组件和预定义的数据,并将选择的组件和所选择的数据进行绑定。通过数据和组件绑定的方式,实现子应用的相应功能,使得用户能够通过可视化的方式,根据自己的需求生成相应的子应用。并且无需用户自己编辑代码,从而提供了一种不需要编辑代码的可视化的子应用生成方法,使得不懂代码的用户也可以根据自己的需求生成相应的子应用。
在一个实施例中,该方法还包括:响应于数据定义发起操作,进入数据定义界面;基于在数据定义界面配置的数据名称和数据类型,确定定义的数据;将定义的数据添加到数据集中。
其中,数据类型包括但不限于文字、图片、数组、字符串、数字、颜色等。
具体地,用户在子应用开发项目对应的开发环境中触发数据定义发起操作,以预先定义需要使用的数据。当终端检测到用户对数据定义发起操作的触发时,进入数据定义界面。用户可在数据定义界面设置数据名称,并选择数据类型。接着,终端获取在数据定义界面设置数据名称和数据类型,并将数据名称和数据类型关联。终端将关联的数据名称和数据类型作为定义好的数据。接着,终端可将该定义的数据添加到数据集中,以供后续使用。
在本实施中,终端用户可在数据定义界面设置数据名称,选择数据类型,还可以根据数据类型设置默认值。例如,数据类型为数组时,可设置默认值。接着,终端获取在数据定义界面设置的数据名称、数据类型和设置的默认值,将数据名称、数据类型和默认值进行关联。接着,终端将关联的数据名称、数据类型和默认值作为定义好的数据。终端可将该定义的数据添加到数据集中。
在本实施例中,通过预先定义数据,将定义的数据添加到数据集中,使得在子应用的生成过程中能够直接使用数据集中的数据。并且可以多次使用该数据集中的数据,提高数据利用率,并能够缩短子应用开发的时间。
在一个实施例中,该方法还包括:当数据类型是默认绑定组件的预设数据类型时,将定义的数据与预设数据类型对应的默认组件绑定。
具体地,终端可预先将不同的数据类型与组件进行绑定,例如数据类型为文字,则绑定文本框组件;数据类型为图片,则绑定图片组件。
终端获取用户在定义界面配置的数据名称和数据类型,并获取预设数据类型。终端将配置的数据类型和预设的数据类型进行比较。当数据类型是默认绑定组件的预设数据类型时,表示该数据类型具有绑定的组件,则终端将定义的数据与预设数据类型对应的默认组件进行绑定。
在本实施例中,不同的数据类型具有默认绑定的组件。当定义数据时,能够根据数据类型将定义的数据和默认组件自动绑定,从而在完成数据定义的同时完成数据和组件的绑定,提高子应用开发的效率。
在一个实施例中,在将数据绑定操作所指定的数据与组件绑定之后,该方法还包括:响应于对页面模板中添加的组件的选中操作,触发事件添加入口;响应于对事件添加入口的触发操作,将组件与事件绑定;
该至少根据页面模板中已添加的组件,以及与已添加的组件绑定的数据,生成子应用代码,包括:至少根据页面模板中已添加的组件、与已添加的组件绑定的数据以及与组件绑定的事件,生成子应用代码。
具体地,用户可对页面模板中已添加的组件进行选择,以对选择的组件添加事件。当终端检测到用户对页面模板中的至少一个组件的选中操作时,自动触发事件添加入口。
在本实施例中,每个事件添加入口可通过一个事件名称表示。每个事件名称可以对应预定义的事件。该事件添加入口也可以为选择创建新事件的入口。
接着,用户可从事件名称中选择需要添加的事件,通过选择事件名称触发事件添加入口,从而将事件名称对应的事件和所选定的组件进行绑定。或者,用户触发创建新事件的入口,以创建该选定的组件对应的新事件。
当终端检测到用户对事件添加入口的触发操作时,确定该触发操作对应的事件添加入口。终端确定该事件添加入口是否存在对应的预定义事件。当事件添加入口存在对应的事件时,将该事件添加入口对应的事件与该选中的组件进行绑定。当该事件添加入口为新事件的创建入口时,确定用户创建的新事件,并将用户创建的新事件与该选中的组件进行绑定。
接着,终端可确定页面模板中已添加的组件,确定与各个已添加组件绑定的数据,并确定各个已添加组件绑定的事件。终端根据已添加的组件、已添加组件绑定的数据和已添加组件绑定的事件,生成各个组件对应的组件代码。接着,终端根据各组件代码,生成子应用代码。
在本实施例中,终端可获取页面模板中的已添加组件对应的组件模板。将各已添加组件绑定的数据和事件,对应填充到组件模板中,得到各已添加组件对应的组件代码。接着,终端根据各组件代码,生成子应用代码。
在本实施例中,通过数据绑定操作将用户所指定的数据与被选定的组件绑定,从而将用户输入的数据和选择的组件关联起来。用户可自主选择组件,并为组件创建事件,使得用户能够自定义组件的功能。根据已添加的组件、组件绑定的数据和事件,自动生成子应用代码。本实施例中给用户提供可编辑的子应用生成方法,使得用户通过可视化的子应用生成方法,创建用户专属的子应用,且操作方式简单,子应用的开发周期短,效率高。
如图3所示,为一个实施例中子应用生成方法流程示意图。当用户需要在开发应用中开发子应用时,终端预先准备运行环境。具体地,终端可读取可视化组件的配置,解析配置,检查配置类型的规则。终端解析得到可视化组件所支持的样式、逻辑、数据参数等配置信息。解析后,终端把该运行环境所支持的组件存储到可视化组件列表中,等到用户使用。
接着,该开发应用提供了两种数据定义的方式,从而提供了两种将数据和组件绑定的方式。
方式1为用户在定义数据变量的界面(即数据集配置界面)输入数据变量名称,并选择类型,设置数据变量的默认值。终端将数据变量名称、类型和默认值关联并存储到公共变量池,等待使用。
方式2为预先构建了不同类型与组件的映射关系,例如,类型为文本,默认绑定文本框。用户在定义数据变量的界面(即数据集配置界面)输入数据变量名称,并选择类型,设置数据变量的默认值。终端获取类型默认绑定的组件,并将该组件和数据变量名称、以及默认值也进行绑定。接着,终端将组件、数据变量名称、类型、默认值关联存储到公共变量池,等待使用。
对于方式1定义的数据变量,用户可选择可视化组件,放入页面模板中,选择组件上可设置变量的子组件,选择公共变量池中通过方式1中定义的任意数据变量,将该数据变量和选择的组件进行绑定。将该数据变量的变量值,例如默认值传递给该选择的组件,在该组件中的相应位置显示该变量值。接着,终端根据代码模板生成子应用的相关界面,和子应用的逻辑代码,得到子应用代码。
对于方式2定义的数据变量,用户可选择公共变量池中通过方式2中定义的任意数据变量,将选择的数据变量放入页面模板中,在页面模板中显示该数据变量的类型对应的可视化组件。将该数据变量的变量值,例如默认值传递给该选择的组件,在该组件中的相应位置显示该变量值。接着,终端根据代码模板生成子应用的相关界面,和子应用的逻辑代码,得到子应用代码。
本实施例中,提供了两种定义数据的方式,同时提供了两种数据和组件绑定的方式,可满足不同用户的需求。并且,两种方式都提供了用户编辑的界面,不需要用户自己编辑代码,即可为用户提供自动生成子应用代码,从而生成用户自定义的子应用。
在一个实施例中,该方法还包括:在与页面模板对应的第一展示区域,展示页面模板中已添加的组件所绑定事件的事件标识;当页面模板中添加的至少一个组件处于编辑状态时,显示可视化的组件与事件绑定关系;该组件与事件绑定关系指向编辑状态的组件,并指向第一展示区域中编辑状态的组件所绑定事件的事件标识。
具体地,终端将页面模板中的已添加组件与事件进行绑定后,可通过可视化的方式展示组件和事件之间的绑定关系。进一步地,当页面模板中的已添加组件处于选中状态时,终端可确定该被选中的组件所绑定的事件。接着,终端可在该页面模板的第一展示区域展示该被选中的组件和该组件绑定的事件之间的绑定关系。并且,该绑定关系具有指向性,指向处于选中状态的组件,并指向该组件所绑定的事件标识,该事件标识展示在第一区域中。
在本实施例中,终端将页面模板中的已添加组件与事件进行绑定后,可通过可视化的方式展示组件和事件之间的绑定关系。进一步地,当页面模板中的已添加组件处于编辑状态时,终端可确定该被选中的组件所绑定的事件。接着,终端可在该页面模板的第一展示区域展示该被编辑的组件和该组件绑定的事件之间的绑定关系。可以理解的是,该绑定关系可以通过任何可视化的方式表示,例如直线、曲线,以及具有指向性的其他表示方式等。
在本实施例中,该第一展示区域可为被选中的组件的预设方位的区域。不同的组件可对应不同的第一展示区域,即第一展示区域的位置与组件的位置对应。两个及两个以上的组件组合,可根据该组件组合的位置确定该组件组合对应的第一展示区域。
例如,组件A和组件B在页面模板中的位置不相同。页面模板中的组件A对应的第一展示区域在组件A的正东方的区域,组件B对应的第一展示区域在组件B的正东方的区域。当组件A或组件B处于编辑状态时,在组件A或组件B的正东方的区域中展示组件A与事件的绑定关系,或组件B与事件的绑定关系。当组件A和组件B同时处于编辑状态时,将组件A和组件B作为一个组合,该组合的正东方的区域中展示同时与组件A、组件B绑定的事件的绑定关系。
在本实施例中,该可视化的绑定关系可以通过曲线表示。例如,曲线的一端指向编辑状态的组件,另一端指向第一展示区域中编辑状态的组件所绑定事件的事件标识。
在本实施例中,当页面模板中的一个已添加组件处于编辑状态时,在该组件的第一展示区域显示该组件和该组件绑定的事件之间的绑定关系。当存在至少两个已添加组件处于编辑状态时,确定该至少两个组件同时绑定的事件。终端可将该至少两个组件作为组合,在该组合的第一展示区域显示该至少两个组件和至少两个组件同时绑定的事件之间的绑定关系。
在本实施例中,当组件处于编辑状态时,通过可视化方式在预设展示区域展示组件和绑定的事件之间的绑定关系,使得能够直观地显示出被选中的组件所对应的事件,方便用户在子应用创建过程中随时进行查看、编辑等操作。
在一个实施例中,该方法还包括:在与页面模板对应的第二展示区域,展示页面模板中已添加的组件所绑定的数据;当页面模板中添加的至少一个组件处于编辑状态时,显示可视化的组件与数据绑定关系;该组件与数据绑定关系指向编辑状态的组件,并指向第二展示区域中编辑状态的组件所绑定的数据。
具体地,终端将页面模板中的已添加组件与数据进行绑定后,可通过可视化的方式展示组件和数据之间的绑定关系。进一步地,当页面模板中的已添加组件处于选中或编辑状态时,终端可确定该被选中或处于编辑状态的组件所绑定的数据。接着,终端可在该页面模板的第二展示区域展示该被选中的组件和该组件绑定的数据之间的绑定关系。并且,该绑定关系具有指向性,指向处于选中状态的组件,并指向该组件所绑定的数据名称,该数据名称展示在第二区域中。用户点击该数据名称,可显示具体数据信息,例如数据名称、数据类型、当前值等。可以理解的是,该绑定关系可以通过任何可视化的方式表示,例如直线、曲线,以及具有指向性的其他表示方式等。
在本实施例中,该第二展示区域可为被选中的组件的预设方位的区域。不同的组件可对应不同的第二展示区域,即第二展示区域的位置与组件的位置对应。两个及两个以上的组件组合,可根据该组件组合的位置确定该组件组合对应的第二展示区域。
例如,组件A和组件B在页面模板中的位置不相同。页面模板中的组件A对应的第二展示区域在组件A的正西方的区域,组件B对应的第二展示区域在组件B的正西方的区域。当组件A或组件B处于编辑状态时,在组件A或组件B的正西方的区域中展示组件A与数据的绑定关系,或组件B与数据的绑定关系。当组件A和组件B同时处于编辑状态时,将组件A和组件B作为一个组合,该组合的正西方的区域中展示同时与组件A、组件B绑定的数据的绑定关系。
在本实施例中,该可视化的绑定关系可以通过曲线表示。例如,曲线的一端指向编辑状态的组件,另一端指向第二展示区域中编辑状态的组件所绑定数据的数据名称。
在本实施例中,当页面模板中的一个已添加组件处于编辑状态时,在该组件的第二展示区域显示该组件和该组件绑定的数据之间的绑定关系。当存在至少两个已添加组件处于编辑状态时,确定该至少两个组件同时绑定的数据。终端可将该至少两个组件作为组合,在该组合的第二展示区域显示该至少两个组件和至少两个组件同时绑定的数据之间的绑定关系。
在本实施例中,当组件处于编辑状态时,通过可视化方式在预设展示区域展示组件和绑定的数据之间的绑定关系,使得能够直观地显示出被选中的组件所对应的数据,方便用户在子应用创建过程中随时进行查看、编辑等操作。
在一个实施例中,该方法还包括:在与页面模板对应的第一展示区域,展示页面模板中已添加的组件所绑定事件的事件标识;在与页面模板对应的第二展示区域,展示页面模板中已添加的组件所绑定的数据;当页面模板中添加的至少一个组件处于编辑状态时,显示可视化的组件与事件绑定关系,以及可视化的组件与数据绑定关系;该组件与事件绑定关系指向编辑状态的组件,并指向第一展示区域中编辑状态的组件所绑定事件的事件标识;该组件与数据绑定关系指向编辑状态的组件,并指向第二展示区域中编辑状态的组件所绑定的数据。
具体地,终端将页面模板中的已添加组件与数据、事件进行绑定后,可通过可视化的方式展示组件和数据、事件之间的绑定关系。进一步地,当页面模板中的已添加组件处于选中或编辑状态时,终端可确定该处于选中或编辑状态的组件所绑定的事件和数据。接着,终端可在该页面模板的第一展示区域展示该被选中的组件和该组件绑定的事件之间的绑定关系。并且,终端可在该页面模板的第二展示区域展示该被选中的组件和该组件绑定的数据之间的绑定关系。
在本实施例中,当同时存在至少两个已添加组件处于选中或编辑状态时,可确定该至少两个已添加组件绑定的相同事件和数据。终端可将该至少两个已添加组件作为一个组合,在该组合的第一展示区域,展示该组合绑定的事件的事件标识。并且,在该组合的第二展示区域,展示该组合绑定的数据的数据。
在本实例中,分别在组件的两个展示区域展示与组建绑定的事件和数据,使得用户在子应用生成的过程中,能够随时查看、编辑各个组件对应的数据和事件,显示方式更直观。
在一个实施例中,该方法还包括:在开发项目管理页面,响应于开发项目创建操作,创建子应用开发项目;进入子应用开发项目对应的开发环境,读取组件配置信息;基于组件配置信息构建开发环境所支持的组件;在展示组件库界面时,将构建得到的组件展示在组件库界面。
具体地,用户可通过开发应用账号登录安装在终端的开发应用,或者,用户可通过开发应用账号登录网页版(即Web版)的开发应用。接着,终端展示开发应用的开发项目管理页面。该开发项目管理页面中可展示该开发应用账号对应的历史子应用开发项目,并展示子应用开发项目的创建入口。
用户可通过触发子应用开发项目的创建入口,从而自动触发开发项目创建操作。当终端检测到用户对创建入口的触发操作时,自动触发开发项目创建操作操作,进入开发项目创建流程,以创建子应用开发项目。
接着,终端进入子应用开发项目对应的开发环境,读取组件库中的各组件所支持的配置类型的规则、样式、逻辑和数据参数等配置信息。终端基于各组件所支持的配置类型的规则、样式、逻辑和数据参数等配置信息,确定该开发环境所支持的组件。接着,终端根据该开发环境所支持的组件生成组件库界面,在展示该组件库界面时,将所支持的组件展示在组件库界面上。
在本实施例中,终端可在组件库界面上展示部分所支持的组件,将另一部分所支持的组件隐藏。在该组件库界面上展示组件呈现标识,当检测到用户在该组件库界面上的组件呈现标识的触发操作时,可显示隐藏的组件。
在本实施例中,响应用户的开发项目创建操作,进入子应用开发项目对应的开发环境,并自动配置开发环境所支持的组件,以提供给用户可使用的各组件。将各组件直观展示在组件库界面上,使得用户可以直接选择所需要的组件并进行编辑,从而通过可编辑的组件实现用户自定义的子应用的生成。
在一个实施例中,该至少根据页面模板中已添加的组件,以及与已添加的组件绑定的数据,生成子应用代码,包括:至少根据页面模板中已添加的组件、与已添加的组件绑定的数据,结合已添加的组件的样式信息和代码模板中的至少一种,生成子应用代码。
具体地,终端可确定页面模板中已添加的组件,确定与各个已添加组件绑定的数据。接着,终端可获取各个已添加组件对应的样式信息,根据已添加的组件、已添加组件绑定的数据和已添加组件对应的样式信息生成子应用代码。
在本实施例中,终端可获取各个已添加组件对应的代码模板,根据已添加的组件、已添加组件绑定的数据和已添加组件对应的代码模板,生成子应用代码。
在本实施例中,终端可获取各个已添加组件对应的代码模板,以及各个已添加组件对应的样式信息。终端根据已添加的组件、已添加组件绑定的数据和已添加组件对应的代码模板和样式信息,生成子应用代码。
在本实施例中,终端将各组件绑定的数据填充到对应的代码模板中,生成各组件对应的组件代码。接着,终端可根据各组件在页面模板中的样式信息,根据各组件代码和各组件的样式信息,生成子应用代码。
在本实施例中,终端将各组件绑定的数据和对应的样式信息填充到对应的代码模板中,生成各组件对应的组件代码。接着,终端可根据各组件代码生成子应用代码。
本实施例中,至少根据页面模板中已添加的组件、与已添加的组件绑定的数据,结合已添加的组件的样式信息和代码模板中的至少一种,生成子应用代码,提供了多种自动生成子应用代码的方式,缩短子应用开发周期,提高子应用开发的效率。并且,通过可视化的组件添加和数据绑定、可视化的组件信息配置等,能够支持完全不懂代码的用户操作生成需要的子应用。
在一个实施例中,该方法还包括:响应于母应用触发操作,跳转至母应用;在母应用提供的运行环境中运行子应用代码,生成子应用。
具体地,母应用为子应用的运行提供运行环境。终端生成子应用代码后,用户可触发母应用标识,终端响应于母应用触发操作,跳转至母应用,并进入母应用所提供的运行环境中。接着,终端可在该运行环境中运行子应用代码,从而在母应用中生成子应用,并运行该子应用。
在本实施例中,当用户再次触发母应用时,可以母应用中选择该子应用,从而进入该子应用。
在本实施例中,母应用为子应用代码的运行提供运行环境,通过在运行环境中运行该子应用代码,以将母应用和该子应用代码所生成的子应用相关联,从而实现子应用的使用。
如图4(a)所示,为一个实施例中子应用生成的原理图。用户需要开发子应用时,终端获取子应用可视化组件规范,该可视化组件规范可以是组件对应的生成逻辑、或者代码模板等。根据可视化组件规范确定子应用开发的可视化模板,该可视化模板可包括页面模板和各组件。终端可确定个组件的数据交换格式,和子应用开发所使用的数据库。终端获取组件的数据封装的通用数据类型,包括但不限于字符串、数据和数组。接着,终端根据可视化模板、数据交换格式、数据库和数据类型等信息,生成组件库界面,并在组件库界面中展示可使用的组件,从而通过组件机制提供给用户可编辑的页面模板和各组件。该组件机制可以是DPL组件机制,DPL全称是Dueros Presentation Language即Dueros展现语言,是度秘面向开发者提供的一种可以自定义模版展现与交互方式的一种描述语言。
接着,终端根据用户对组件库界面中的组件的选择和编辑,在页面模板中进行变量定义和组件编排等操作,获取用户在各组件中输入的数据,并各数据和对应的组件进行绑定。接着,终端根据组件、组件绑定的数据,以及各组件在页面模板上的逻辑编排、例如位置、样式信息等,生成具有正确逻辑的子应用代码。接着,在母应用提供的运行环境中运行该子应用代码,从而在该母应用上运行该子应用,实现用户自定义的子应用的生成。
如图4(b)所示,为一个实施例中子应用生成的交互示意图。通过DPL组件机制将组建列表中的各组件在组件库界面中展示。将用户选择的组件添加到页面模板中,通过数据设置列表获取预定义的数据,将预定义数据和页面模板中的组件进行绑定。事件绑定在组件上,当达到触发事件,执行逻辑层中对应的事件处理函数,从而将用户的行为从视图层反馈到逻辑层进行处理。
如图5所示,为一个实施例中子应用生成的示意图。终端进入子应用开发项目对应的开发环境,读取组件库中的各组件所支持的配置信息。配置信息包括组件样式、主题、属性修改器、事件和行为等。组件样式可包括样式标签、样式布局。主题包括主题标签、预定义数据、绑定数据。属性修改器包括属性。事件包括事件的生命周期和所绑定的事件。行为包括触发该行为的方式。
终端基于各组件所支持的配置信息,确定该开发环境所支持的组件。接着,终端根据该开发环境所支持的组件在视图容器中展示。并将视图容器展示给用户。该视图容器可表现为组件库界面和页面模板。
该视图容器中包括视图、插槽、自定义标签、模板、输入、条件渲染、列表渲染、绑定事件、绑定数据和所使用的脚本语言等属性信息。终端获取用户所选择组件,以及对组件进行编辑的数据和事件,通过数据和事件等将上述属性信息填充到该视图容器的插槽中。终端获取用户编辑的各组件的属性、数据、方法、组件生命周期、当前页面的生命周期和触发事件的行为等信息,生成各组件文件。接着,根据各组件样式和各组件文件生成子应用代码。该样式包括样式语言和样式标签。
如图6所示,为一个实施例中子应用生成的原理示意图。当用户需要生成子应用时,终端进入子应用开发项目对应的开发环境,确定组件的规格和配置,包括逻辑、代码模板、变量、风格样式、素材等。根据组件的规格和配置生成可视化组件列表,并将组件列表展示在组件库界面,从而完成开发环境的准备工作。获取用户在数据集配置界面预定义的数据变量,将数据预定义的数据变量存储在公共变量池中,以待后续使用。该公共变量池在视图层中表示为数据集。接着,用户可从组件库界面的可视化组件列表中选择需要使用的可视化列表,并将所选的可视化组件和公共变量池中的数据变量进行绑定,将绑定的组件和数据变量生成绑定实例,并存储到已绑定列表中。接着,终端将已绑定列表中的各绑定实例通过页面模板上的画面元素进行展示。
在一个实施例中,提供了一种子应用生成方法,包括:
终端在开发项目管理页面,响应于开发项目创建操作,创建子应用开发项目。
终端进入子应用开发项目对应的开发环境,读取组件配置信息。
终端基于组件配置信息构建开发环境所支持的组件。
在展示组件库界面时,终端将构建得到的组件展示在组件库界面。
终端展示子应用的页面模板,并展示组件库界面。
终端响应于数据定义发起操作,进入数据定义界面。
终端基于在数据定义界面配置的数据名称和数据类型,确定定义的数据;将定义的数据添加到数据集中。
终端响应于在组件库界面的组件选择操作,将组件选择操作选中的组件添加到页面模板中。
终端展示选中的组件的属性界面,响应于在属性界面触发的数据绑定操作,在属性界面显示预定义的数据集。
终端基于对属性界面所显示的数据集的数据选择操作,从数据集中选择预定义的数据。终端将选择的数据与组件绑定。
终端响应于对页面模板中添加的组件的选中操作,触发事件添加入口。
终端响应于对事件添加入口的触发操作,将组件与事件绑定。
终端在与页面模板对应的第一展示区域,展示页面模板中已添加的组件所绑定事件的事件标识。
当页面模板中添加的至少一个组件处于编辑状态时,终端显示可视化的组件与事件绑定关系。组件与事件绑定关系指向编辑状态的组件,并指向第一展示区域中编辑状态的组件所绑定事件的事件标识。
终端在与页面模板对应的第二展示区域,展示页面模板中已添加的组件所绑定的数据。
当页面模板中添加的至少一个组件处于编辑状态时,终端显示可视化的组件与数据绑定关系。组件与数据绑定关系指向编辑状态的组件,并指向第二展示区域中编辑状态的组件所绑定的数据。
终端至少根据页面模板中已添加的组件、与已添加的组件绑定的数据以及与组件绑定的事件,结合已添加的组件的样式信息和代码模板中的至少一种,生成子应用代码;该子应用代码用于生成在母应用上运行的子应用。
终端响应于母应用触发操作,跳转至母应用。
终端在母应用提供的运行环境中运行子应用代码,生成子应用。
本实施例中,通过响应用户的开发项目创建操作,创建子应用开发项目,并自动配置开发环境所支持的组件,以将各组件直观展示在组件库界面上,使得用户可以直接选择所需要的组件并进行编辑。展示选中的组件的属性界面,使得用户直接在该属性界面中输入需要与该组件绑定的预定义数据,即可实现组件和数据的绑定操作。用户自主选择组件,并为组件创建对应的事件,使得用户能够自定义组件实现的功能。
分别在组件的两个展示区域展示与组建绑定的事件和数据,使得用户在子应用生成的过程中,能够随时查看、编辑各个组件对应的数据和事件。
至少根据页面模板中已添加的组件、与已添加的组件绑定的数据,结合已添加的组件的样式信息和代码模板中的至少一种,生成子应用代码,提供了多种自动生成子应用代码的方式,缩短子应用开发周期,提高子应用开发的效率。并且,通过可视化的组件添加和数据绑定、可视化的组件信息配置等,能够支持完全不懂代码的用户自行操作生成需要的子应用。
如图7所示,为一个实施例中用户生成子应用的流程示意图。用户可通过开发应用账号登录安装在终端的开发应用,或者,用户可通过开发应用账号登录网页版(即Web版)的开发应用。接着,终端展示开发应用的开发项目管理页面,如图7中的(a)所示。该开发项目管理页面(a)中的项目列表展示了该开发应用账号所创建的历史项目,如项目A、项目B,并提供了新建项目的入口。
当用户触发新建项目的入口时,终端响应于开发项目创建操作,创建子应用开发项目。接着,终端可在子应用开发项目对应的开发环境中展示组件库界面,如图7中的(b)所示,该组件库界面(b)中展示了可使用的组件。并且,终端可在开发环境中展示子应用的页面模板,如图7中的(c)所示。
接着,用户可触发全局变量定义发起操作,进入如图7中的(d)所示数据定义界面。用户在所述数据定义界面配置的变量名称和变量类型,并确定变量的默认值,定义后的全局变量list如图7中的(e)所示。终端将用户定义的全局变量添加到数据集中。
接着,用户从组件库界面(b)中选择需要使用的组件,并拖动到页面模板(c)中。该被选择的组件按照默认的显示方式在页面模板(c)中显示,得到如图7中的(f)所示的界面。
接着,用户可将定义的全局变量list赋值给页面模板(c)中选定的组件,从而将该组件的显示内容修改为全局变量list中的默认值[1,2,3],从而将变量list和被选定的组件绑定,如图7中的(g)所示。
用户通过点击该变量名称list,可以查看被选定的组件的数据,并可以对该数据进行修改。用户可在如图7中的(h)所示的界面中直接修改默认值,例如将默认值[1,2,3]修改为[2,3,4]。终端基于用户输入的值,将该组件的显示内容从默认值[1,2,3]修改为[2,3,4]。终端将更改后的数据和被选定的组件进行绑定。
接着,用户可继续从组件库界面选择组件,拖动到页面模板中。如图8中的(a)所示,终端显示页面模板中被选择的组件绑定的事件标识,并对被选择组件提供删除和复制操作选项。并且,终端显示页面模板中各组件的变量名称。
接着,用户可将变量list修改后的默认值[2,3,4]赋值给页面模板中选定的组件,从而将该组件的显示内容修改为list中的默认值[2,3,4],从而将变量list和被选定的组件绑定,如图8中的(b)所示。并且,终端通过曲线的方式显示被选定的组件与绑定的数据之间的绑定关系,曲线将被选择的组件和变量名称list相连接。并且,终端为被选择的组件显示可添加的事件,并提供自定义事件的创建入口,如图8中的(b)所示。用户通过选择预定义的事件或者创建自定义事件,将事件和被选择组件进行绑定。
将事件和组件绑定后,终端可通过指示箭头的方式,显示被选定的组件与绑定的事件之间的绑定关系。终端也可以通过曲线的方式显示被选定的组件与绑定的事件之间的绑定关系。
当两个或者多个组件被同时选定时,通过曲线的方式显示被选定的各个组件与绑定的相同数据之间的绑定关系。通过指示箭头的方式,显示被选定的各个组件与绑定的相同事件之间的绑定关系,如图8中的(c)所示。
接着,终端可确定页面模板中已添加的组件,确定与各个已添加组件绑定的数据。终端获取各个已添加组件对应的样式信息,获取各个已添加组件对应的代码模板,根据已添加的组件、已添加组件绑定的数据和已添加组件对应的代码模板、样式信息等,生成子应用代码。
终端生成子应用代码后,用户可触发母应用标识,终端响应于母应用触发操作,跳转至母应用,并进入母应用所提供的运行环境中。接着,终端可在该运行环境中运行子应用代码,从而在母应用中生成子应用,并运行该子应用。在母应用上显示用户生成的子应用界面,并进入该子应用执行相应的操作,如图8中的(d)所示。
可以理解的是,该子应用生成方法适用于任何子应用的生成,例如大数据类子应用、人工智能类子应用、物联网类子应用等。该子应用生成方法适用于移动端,也使用于web端,用户可在移动端或web端的开发应用完成子应用的开发。如图9所示,为用户通过子应用生成方法生成的用于人脸识别的子应用的界面。
应该理解的是,虽然图2-图8的流程图中的各个步骤按照箭头的指示依次显示,但是这些步骤并不是必然按照箭头指示的顺序依次执行。除非本文中有明确的说明,这些步骤的执行并没有严格的顺序限制,这些步骤可以以其它的顺序执行。而且,图2-图8中的至少一部分步骤可以包括多个步骤或者多个阶段,这些步骤或者阶段并不必然是在同一时刻执行完成,而是可以在不同的时刻执行,这些步骤或者阶段的执行顺序也不必然是依次进行,而是可以与其它步骤或者其它步骤中的步骤或者阶段的至少一部分轮流或者交替地执行。
在一个实施例中,如图10所示,提供了一种子应用生成装置,该装置可以采用软件模块或硬件模块,或者是二者的结合成为计算机设备的一部分,该装置具体包括:第一展示模块1002、第一添加模块1004、绑定模块1006和生成模块1008,其中:
第一展示模块1002,用于展示子应用的页面模板,并展示组件库界面。
第一添加模块1004,用于响应于在组件库界面的组件选择操作,将组件选择操作选中的组件添加到页面模板中。
绑定模块1006,用于展示选中的组件的属性界面,响应于在属性界面触发的数据绑定操作,将数据绑定操作所指定的数据与组件绑定。
生成模块1008,用于至少根据页面模板中已添加的组件,以及与已添加的组件绑定的数据,生成子应用代码;该子应用代码用于生成在母应用上运行的子应用。
上述子应用生成装置,通过展示子应用的页面模板,使得用户可直接在页面模板中进行子应用的创建。展示组件库界面,以直观展示可使用的组件,使得用户能够直接从组件库界面中选择需要的组件,并将组件添加到页面模板中进行编辑。展示选中的组件的属性界面,使得用户直接在该属性界面中输入需要与该组件绑定的数据,即可实现组件和数据的绑定操作。至少根据页面模板中的组件,以及与组件绑定的数据,无需用户编写代码,即可自动生成用户自定义的子应用,缩短了开发周期,提高开发效率。
并且,通过可视化的组件选择、和数据绑定操作,不懂代码的用户也可以自己开发子应用,使得子应用的开发更简单。
在一个实施例中,该装置还包括:
第二展示模块,用于响应于数据集配置操作,展示数据集配置界面。
选择模块,用于响应于在数据集配置界面触发的数据选择操作,从预定义的数据集中选择预定义的数据。
第二添加模块,用于当选择的数据已绑定组件时,将已绑定的组件添加到页面模板中。
在本实施例中,在定义数据的同时,将定义的数据和组件进行绑定,绑定方式简单。当用户选择需要使用的数据,可直接添加绑定的组件到页面模板中,无需用户单独进行数据和组件的绑定操作,使得子应用的开发过程操作更简单。
在一个实施例中,该绑定模块1006还用于:响应于在属性界面触发的数据绑定操作,在属性界面显示预定义的数据集;基于对属性界面所显示的数据集的数据选择操作,从数据集中选择预定义的数据;将选择的数据与组件绑定。
本实施例中,用户自主选择组件和预定义的数据,并将选择的组件和所选择的数据进行绑定。通过数据和组件绑定的方式,实现子应用的相应功能,使得用户能够通过可视化的方式,根据自己的需求生成相应的子应用。并且无需用户自己编辑代码,从而提供了一种不需要编辑代码的可视化的子应用生成方法,使得不懂代码的用户也可以根据自己的需求生成相应的子应用。
在一个实施例中,该装置还包括:数据定义模块。该数据定义模块用于:响应于数据定义发起操作,进入数据定义界面;基于在数据定义界面配置的数据名称和数据类型,确定定义的数据;将定义的数据添加到数据集中。
在本实施例中,通过预先定义数据,将定义的数据添加到数据集中,使得在子应用的生成过程中能够直接使用数据集中的数据。并且可以多次使用该数据集中的数据,提高数据利用率,并能够缩短子应用开发的时间。
在一个实施例中,该绑定模块1006还用于:当数据类型是默认绑定组件的预设数据类型时,将定义的数据与预设数据类型对应的默认组件绑定。
在本实施例中,不同的数据类型具有默认绑定的组件。当定义数据时,能够根据数据类型将定义的数据和默认组件自动绑定,从而在完成数据定义的同时完成数据和组件的绑定,提高子应用开发的效率。
在一个实施例中,在将数据绑定操作所指定的数据与组件绑定之后,该绑定模块1006还用于:响应于对页面模板中添加的组件的选中操作,触发事件添加入口;响应于对事件添加入口的触发操作,将组件与事件绑定;
该生成模块1008还用于:至少根据页面模板中已添加的组件、与已添加的组件绑定的数据以及与组件绑定的事件,生成子应用代码。
在本实施例中,通过数据绑定操作将用户所指定的数据与被选定的组件绑定,从而将用户输入的数据和选择的组件关联起来。用户可自主选择组件,并为组件创建事件,使得用户能够自定义组件的功能。根据已添加的组件、组件绑定的数据和事件,自动生成子应用代码。本实施例中给用户提供可编辑的子应用生成方法,使得用户通过可视化的子应用生成方法,创建用户专属的子应用,且操作方式简单,子应用的开发周期短,效率高。
在一个实施例中,该装置还包括:绑定关系展示模板。该绑定关系展示模板用于:在与页面模板对应的第一展示区域,展示页面模板中已添加的组件所绑定事件的事件标识;当页面模板中添加的至少一个组件处于编辑状态时,显示可视化的组件与事件绑定关系;组件与事件绑定关系指向编辑状态的组件,并指向第一展示区域中编辑状态的组件所绑定事件的事件标识。
在本实施例中,当组件处于编辑状态时,通过可视化方式在预设展示区域展示组件和绑定的事件之间的绑定关系,使得能够直观地显示出被选中的组件所对应的事件,方便用户在子应用创建过程中随时进行查看、编辑等操作。
在一个实施例中,该绑定关系展示模板还用于:在与页面模板对应的第二展示区域,展示页面模板中已添加的组件所绑定的数据;当页面模板中添加的至少一个组件处于编辑状态时,显示可视化的组件与数据绑定关系;组件与数据绑定关系指向编辑状态的组件,并指向第二展示区域中编辑状态的组件所绑定的数据。
在本实施例中,当组件处于编辑状态时,通过可视化方式在预设展示区域展示组件和绑定的数据之间的绑定关系,使得能够直观地显示出被选中的组件所对应的数据,方便用户在子应用创建过程中随时进行查看、编辑等操作。
在一个实施例中,该装置还包括:配置模块。该配置模块用于:在开发项目管理页面,响应于开发项目创建操作,创建子应用开发项目;进入子应用开发项目对应的开发环境,读取组件配置信息;基于组件配置信息构建开发环境所支持的组件;在展示组件库界面时,将构建得到的组件展示在组件库界面。
在本实施例中,响应用户的开发项目创建操作,进入子应用开发项目对应的开发环境,并自动配置开发环境所支持的组件,以提供给用户可使用的各组件。将各组件直观展示在组件库界面上,使得用户可以直接选择所需要的组件并进行编辑,从而通过可编辑的组件实现用户自定义的子应用的生成。
在一个实施例中,该生成模块1008还用于:至少根据页面模板中已添加的组件、与已添加的组件绑定的数据,结合已添加的组件的样式信息和代码模板中的至少一种,生成子应用代码。
本实施例中,至少根据页面模板中已添加的组件、与已添加的组件绑定的数据,结合已添加的组件的样式信息和代码模板中的至少一种,生成子应用代码,提供了多种自动生成子应用代码的方式,缩短子应用开发周期,提高子应用开发的效率。并且,通过可视化的组件添加和数据绑定、可视化的组件信息配置等,能够支持完全不懂代码的用户操作生成需要的子应用。
在一个实施例中,该生成模块1008还用于:响应于母应用触发操作,跳转至母应用;在母应用提供的运行环境中运行子应用代码,生成子应用。
在本实施例中,母应用为子应用代码的运行提供运行环境,通过在运行环境中运行该子应用代码,以将母应用和该子应用代码所生成的子应用相关联,从而实现子应用的使用。
关于子应用生成装置的具体限定可以参见上文中对于子应用生成方法的限定,在此不再赘述。上述子应用生成装置中的各个模块可全部或部分通过软件、硬件及其组合来实现。上述各模块可以硬件形式内嵌于或独立于计算机设备中的处理器中,也可以以软件形式存储于计算机设备中的存储器中,以便于处理器调用执行以上各个模块对应的操作。
在一个实施例中,提供了一种计算机设备,该计算机设备可以是服务器,其内部结构图可以如图11所示。该计算机设备包括通过系统总线连接的处理器、存储器和网络接口。其中,该计算机设备的处理器用于提供计算和控制能力。该计算机设备的存储器包括非易失性存储介质、内存储器。该非易失性存储介质存储有操作系统、计算机程序和数据库。该内存储器为非易失性存储介质中的操作系统和计算机程序的运行提供环境。该计算机设备的数据库用于存储子应用生成数据。该计算机设备的网络接口用于与外部的终端通过网络连接通信。该计算机程序被处理器执行时以实现一种子应用生成方法。
在一个实施例中,提供了一种计算机设备,该计算机设备可以是终端,其内部结构图可以如图11所示。该计算机设备包括通过系统总线连接的处理器、存储器、通信接口、显示屏和输入装置。其中,该计算机设备的处理器用于提供计算和控制能力。该计算机设备的存储器包括非易失性存储介质、内存储器。该非易失性存储介质存储有操作系统和计算机程序。该内存储器为非易失性存储介质中的操作系统和计算机程序的运行提供环境。该计算机设备的通信接口用于与外部的终端进行有线或无线方式的通信,无线方式可通过WIFI、运营商网络、NFC(近场通信)或其他技术实现。该计算机程序被处理器执行时以实现一种子应用生成方法。该计算机设备的显示屏可以是液晶显示屏或者电子墨水显示屏,该计算机设备的输入装置可以是显示屏上覆盖的触摸层,也可以是计算机设备外壳上设置的按键、轨迹球或触控板,还可以是外接的键盘、触控板或鼠标等。
本领域技术人员可以理解,图11中示出的结构,仅仅是与本申请方案相关的部分结构的框图,并不构成对本申请方案所应用于其上的计算机设备的限定,具体的计算机设备可以包括比图中所示更多或更少的部件,或者组合某些部件,或者具有不同的部件布置。
在一个实施例中,还提供了一种计算机设备,包括存储器和处理器,存储器中存储有计算机程序,该处理器执行计算机程序时实现上述各方法实施例中的步骤。
在一个实施例中,提供了一种计算机可读存储介质,存储有计算机程序,该计算机程序被处理器执行时实现上述各方法实施例中的步骤。
本领域普通技术人员可以理解实现上述实施例方法中的全部或部分流程,是可以通过计算机程序来指令相关的硬件来完成,所述的计算机程序可存储于一非易失性计算机可读取存储介质中,该计算机程序在执行时,可包括如上述各方法的实施例的流程。其中,本申请所提供的各实施例中所使用的对存储器、存储、数据库或其它介质的任何引用,均可包括非易失性和易失性存储器中的至少一种。非易失性存储器可包括只读存储器(Read-Only Memory,ROM)、磁带、软盘、闪存或光存储器等。易失性存储器可包括随机存取存储器(Random Access Memory,RAM)或外部高速缓冲存储器。作为说明而非局限,RAM可以是多种形式,比如静态随机存取存储器(Static Random Access Memory,SRAM)或动态随机存取存储器(Dynamic Random Access Memory,DRAM)等。
以上实施例的各技术特征可以进行任意的组合,为使描述简洁,未对上述实施例中的各个技术特征所有可能的组合都进行描述,然而,只要这些技术特征的组合不存在矛盾,都应当认为是本说明书记载的范围。
以上所述实施例仅表达了本申请的几种实施方式,其描述较为具体和详细,但并不能因此而理解为对发明专利范围的限制。应当指出的是,对于本领域的普通技术人员来说,在不脱离本申请构思的前提下,还可以做出若干变形和改进,这些都属于本申请的保护范围。因此,本申请专利的保护范围应以所附权利要求为准。

Claims (24)

1.一种子应用生成方法,其特征在于,所述方法包括:
根据子应用可视化组件规范确定可视化模板,根据所述可视化模板和数据类型生成组件库界面,并通过组件机制在所述组件库界面提供组件;
展示子应用的页面模板,并展示所述组件库界面;
响应于在所述组件库界面的组件选择操作,将所述组件选择操作选中的组件添加到所述页面模板中;
展示所述选中的组件的属性界面,响应于在所述属性界面触发的数据绑定操作,将所述数据绑定操作所指定的数据与所述组件绑定;
当所述页面模板中添加的至少一个组件处于编辑状态时,通过具有指向性的可视化表达方式显示可视化的组件与数据绑定关系;所述具有指向性的可视化表达方式指向编辑状态的所述组件,并指向编辑状态的所述组件所绑定的数据;
至少根据所述页面模板中已添加的组件,以及与已添加的所述组件绑定的数据,生成子应用代码;所述子应用代码用于生成在母应用上运行的子应用。
2.根据权利要求1所述的方法,其特征在于,所述方法还包括:
响应于数据集配置操作,展示数据集配置界面;
响应于在所述数据集配置界面触发的数据选择操作,从预定义的数据集中选择预定义的数据;
当选择的所述数据已绑定组件时,将已绑定的组件添加到所述页面模板中。
3.根据权利要求1所述的方法,其特征在于,所述响应于在所述属性界面触发的数据绑定操作,将所述数据绑定操作所指定的数据与所述组件绑定包括:
响应于在所述属性界面触发的数据绑定操作,在所述属性界面显示预定义的数据集;
基于对所述属性界面所显示的数据集的数据选择操作,从所述数据集中选择预定义的数据;
将选择的所述数据与所述组件绑定。
4.根据权利要求2或3所述的方法,其特征在于,所述方法还包括:
响应于数据定义发起操作,进入数据定义界面;
基于在所述数据定义界面配置的数据名称和数据类型,确定定义的数据;
将所述定义的数据添加到数据集中。
5.根据权利要求4所述的方法,其特征在于,所述方法还包括:
当所述数据类型是默认绑定组件的预设数据类型时,将所述定义的数据与所述预设数据类型对应的默认组件绑定。
6.根据权利要求1所述的方法,其特征在于,在所述将所述数据绑定操作所指定的数据与所述组件绑定之后,所述方法还包括:
响应于对所述页面模板中添加的所述组件的选中操作,触发事件添加入口;
响应于对所述事件添加入口的触发操作,将所述组件与事件绑定;
所述至少根据所述页面模板中已添加的组件,以及与已添加的所述组件绑定的数据,生成子应用代码,包括:
至少根据所述页面模板中已添加的组件、与已添加的所述组件绑定的数据以及与所述组件绑定的事件,生成子应用代码。
7.根据权利要求6所述的方法,其特征在于,所述方法还包括:
在与所述页面模板对应的第一展示区域,展示所述页面模板中已添加的组件所绑定事件的事件标识;
当所述页面模板中添加的至少一个组件处于编辑状态时,显示可视化的组件与事件绑定关系;所述组件与事件绑定关系指向编辑状态的所述组件,并指向所述第一展示区域中编辑状态的所述组件所绑定事件的事件标识。
8.根据权利要求1所述的方法,其特征在于,所述具有指向性的可视化表达方式所指向的绑定的数据展示在与所述页面模板对应的第二显示区域。
9.根据权利要求7所述的方法,其特征在于,所述方法还包括:
在开发项目管理页面,响应于开发项目创建操作,创建子应用开发项目;
进入所述子应用开发项目对应的开发环境,读取组件配置信息;
基于所述组件配置信息构建所述开发环境所支持的组件;
在展示所述组件库界面时,将构建得到的所述组件展示在所述组件库界面。
10.根据权利要求1、2、3、5、6和7中任一项所述的方法,其特征在于,所述至少根据所述页面模板中已添加的组件,以及与已添加的所述组件绑定的数据,生成子应用代码,包括:
至少根据所述页面模板中已添加的组件、与已添加的所述组件绑定的数据,结合已添加的所述组件的样式信息和代码模板中的至少一种,生成子应用代码。
11.根据权利要求1、2、3、5、6和7中任一项所述的方法,其特征在于,所述方法还包括:
响应于母应用触发操作,跳转至母应用;
在所述母应用提供的运行环境中运行所述子应用代码,生成子应用。
12.一种子应用生成装置,其特征在于,所述装置包括:
用于根据子应用可视化组件规范确定可视化模板,根据所述可视化模板和数据类型生成组件库界面,并通过组件机制在所述组件库界面提供组件的模块;
第一展示模块,用于展示子应用的页面模板,并展示所述组件库界面;
第一添加模块,用于响应于在所述组件库界面的组件选择操作,将所述组件选择操作选中的组件添加到所述页面模板中;
绑定模块,用于展示所述选中的组件的属性界面,响应于在所述属性界面触发的数据绑定操作,将所述数据绑定操作所指定的数据与所述组件绑定;
绑定关系展示模块,用于当所述页面模板中添加的至少一个组件处于编辑状态时,通过具有指向性的可视化表达方式显示可视化的组件与数据绑定关系;所述具有指向性的可视化表达方式指向编辑状态的所述组件,并指向编辑状态的所述组件所绑定的数据;
生成模块,用于至少根据所述页面模板中已添加的组件,以及与已添加的所述组件绑定的数据,生成子应用代码;所述子应用代码用于生成在母应用上运行的子应用。
13.根据权利要求12所述的装置,其特征在于,所述装置还包括:
第二展示模块,用于响应于数据集配置操作,展示数据集配置界面;
选择模块,用于响应于在所述数据集配置界面触发的数据选择操作,从预定义的数据集中选择预定义的数据;
第二添加模块,用于当选择的所述数据已绑定组件时,将已绑定的组件添加到所述页面模板中。
14.根据权利要求12所述的装置,其特征在于,所述绑定模块还用于响应于在所述属性界面触发的数据绑定操作,在所述属性界面显示预定义的数据集;基于对所述属性界面所显示的数据集的数据选择操作,从所述数据集中选择预定义的数据;将选择的所述数据与所述组件绑定。
15.根据权利要求13或14所述的装置,其特征在于,所述数据定义模块还用于响应于数据定义发起操作,进入数据定义界面;基于在所述数据定义界面配置的数据名称和数据类型,确定定义的数据;将所述定义的数据添加到数据集中。
16.根据权利要求15所述的装置,其特征在于,所述绑定模块还用于当所述数据类型是默认绑定组件的预设数据类型时,将所述定义的数据与所述预设数据类型对应的默认组件绑定。
17.根据权利要求12所述的装置,其特征在于,在所述将所述数据绑定操作所指定的数据与所述组件绑定之后,所述绑定模块还用于响应于对所述页面模板中添加的所述组件的选中操作,触发事件添加入口;响应于对所述事件添加入口的触发操作,将所述组件与事件绑定;
所述生成模块还用于至少根据所述页面模板中已添加的组件、与已添加的所述组件绑定的数据以及与所述组件绑定的事件,生成子应用代码。
18.根据权利要求17所述的装置,其特征在于,所述绑定关系展示模块还用于在与所述页面模板对应的第一展示区域,展示所述页面模板中已添加的组件所绑定事件的事件标识;当所述页面模板中添加的至少一个组件处于编辑状态时,显示可视化的组件与事件绑定关系;所述组件与事件绑定关系指向编辑状态的所述组件,并指向所述第一展示区域中编辑状态的所述组件所绑定事件的事件标识。
19.根据权利要求12所述的装置,所述具有指向性的可视化表达方式所指向的绑定的数据展示在与所述页面模板对应的第二显示区域。
20.根据权利要求18所述的装置,其特征在于,所述装置还包括:配置模块;所述配置模块用于在开发项目管理页面,响应于开发项目创建操作,创建子应用开发项目;进入所述子应用开发项目对应的开发环境,读取组件配置信息;基于所述组件配置信息构建所述开发环境所支持的组件;在展示所述组件库界面时,将构建得到的所述组件展示在所述组件库界面。
21.根据权利要求12、13、14、16、17和18中任一项所述的装置,其特征在于,所述生成模块还用于至少根据所述页面模板中已添加的组件、与已添加的所述组件绑定的数据,结合已添加的所述组件的样式信息和代码模板中的至少一种,生成子应用代码。
22.根据权利要求12、13、14、16、17和18中任一项所述的装置,其特征在于,所述生成模块还用于响应于母应用触发操作,跳转至母应用;在所述母应用提供的运行环境中运行所述子应用代码,生成子应用。
23.一种计算机设备,包括存储器和处理器,所述存储器存储有计算机程序,其特征在于,所述处理器执行所述计算机程序时实现权利要求1至11中任一项所述的方法的步骤。
24.一种计算机可读存储介质,存储有计算机程序,其特征在于,所述计算机程序被处理器执行时实现权利要求1至11中任一项所述的方法的步骤。
CN202010638752.6A 2020-07-06 2020-07-06 子应用生成方法、装置、计算机设备和存储介质 Active CN111522552B (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202010638752.6A CN111522552B (zh) 2020-07-06 2020-07-06 子应用生成方法、装置、计算机设备和存储介质

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202010638752.6A CN111522552B (zh) 2020-07-06 2020-07-06 子应用生成方法、装置、计算机设备和存储介质

Publications (2)

Publication Number Publication Date
CN111522552A CN111522552A (zh) 2020-08-11
CN111522552B true CN111522552B (zh) 2020-11-20

Family

ID=71911950

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202010638752.6A Active CN111522552B (zh) 2020-07-06 2020-07-06 子应用生成方法、装置、计算机设备和存储介质

Country Status (1)

Country Link
CN (1) CN111522552B (zh)

Families Citing this family (8)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN112035110B (zh) * 2020-08-28 2022-06-21 腾讯科技(深圳)有限公司 一种参数调整方法、装置、客户端及存储介质
CN112114797B (zh) * 2020-09-03 2023-04-07 成都中科合迅科技有限公司 可配置的可视化开发方法与系统
CN112685678B (zh) * 2021-01-07 2023-11-07 腾讯科技(深圳)有限公司 页面配置方法、装置、计算机设备和存储介质
CN113535544A (zh) * 2021-06-16 2021-10-22 杭州华橙软件技术有限公司 一种待调试子应用运行方法、计算机设备以及装置
CN113625926A (zh) * 2021-06-23 2021-11-09 武汉理工数字传播工程有限公司 一种运营功能管理的方法、电子设备及存储介质
CN113835693B (zh) * 2021-09-15 2024-03-08 欧电云信息科技(江苏)有限公司 代码生成方法、装置、电子设备、存储介质
CN114168165B (zh) * 2021-12-15 2024-05-14 四川启睿克科技有限公司 一种高度集成半自动开发的物联网子功能开发方法
CN115951811B (zh) * 2023-03-10 2023-06-30 北京尽微致广信息技术有限公司 一种组件生成方法和装置

Citations (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN108196832A (zh) * 2018-01-09 2018-06-22 安徽小马创意科技股份有限公司 一种实现使微信小程序支持自定义组件式开发的方法

Family Cites Families (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20090172710A1 (en) * 2007-12-28 2009-07-02 Arman Toorians Method and system for enabling a mini program on a computing device to access an auxiliary system
CN109542543B (zh) * 2017-09-21 2021-12-14 腾讯科技(深圳)有限公司 应用程序页面处理方法、装置、存储介质和计算机设备
CN108228253A (zh) * 2017-12-29 2018-06-29 武汉璞华大数据技术有限公司 一种app构建方法及系统

Patent Citations (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN108196832A (zh) * 2018-01-09 2018-06-22 安徽小马创意科技股份有限公司 一种实现使微信小程序支持自定义组件式开发的方法

Also Published As

Publication number Publication date
CN111522552A (zh) 2020-08-11

Similar Documents

Publication Publication Date Title
CN111522552B (zh) 子应用生成方法、装置、计算机设备和存储介质
AU2021204770B2 (en) System integrating a mobile device application creation, editing and distribution system with a website design system
US10466971B2 (en) Generation of an application from data
WO2018228211A1 (zh) 应用转换方法、装置及设备
US10592211B2 (en) Generation of application behaviors
US20060117267A1 (en) System and method for property-based focus navigation in a user interface
CN111563220A (zh) 业务网站项目构建方法、装置、计算机设备和存储介质
KR101892702B1 (ko) 멀티 플랫폼을 지원하는 앱 저작 서버, 장치 및 방법
CN114064024A (zh) 微应用的开发方法、装置、设备、存储介质及程序产品
WO2013109858A1 (en) Design canvas
CN114564252A (zh) 一种低代码平台的事件配置方法、系统、设备及介质
CN114581026A (zh) 一种基于元素的组件化拖拽式建模平台、工具及方法
Snell et al. Microsoft Visual Studio 2012 Unleashed: Micro Visua Studi 2012 Unl_p2
KR101892699B1 (ko) 앱 개발을 위한 통합 개발 환경을 제공하는 앱 저작 장치 및 방법
CN114741071A (zh) 一种应用构建方法及装置
CN116304442A (zh) 页面代码生成方法、装置、电子设备以及存储介质
CN117707530A (zh) 应用程序页面的生成方法、装置、存储介质及电子设备
Freeman Pro react 16
US20190250896A1 (en) System and method for developing software applications of wearable devices
CN112162743A (zh) 驱动程序生成方法、装置、计算机设备和存储介质
Colombo-Mendoza et al. Alexandria: a visual tool for generating multi-device rich internet applications
CN115617324B (zh) 一种客户端网页的生成方法
US20240086159A1 (en) System integrating a mobile device application creation, editing and distribution system with a website design system
CN113867712A (zh) 游戏代码生成方法、装置、计算机设备和存储介质
CN114816173A (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
REG Reference to a national code

Ref country code: HK

Ref legal event code: DE

Ref document number: 40027970

Country of ref document: HK