子应用生成方法、装置、计算机设备和存储介质制造方法及图纸

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

【技术实现步骤摘要】
子应用生成方法、装置、计算机设备和存储介质
本申请涉及计算机
，特别是涉及一种子应用生成方法、装置、计算机设备和存储介质。
技术介绍
随着计算机技术的发展，越来越多的应用程序为用户的工作生活提供便利。应用程序还可以母应用和子应用。母应用是指可独立运行的应用，子应用是指不需要下载安装即可使用的应用，但子应用需要在母应用上运行。用户可以通过母应用扫一扫或搜一下子应用标识，从而在母应用上打开子应用。但对于物联网线上的商家而言，需要专属的子应用为消费者提供服务，而目前商家无法自己实现子应用的生成，主要通过开发人员编写子应用代码，开发时间长。
技术实现思路
基于此，有必要针对上述技术问题，提供一种可视化的子应用生成方法、装置、计算机设备和存储介质，使得用户可以直接生成自己的子应用，减少开发时间。一种子应用生成方法，所述方法包括：展示子应用的页面模板，并展示组件库界面；响应于在所述组件库界面的组件选择操作，将所述组件选择操作选中的组件添加到所述页面模板中；展示所述选中的组件的属性界面，响应于在所述属性界面触发的数据绑定操作，将所述数据绑定操作所指定的数据与所述组件绑定；至少根据所述页面模板中已添加的组件，以及与已添加的所述组件绑定的数据，生成子应用代码；所述子应用代码用于生成在母应用上运行的子应用。一种子应用生成装置，所述装置包括：第一展示模块，用于展示子应用的页面模板，并展示组件库界面；第一添加模块，用于响应于在所述组件库界面的组件选择操作，将所述组件选择操作选中的组件添加到所述页面模板中；绑定模块，用于展示所述选中的组件的属性界面，响应于在所述属性界面触发的数据绑定操作，将所述数据绑定操作所指定的数据与所述组件绑定；生成模块，用于至少根据所述页面模板中已添加的组件，以及与已添加的所述组件绑定的数据，生成子应用代码；所述子应用代码用于生成在母应用上运行的子应用。在一个实施例中，所述装置还包括：第二展示模块，用于响应于数据集配置操作，展示数据集配置界面；选择模块，用于响应于在所述数据集配置界面触发的数据选择操作，从预定义的数据集中选择预定义的数据；第二添加模块，用于当选择的所述数据已绑定组件时，将已绑定的组件添加到所述页面模板中。在一个实施例中，所述绑定模块还用于：响应于在所述属性界面触发的数据绑定操作，在所述属性界面显示预定义的数据集；基于对所述属性界面所显示的数据集的数据选择操作，从所述数据集中选择预定义的数据；将选择的所述数据与所述组件绑定。在一个实施例中，所述装置还包括：数据定义模块；所述数据定义模块用于：响应于数据定义发起操作，进入数据定义界面；基于在所述数据定义界面配置的数据名称和数据类型，确定定义的数据；将所述定义的数据添加到数据集中。在一个实施例中，所述绑定模块还用于：当所述数据类型是默认绑定组件的预设数据类型时，将所述定义的数据与所述预设数据类型对应的默认组件绑定。在一个实施例中，在所述将所述数据绑定操作所指定的数据与所述组件绑定之后，所述绑定模块还用于：响应于对所述页面模板中添加的所述组件的选中操作，触发事件添加入口；响应于对所述事件添加入口的触发操作，将所述组件与事件绑定；所述生成模块还用于：至少根据所述页面模板中已添加的组件、与已添加的所述组件绑定的数据以及与所述组件绑定的事件，生成子应用代码。在一个实施例中，所述装置还包括：绑定关系展示模板；所述绑定关系展示模板用于：在与所述页面模板对应的第一展示区域，展示所述页面模板中已添加的组件所绑定事件的事件标识；当所述页面模板中添加的至少一个组件处于编辑状态时，显示可视化的组件与事件绑定关系；所述组件与事件绑定关系指向编辑状态的所述组件，并指向所述第一展示区域中编辑状态的所述组件所绑定事件的事件标识。在一个实施例中，所述绑定关系展示模板还用于：在与所述页面模板对应的第二展示区域，展示所述页面模板中已添加的组件所绑定的数据；当所述页面模板中添加的至少一个组件处于编辑状态时，显示可视化的组件与数据绑定关系；所述组件与数据绑定关系指向编辑状态的所述组件，并指向所述第二展示区域中编辑状态的所述组件所绑定的数据。在一个实施例中，所述装置还包括：配置模块；所述配置模块用于：在开发项目管理页面，响应于开发项目创建操作，创建子应用开发项目；进入所述子应用开发项目对应的开发环境，读取组件配置信息；基于所述组件配置信息构建所述开发环境所支持的组件；在一个实施例中，所述生成模块还用于：至少根据所述页面模板中已添加的组件、与已添加的所述组件绑定的数据，结合已添加的所述组件的样式信息和代码模板中的至少一种，生成子应用代码。在一个实施例中，所述生成模块还用于：响应于母应用触发操作，跳转至母应用；在所述母应用提供的运行环境中运行所述子应用代码，生成子应用。一种计算机设备，包括存储器和处理器，所述存储器存储有计算机程序，所述处理器执行所述计算机程序时实现以下步骤：展示子应用的页面模板，并展示组件库界面；响应于在所述组件库界面的组件选择操作，将所述组件选择操作选中的组件添加到所述页面模板中；展示所述选中的组件的属性界面，响应于在所述属性界面触发的数据绑定操作，将所述数据绑定操作所指定的数据与所述组件绑定；至少根据所述页面模板中已添加的组件，以及与已添加的所述组件绑定的数据，生成子应用代码；所述子应用代码用于生成在母应用上运行的子应用。一种计算机可读存储介质，其上存储有计算机程序，所述计算机程序被处理器执行时实现以下步骤：展示子应用的页面模板，并展示组件库界面；响应于在所述组件库界面的组件选择操作，将所述组件选择操作选中的组件添加到所述页面模板中；展示所述选中的组件的属性界面，响应于在所述属性界面触发的数据绑定操作，将所述数据绑定操作所指定的数据与所述组件绑定；至少根据所述页面模板中已添加的组件，以及与已添加的所述组件绑定的数据，生成子应用代码；所述子应用代码用于生成在母应用上运行的子应用。上述子应用生成方法、装置、计算机设备和存储介质，通过展示子应用的页面模板，使得用户可直接在页面模板中进行子应用的创建。展示组件库界面，以直观展示可使用的组件，使得用户能够直接从组件库界面中选择需要的组件，并将组件添加到页面模板中进行编辑。展示选中的组件的属性界面，使得用户直接在该属性界面中输入需要与该组件绑定的数据，即可实现组件和数据的绑定操作。至少根据页面模板中的组件，以及与组件绑定的数据，无需用户编写代码，即可自动生成用户自定义的子应用，缩短了开发周期，提高开发效率。并且，通过可视化的组件选择、和数据绑定操作，不懂代码的用户也可以自己开发子应用，使得子应用的开发更简单。...

【技术保护点】
1.一种子应用生成方法，其特征在于，所述方法包括：/n展示子应用的页面模板，并展示组件库界面；/n响应于在所述组件库界面的组件选择操作，将所述组件选择操作选中的组件添加到所述页面模板中；/n展示所述选中的组件的属性界面，响应于在所述属性界面触发的数据绑定操作，将所述数据绑定操作所指定的数据与所述组件绑定；/n至少根据所述页面模板中已添加的组件，以及与已添加的所述组件绑定的数据，生成子应用代码；所述子应用代码用于生成在母应用上运行的子应用。/n

【技术特征摘要】
1.一种子应用生成方法，其特征在于，所述方法包括：
展示子应用的页面模板，并展示组件库界面；
响应于在所述组件库界面的组件选择操作，将所述组件选择操作选中的组件添加到所述页面模板中；
展示所述选中的组件的属性界面，响应于在所述属性界面触发的数据绑定操作，将所述数据绑定操作所指定的数据与所述组件绑定；
至少根据所述页面模板中已添加的组件，以及与已添加的所述组件绑定的数据，生成子应用代码；所述子应用代码用于生成在母应用上运行的子应用。


2.根据权利要求1所述的方法，其特征在于，所述方法还包括：
响应于数据集配置操作，展示数据集配置界面；
响应于在所述数据集配置界面触发的数据选择操作，从预定义的数据集中选择预定义的数据；
当选择的所述数据已绑定组件时，将已绑定的组件添加到所述页面模板中。


3.根据权利要求1所述的方法，其特征在于，所述响应于在所述属性界面触发的数据绑定操作，将所述数据绑定操作所指定的数据与所述组件绑定包括：
响应于在所述属性界面触发的数据绑定操作，在所述属性界面显示预定义的数据集；
基于对所述属性界面所显示的数据集的数据选择操作，从所述数据集中选择预定义的数据；
将选择的所述数据与所述组件绑定。


4.根据权利要求2或3所述的方法，其特征在于，所述方法还包括：
响应于数据定义发起操作，进入数据定义界面；
基于在所述数据定义界面配置的数据名称和数据类型，确定定义的数据；
将所述定义的数据添加到数据集中。


5.根据权利要求4所述的方法，其特征在于，所述方法还包括：
当所述数据类型是默认绑定组件的预设数据类型时，将所述定义的数据与所述预设数据类型对应的默认组件绑定。


6.根据权利要求1所述的方法，其特征在于，在所述将所述数据绑定操作所指定的数据与所述组件绑定之后，所述方法还包括：
响应于对所述页面模板中添加的所述组件的选中操作，触发事件添加入口；
响应于对所述事件添加入口的触发操作，将所述组件与事件绑定；
所述至少根据所述页面模板中已添加的组件，以及与已添加的所述组件绑定的数据，生成子应用代码，包括：
至少根据所述页面模板中已添加的组件、与已添加的所述组件绑定的数据以及与所述组件绑定的事件，生成子应用代码。


7.根据权利要求6所述的方法，其特征在于，所述方法还包括：
在与所述页面模板对应的第一展示区域，展示所述页面模板中已添加的组件所绑定事件的事件标识；
当所述页面模板中添加的至少一个组件处于编辑状态时，显示可视化的组件与事件绑定关系；所述组件与事件绑定关系指向编辑状态的所述组件，并指向所述第一展示区域中编辑状态的所述组件所绑定事件的事件标识。


8.根据权利要求1、2、3...

【专利技术属性】
技术研发人员：宿海成，
申请(专利权)人：腾讯科技深圳有限公司，
类型：发明
国别省市：广东;44