小程序的生成方法、装置、设备及存储介质.pdf

《小程序的生成方法、装置、设备及存储介质.pdf》由会员分享，可在线阅读，更多相关《小程序的生成方法、装置、设备及存储介质.pdf（26页完成版）》请在专利查询网上搜索。

1、(19)中华人民共和国国家知识产权局 (12)发明专利申请 (10)申请公布号 (43)申请公布日 (21)申请号 202010544617.5 (22)申请日 2020.06.15 (71)申请人 中国建设银行股份有限公司 地址 100033 北京市西城区金融大街25号 申请人 建信金融科技有限责任公司 (72)发明人 梁雪威梁锐刘婧孟繁贵 芦玉婕李迎辉 (74)专利代理机构 北京品源专利代理有限公司 11332 代理人 孟金喆 (51)Int.Cl. G06F 8/34(2018.01) G06F 8/38(2018.01) G06F 3/0484(2013.01) G06F 3/0486。

2、(2013.01) (54)发明名称 一种小程序的生成方法、 装置、 设备及存储 介质 (57)摘要 本发明实施例公开了一种小程序的生成方 法、 装置、 设备及存储介质。 其中， 方法包括： 将组 件库中包括的至少一个小程序组件在第一展示 界面中进行展示， 每个小程序组件中封装有用于 执行设定功能的源代码； 响应于在第一展示界面 中选择的组件， 将选择的组件在第二展示界面中 进行展示， 并将与选择的组件匹配的源代码对应 写入与待生成的目标小程序匹配的源码文件中； 响应于小程序的开发结束指令， 根据源码文件生 成目标小程序。 本发明实施例的方案可以解决现 有的小程序开发方法开发周期长， 并且需要。

3、开发 人员需要有一定的编程基础才能生成小程序的 问题， 可以快速的生成小程序。 权利要求书2页 说明书18页 附图5页 CN 111708528 A 2020.09.25 CN 111708528 A 1.一种小程序的生成方法， 其特征在于， 包括： 将组件库中包括的至少一个小程序组件在第一展示界面中进行展示， 每个小程序组件 中封装有用于执行设定功能的源代码； 响应于在第一展示界面中选择的组件， 将所述选择的组件在第二展示界面中进行展 示， 并将与所述选择的组件匹配的源代码对应写入与待生成的目标小程序匹配的源码文件 中； 响应于小程序的开发结束指令， 根据所述源码文件生成所述目标小程序。 2。

4、.根据权利要求1所述的方法， 其特征在于， 响应于在所述第一展示界面中选择的组 件， 将所述选择的组件在第二展示界面中进行展示， 包括： 响应于对所述第一展示界面中展示的组件的拖拉拽操作， 将与所述拖拉拽操作匹配的 组件在第二展示界面中匹配的拖拉拽位置处进行展示。 3.根据权利要求2所述的方法， 其特征在于， 将与所述选择的组件匹配的源代码对应写 入与待生成的目标小程序匹配的源码文件中， 包括： 获取与当前拖拉拽操作匹配的目标组件在所述第二展示界面中的拖拉拽位置； 根据所述拖拉拽位置， 将与所述目标组件匹配的源代码对应写入与待生成的目标小程 序匹配的源码文件中。 4.根据权利要求3所述的方法，。

5、 其特征在于， 根据所述拖拉拽位置， 将与所述目标组件 匹配的源代码对应写入与待生成的目标小程序匹配的源码文件中， 包括： 如果根据所述拖拉拽位置确定所述目标组件为独立功能组件， 则将与所述目标组件匹 配的源代码追加写入至与所述目标小程序匹配的源码文件的目标位置处， 所述目标位置与 所述源码文件中其他组件的源代码位置不重合。 5.根据权利要求3所述的方法， 其特征在于， 根据所述拖拉拽位置， 将与所述目标组件 匹配的源代码对应写入与待生成的目标小程序匹配的源码文件中， 包括： 如果根据所述拖拉拽位置确定所述目标组件为嵌套功能组件， 则获取与所述目标组件 匹配的被嵌套组件； 在与所述目标小程序匹。

6、配的源码文件中， 识别与所述被嵌套组件匹配的目标源代码， 并在所述目标源代码中定位嵌套位置； 将与所述目标组件匹配的源代码写入至所述嵌套位置中。 6.根据权利要求1-5任一项所述的方法， 其特征在于， 在响应于在第一展示界面中选择 的组件， 将所述选择的组件在第二展示界面中进行展示之后， 还包括： 响应于与所述目标小程序匹配的组件修改指令， 获取与所述组件修改指令匹配的修改 组件； 修改与所述修改组件匹配的源代码中， 与所述修改组件匹配的样式和/或内容对应的 源代码， 并将修改后的所述修改组件代码对应写入到与待生成的所述目标小程序匹配的源 码文件中。 7.根据权利要求6所述的方法， 其特征在于。

7、， 在根据所述源码文件生成所述目标小程序 之后， 还包括： 响应于小程序发布指令， 将所述目标小程序发布至目标发布平台中。 8.一种小程序的生成装置， 其特征在于， 包括： 权利要求书 1/2 页 2 CN 111708528 A 2 小程序组件展示模块， 用于将组件库中包括的至少一个小程序组件在第一展示界面中 进行展示， 每个小程序组件中封装有用于执行设定功能的源代码； 组件源代码写入模块， 用于响应于在第一展示界面中选择的组件， 将所述选择的组件 在第二展示界面中进行展示， 并将与所述选择的组件匹配的源代码对应写入与待生成的目 标小程序匹配的源码文件中； 目标小程序生成模块， 用于响应于小。

8、程序的开发结束指令， 根据所述源码文件生成所 述目标小程序。 9.一种计算机设备， 包括存储器、 处理器及存储在存储器上并可在处理器上运行的计 算机程序， 其特征在于， 所述处理器执行所述程序时实现如权利要求1-7中任一项所述的小 程序的生成方法。 10.一种包含计算机可执行指令的存储介质， 其特征在于， 所述计算机可执行指令在由 计算机处理器执行时用于执行如权利要求1-7中任一项所述的小程序的生成方法。 权利要求书 2/2 页 3 CN 111708528 A 3 一种小程序的生成方法、 装置、 设备及存储介质 技术领域 0001 本发明实施例涉及计算机技术领域， 尤其涉及一种小程序的生成方。

9、法、 装置、 设备 及存储介质。 背景技术 0002 随着智能终端技术的发展， 在智能终端上可实现的应用功能越来越多， 形式也越 来越丰富。 0003 目前出现的小程序就是一种应用功能的实现方式。 小程序是基于宿主程序作为平 台来实现的。 所谓宿主程序， 也是一种应用程序， 安装于终端， 通过操作系统所提供的软硬 件端能力来运行。 小程序是由宿主程序来提供平台环境， 在宿主程序的环境支持下运行。 小 程序中包括开发者自定义的代码， 也包括宿主程序提供的平台能力和终端提供的软硬件端 能力。 小程序可通过宿主程序来调用端能力， 从而实现应用功能。 0004 现阶段， 主要通过产品人员根据需求设计小。

10、程序原型， 界面人员基于产品原型进 行小程序界面设计， 技术人员参照小程序界面设计图形进行小程序开发， 运维人员可以对 小程序进行内容维护。 这种小程序开发方法开发周期较长， 并且需要开发人员有一定的编 程基础， 对开发人员的要求较高。 发明内容 0005 本发明实施例提供一种小程序的生成方法、 装置、 设备及存储介质， 以解决现有的 小程序开发方法开发周期长， 并且需要开发人员有一定编程基础才能生成小程序的问题， 可以快速的生成小程序。 0006 第一方面， 本发明实施例提供了一种小程序的生成方法， 该方法包括： 0007 将组件库中包括的至少一个小程序组件在第一展示界面中进行展示， 每个小。

11、程序 组件中封装有用于执行设定功能的源代码； 0008 响应于在第一展示界面中选择的组件， 将所述选择的组件在第二展示界面中进行 展示， 并将与所述选择的组件匹配的源代码对应写入与待生成的目标小程序匹配的源码文 件中； 0009 响应于小程序的开发结束指令， 根据所述源码文件生成所述目标小程序。 0010 第二方面， 本发明实施例还提供了一种小程序的生成装置， 该装置包括： 0011 小程序组件展示模块， 用于将组件库中包括的至少一个小程序组件在第一展示界 面中进行展示， 每个小程序组件中封装有用于执行设定功能的源代码； 0012 组件源代码写入模块， 用于响应于在第一展示界面中选择的组件， 。

12、将所述选择的 组件在第二展示界面中进行展示， 并将与所述选择的组件匹配的源代码对应写入与待生成 的目标小程序匹配的源码文件中； 0013 目标小程序生成模块， 用于响应于小程序的开发结束指令， 根据所述源码文件生 成所述目标小程序。 说明书 1/18 页 4 CN 111708528 A 4 0014 第三方面， 本发明实施例还提供了一种计算机设备， 包括存储器、 处理器及存储在 存储器上并可在处理器上运行的计算机程序， 所述处理器执行所述程序时实现如本发明实 施例中任一实施例所述的小程序的生成方法。 0015 第四方面， 本发明实施例还提供了一种包含计算机可执行指令的存储介质， 所述 计算机。

13、可执行指令在由计算机处理器执行时用于执行如本发明实施例中任一实施例所述 的小程序的生成方法。 0016 本发明实施例通过将组件库中包括的至少一个小程序组件在第一展示界面中进 行展示， 每个小程序组件中封装有用于执行设定功能的源代码； 响应于在第一展示界面中 选择的组件， 将选择的组件在第二展示界面中进行展示， 并将与选择的组件匹配的源代码 对应写入与待生成的目标小程序匹配的源码文件中； 响应于小程序的开发结束指令， 根据 源码文件生成目标小程序， 可以解决现有的小程序开发方法开发周期长， 并且需要开发人 员需要有一定的编程基础才能生成小程序的问题， 可以快速的生成小程序。 附图说明 0017 。

14、图1是本发明实施例一中的一种小程序的生成方法的流程图； 0018 图2是本发明实施例二中的一种小程序的生成方法的流程图； 0019 图3是本发明实施例三中的一种小程序的生成方法的流程图； 0020 图4是本发明实施例四中的一种小程序的生成方法的流程图； 0021 图5是本发明实施例四中的一种小程序开发平台的结构示意图； 0022 图6是本发明实施例四中的一种小程序开发平台的实现架构图； 0023 图7是本发明实施例四中的一种小程序开发平台示例图； 0024 图8是本发明实施例五中的一种小程序的生成装置的结构示意图； 0025 图9是本发明实施例六中的一种计算机设备的结构示意图。 具体实施方式 。

15、0026 下面结合附图和实施例对本发明实施例作进一步的详细说明。 可以理解的是， 此 处所描述的具体实施例仅仅用于解释本发明实施例， 而非对本发明实施例的限定。 另外还 需要说明的是， 为了便于描述， 附图中仅示出了与本发明实施例相关的部分而非全部结构。 0027 在介绍本发明实施例的具体实施例之前， 需要说明的是， 小程序是一种不需要下 载安装即可使用的应用， 用户通过 “扫一扫” 或者 “搜一下” 即可打开应用。 通常情况下， 小程 序基于宿主程序作为平台来实现的， 其中， 宿主程序可以为任意一个安装于终端， 通过操作 系统所提供的软硬件端能力来运行的应用程序； 示例性的， 宿主程序可以为。

16、聊天类应用程 序、 视频播放类应用程序或者搜索类应用程序等， 本发明实施例中对其不作限定。 需要说明 的是， 宿主程序安装的终端可以为智能手机、 平板电脑或者智能手表等智能终端， 本发明实 施例中对其不作限定； 操作系统可以为安卓、 IOS或者微软等操作系统， 本发明实施例中对 其不作限定。 0028 同时， 本发明实施例中涉及到的小程序可以是任意一个小程序， 例如， 可以是信息 展示类小程序、 快递查询小程序或者学习类小程序等， 本发明实施例中对其不作限定。 0029 实施例一 说明书 2/18 页 5 CN 111708528 A 5 0030 图1是本发明实施例一中的一种小程序的生成方法。

17、的流程图， 本实施例可适用于 快速生成小程序的情况， 该方法可以由小程序的生成装置来执行， 该装置可以通过软件和/ 或硬件的方式实现， 并集成在计算机设备中。 具体的， 参考图1， 该方法具体包括如下步骤： 0031 步骤110、 将组件库中包括的至少一个小程序组件在第一展示界面中进行展示， 每 个小程序组件中封装有用于执行设定功能的源代码。 0032 其中， 小程序组件可以为小程序的一个组成部分， 每个小程序都可以包括多个小 程序组件， 例如， 视频播放类小程序可以包括： 展示图像的组件、 展示文本信息的组件、 或者 用户输入评论的组件等等， 本发明实施例中对其不加以限制。 组件库中可以包括。

18、多个小程 序组件， 需要说明的是， 这些小程序组件可以为实现不同功能的组件， 例如， 文章管理组件、 表单管理组件、 产品管理组件或者支付管理组件等等， 本发明实施例中对其不加以限制。 0033 需要说明的是， 本发明实施例中的各个小程序组件中封装有用于执行设定功能的 源代码， 例如， 上述支付管理组件中封装有用于实现支付功能的源代码； 表单管理组件中封 装有实现表单管理功能的源代码等等， 本发明实施例中在此不再对其进行赘述。 0034 在本发明实施例的一个可选实现中， 组件库可以将其包含的多个小程序组件在第 一展示界面进行展示， 其中， 第一展示界面可以将各个小程序组件以组件名称进行展示， 。

19、例 如， 文章管理组件、 表单管理组件或者产品管理组件等等； 第一展示界面也可以将各个小程 序组件以图标的形式进行展示， 例如， 第一展示界面可以包括文章管理组件图标、 表单管理 组件图标或者产品管理组件图标等等， 本发明实施例对其不加以限制。 0035 可选的， 第一展示界面可以为应用市场， 也可以任意一个数据库， 本发明实施例中 对其不加以限制。 0036 步骤120、 响应于在第一展示界面中选择的组件， 将选择的组件在第二展示界面中 进行展示， 并将与选择的组件匹配的源代码对应写入与待生成的目标小程序匹配的源码文 件中。 0037 在具体实现中， 生成目标小程序时， 可以在第一展示界面中。

20、选择与目标小程序对 应的各个组件， 并将所选择的各个组件在第二展示界面中进行展示； 其中， 目标小程序可以 为任意一个小程序， 例如， 可以是信息展示类小程序、 快递查询小程序或者学习类小程序 等， 本发明实施例中对其不加以限制。 需要说明的是， 本发明实施例中第一展示界面和第二 展示界面并不是同一个展示界面； 示例性的， 第二展示界面可以为一个网页页面， 或者某应 用程序的一个展示页面， 本发明实施例中对其不加以限制。 0038 进一步的， 将与选择的各个组件匹配的源代码对应写入到与待生成的目标小程序 匹配的源代码中。 在本发明实施例的一个可选实现方式中， 与待生成的目标小程序源代码 可以写。

21、在与待生成的目标小程序对应的领域专用语言(Domain Specified Language， DSL) 文件中， 在第一展示界面中选择与目标小程序匹配的各组件之后， 可以将与选择的各组件 匹配的源代码分别写入到与目标小程序匹配的DSL文件中。 0039 步骤130、 响应于小程序的开发结束指令， 根据源码文件生成目标小程序。 0040 在一个可选实现中， 将与选择的各个小程序组件匹配的源代码对应写入到与待生 成的目标小程序匹配的源码文件中之后， 当接收到小程序的开发结束指令之后， 可以对目 标小程序的源码文件进行编译处理， 从而生成目标小程序。 0041 在本发明实施例的另一个可选例子中， 。

22、也可以当检测到与各个小程序组件匹配的 说明书 3/18 页 6 CN 111708528 A 6 源代码对应写入到与待生成的目标小程序匹配的源码文件中之后， 设定时间内(例如， 5分 钟， 或者10分钟等， 本发明实施例中对其不加以限制)未接收到用户的维护指令， 即可对目 标小程序的源码文件进行编译处理， 从而生成目标小程序。 0042 本实施例的方案， 通过将组件库中包括的至少一个小程序组件在第一展示界面中 进行展示， 每个小程序组件中封装有用于执行设定功能的源代码； 响应于在第一展示界面 中选择的组件， 将选择的组件在第二展示界面中进行展示， 并将与选择的组件匹配的源代 码对应写入与待生成。

23、的目标小程序匹配的源码文件中； 响应于小程序的开发结束指令， 根 据源码文件生成目标小程序， 可以解决现有的小程序开发方法开发周期长， 并且需要开发 人员需要有一定的编程基础才能生成小程序的问题， 可以快速的生成小程序。 0043 实施例二 0044 图2是本发明实施例二中的一种小程序的生成方法的流程图， 本实施例是对上述 技术方案的进一步细化， 本实施例中的技术方案可以与上述一个或者多个实施例中的各个 可选方案结合。 如图2所示， 小程序的生成方法包括如下步骤： 0045 步骤210、 将组件库中包括的至少一个小程序组件在第一展示界面中进行展示， 每 个小程序组件中封装有用于执行设定功能的源。

24、代码。 0046 步骤220、 响应于对第一展示界面中展示的组件的拖拉拽操作， 将与拖拉拽操作匹 配的组件在第二展示界面中匹配的拖拉拽位置处进行展示。 0047 其中， 第二展示界面中的拖拉拽位置可以为第二展示界面的任意一个位置， 本发 明实施例中对其不作限制。 0048 在具体实现中， 在生成目标小程序的过程中， 可以通过拖拉拽的方式， 将第一展示 界面中展示的多个组件中的一个或者多个组件， 拖拉拽到第二展示界面中， 并在指定位置 进行显示。 0049 示例性的， 若组成目标小程序的组件包括小程序组件A、 小程序组件B以及小程序 组件C； 则可以分别在第一展示界面中选择小程序组件A、 小程序。

25、组件B以及小程序组件C， 将 这三个小程序组件分别通过拖拉拽的方式拖拉拽到第二展示界面， 并在第二展示界面中对 这三个小程序组件进行展示。 0050 步骤230、 获取与当前拖拉拽操作匹配的目标组件在第二展示界面中的拖拉拽位 置。 0051 具体的， 在将与拖拉拽操作匹配的组件在第二展示界面中匹配的拖拉拽位置处进 行展示之后， 可以进一步的获取与当前拖拉拽操作匹配的目标组件在第二展示界面中的拖 拉拽位置， 其中， 目标组件可以为步骤220中在第一展示界面中拖拉拽的多个组件中的任意 一个小程序组件， 例如， 上述例子中的小程序组件A、 小程序组件B或者小程序组件C， 本发明 实施例中对其不加以限。

26、制。 0052 示例性的， 在将多个小程序组件从第一展示界面拖拉拽至第二展示界面之后， 可 以进一步的获取每个小程序组件在第二展示界面中的位置， 例如， 可以获取到小程序组件A 的位置为标题栏、 小程序组件B的位置为第二展示界面的左侧， 以及小程序组件C的位置为 第二展示界面的右侧等等。 0053 步骤240、 根据拖拉拽位置， 将与目标组件匹配的源代码对应写入与待生成的目标 小程序匹配的源码文件中。 说明书 4/18 页 7 CN 111708528 A 7 0054 具体的， 在获取与当前拖拉拽操作匹配的目标组件在第二展示界面中的拖拉拽位 置之后， 可以进一步根据拖拉拽位置， 将于目标组件。

27、匹配的源代码写入到与待生成的目标 小程序匹配的源代码文件中。 0055 在本发明实施例的一个可选实现方式中， 根据拖拉拽位置， 将与目标组件匹配的 源代码对应写入与待生成的目标小程序匹配的源码文件中， 可以包括： 如果根据拖拉拽位 置确定目标组件为独立功能组件， 则将与目标组件匹配的源代码追加写入至与目标小程序 匹配的源码文件的目标位置处， 目标位置与源码文件中其他组件的源代码位置不重合。 0056 具体的， 如果根据目标组件的拖拉拽位置， 即目标组件在第二展示界面中的位置， 确定目标组件为独立功能组件； 其中， 独立功能组件即为目标小程序组件无需与其他小程 序组件进行组合， 即可实现某一个功。

28、能的小程序组件。 示例性的， 若目标组件的拖拉拽位置 为第二展示界面的标题栏， 且在第二展示界面的标题栏并不存在其他小程序组件， 则可以 确定目标组件为独立功能组件； 则可以将与目标组件匹配的源代码写入至与目标小程序匹 配的源代码文件的目标位置处， 其中， 本实施例中涉及到的目标位置与源代码文件中其他 组件的源代码位置不重合。 0057 示例性的， 若根据小程序组件A的拖拉拽位置， 确定小程序组件A为独立功能的组 件， 则可以将与小程序组件A匹配的源代码写入到目标小程序的DSL文件的指定位置处， 其 中， 目标小程序的DSL文件即为目标小程序的源代码文件。 0058 在本发明实施例的另一个可选。

29、实现方式中， 根据拖拉拽位置， 将与目标组件匹配 的源代码对应写入与待生成的目标小程序匹配的源码文件中， 还可以包括： 如果根据拖拉 拽位置确定目标组件为嵌套功能组件， 则获取与目标组件匹配的被嵌套组件； 在与目标小 程序匹配的源码文件中， 识别与被嵌套组件匹配的目标源代码， 并在目标源代码中定位嵌 套位置； 将与目标组件匹配的源代码写入至嵌套位置中。 0059 具体的， 如果根据目标组件的拖拉拽位置， 即目标组件在第二展示界面中的位置， 确定目标组件为嵌套功能组件； 其中， 嵌套功能组件即为目标小程序组件需要与其他小程 序组件进行组合， 才可以实现某一个功能的小程序组件。 示例性的， 若目标。

30、组件的拖拉拽位 置为第二展示界面的左侧位置， 且在第二展示界面的标题栏还包括其他小程序组件D， 并且 目标小程序组件包含在小程序组件D内部， 则可以确定目标组件为嵌套功能组件； 则进一步 的可以获取与目标小程序组件匹配的被嵌套组件， 例如， 上述例子中的其他小程序组件； 并 在于目标小程序匹配的源代码文件中， 识别与其他小程序组件匹配的目标源代码， 并在目 标源代码中定位嵌套位置； 进而将与目标小程序组件匹配的源代码写入到嵌套位置中。 0060 示例性的， 若目标组件的拖拉拽位置为第二展示界面的左侧位置， 且在第二展示 界面的标题栏还包括其他小程序组件D， 并且目标小程序组件包含在小程序组件D。

31、内部， 则 可以确定目标组件为嵌套功能组件； 进一步的， 可以在目标小程序的DSL文件中识别与小程 序组件D匹配的源代码， 并在小程序组件D匹配的源代码中定位嵌套位置； 进而将与目标小 程序组件匹配的源代码写入到嵌套位置中； 其中， 目标小程序的DSL文件即为目标小程序的 源代码文件。 0061 步骤250、 响应于小程序的开发结束指令， 根据源码文件生成目标小程序。 0062 本实施例的方案， 将组件库中包括的至少一个小程序组件在第一展示界面中进行 展示， 每个小程序组件中封装有用于执行设定功能的源代码； 响应于对第一展示界面中展 说明书 5/18 页 8 CN 111708528 A 8 。

32、示的组件的拖拉拽操作， 将与拖拉拽操作匹配的组件在第二展示界面中匹配的拖拉拽位置 处进行展示； 获取与当前拖拉拽操作匹配的目标组件在第二展示界面中的拖拉拽位置； 根 据拖拉拽位置， 将与目标组件匹配的源代码对应写入与待生成的目标小程序匹配的源码文 件中； 响应于小程序的开发结束指令， 根据源码文件生成目标小程序， 可以解决现有的小程 序开发方法开发周期长， 并且需要开发人员需要有一定的编程基础才能生成小程序的问 题， 可以快速的生成小程序。 0063 实施例三 0064 图3是本发明实施例三中的一种小程序的生成方法的流程图， 本实施例是对上述 技术方案的进一步细化， 本实施例中的技术方案可以与。

33、上述一个或者多个实施例中的各个 可选方案结合。 如图3所示， 小程序的生成方法包括如下步骤： 0065 步骤310、 将组件库中包括的至少一个小程序组件在第一展示界面中进行展示， 每 个小程序组件中封装有用于执行设定功能的源代码。 0066 步骤320、 响应于在第一展示界面中选择的组件， 将选择的组件在第二展示界面中 进行展示。 0067 步骤330、 响应于与目标小程序匹配的组件修改指令， 获取与组件修改指令匹配的 修改组件。 0068 具体的， 在响应于在第一展示界面中选择的组件， 将选择的组件在第二展示界面 中进行展示之后， 可以进一步的响应于与目标小程序匹配的组件修改指令， 并获取与。

34、组件 修改指令匹配的修改组件。 0069 示例性的， 在第一展示界面中选择三个组件， 并将这三个组件在第二展示界面进 行展示之后， 若接收到与目标小程序匹配的组件修改指令， 则可以进一步的确定与修改指 令匹配的修改组件； 其中， 修改组件可以为在第一展示界面中选择的三个组中的任意一个 组件。 0070 步骤340、 修改与修改组件匹配的源代码中， 与修改组件匹配的样式和/或内容对 应的源代码， 并将修改后的修改组件代码对应写入到与待生成的目标小程序匹配的源码文 件中。 0071 具体的， 在响应于与目标小程序匹配的组件修改指令， 获取与组件修改指令匹配 的修改组件之后， 可以进一步的修改与修改。

35、组件匹配的源代码， 示例性的， 在确定与修改指 令匹配的修改组件之后， 可以进一步对修改组件的源代码进行修改。 0072 具体的， 可以修改与修改组件的样式对应的源代码、 修改与修改组件内容对应的 源代码、 或者同时修改与修改组件的样式以及内容对应的源代码， 并将修改后的修改组件 代码对应写入到与待生成的目标小程序匹配的源码文件中。 0073 示例性的， 若确定修改组件为小程序组件A， 则可以进一步的获取与小程序组件A 匹配的源代码， 并对源码中小程序组件A的内容、 小程序组件A的样式， 或者小程序组件A的 样式以及内容对应的源代码进行修改， 并将修改后的代码写入到待生成的目标小程序的源 码文。

36、件(DSL文件)中。 0074 步骤350、 响应于小程序的开发结束指令， 根据源码文件生成目标小程序。 0075 本实施例的方案， 通过响应于与目标小程序匹配的组件修改指令， 获取与组件修 改指令匹配的修改组件； 修改与修改组件匹配的源代码中， 与修改组件匹配的样式和/或内 说明书 6/18 页 9 CN 111708528 A 9 容对应的源代码， 并将修改后的修改组件代码对应写入到与待生成的目标小程序匹配的源 码文件中， 在快速生成小程序的同时， 也可以对小程序的内容或者样式进行修改， 丰富了小 程序的多样性。 0076 实施例四 0077 图4是本发明实施例四中的一种小程序的生成方法的。

37、流程图， 本实施例是对上述 技术方案的进一步细化， 本实施例中的技术方案可以与上述一个或者多个实施例中的各个 可选方案结合。 如图4所示， 小程序的生成方法包括如下步骤： 0078 步骤410、 将组件库中包括的至少一个小程序组件在第一展示界面中进行展示， 每 个小程序组件中封装有用于执行设定功能的源代码。 0079 步骤420、 响应于在第一展示界面中选择的组件， 将选择的组件在第二展示界面中 进行展示， 并将与选择的组件匹配的源代码对应写入与待生成的目标小程序匹配的源码文 件中。 0080 步骤430、 响应于小程序的开发结束指令， 根据源码文件生成目标小程序。 0081 步骤440、 响。

38、应于小程序发布指令， 将目标小程序发布至目标发布平台中。 0082 具体的， 在响应于小程序的开发结束指令， 根据小程序的源码文件生成目标小程 序之后， 可以进一步的在目标平台中对目标小程序进行发布。 其中， 目标平台即为目标小程 序的宿主程序， 其中， 宿主程序可以为任意一个安装于终端， 通过操作系统所提供的软硬件 端能力来运行的应用程序； 示例性的， 宿主程序可以为聊天类应用程序、 视频播放类应用程 序、 支付类应用程序或者搜索类应用程序等， 本发明实施例中对其不作限定。 需要说明的 是， 宿主程序安装的终端可以为智能手机、 平板电脑或者智能手表等智能终端， 本发明实施 例中对其不作限定；。

39、 操作系统可以为安卓、 IOS或者微软等操作系统， 本发明实施例中对其 不作限定。 0083 本实施例的方案， 在响应于小程序的开发结束指令， 根据小程序的源码文件生成 目标小程序之后， 可以进一步的在目标平台中对目标小程序进行发布， 在快速生成小程序 的同时， 也可以实现小程序的快速发布。 0084 为了使本领域技术人员更好地理解本发明实施例， 图5列举了一种小程序开发平 台的结构示意图， 其主要包括： 应用市场510(第一展示界面)、 小程序运维平台520(第二展 示界面)、 小程序运营平台530以及发布平台540。 0085 其中， 应用市场510即为上述各实施例中涉及到的第一展示界面，。

40、 应用市场510提 供了一些基本的组件供小程序运维平台520使用。 需要说明的是， 应用市场510具有可扩展 性， 示例性的， 若应用市场中以提供的组件不能满足用户需求， 无编程基础的用户可以进行 意见反馈， 有编程能力的用户可以进行组件扩展， 根据平台提供的组件开发规范进行组件 开发并上传到应用市场。 0086 在小程序运维平台520的组件列表中会展示一些基础组件， 若基础组件不能满足 用户需求， 则用户可以从应用市场510中选择组件并添加至小程序运维平台520中。 在小程 序运营平台530用户通过拖拽组件到页面中和编辑页面和组件的属性进行小程序的设计及 开发。 需要说明的是， 在小程序运营。

41、平台530用户可以对小程序中的内容进行维护， 但是不 允许对小程序的设计进行修改， 这也是小程序运营平台530与小程序运维平台520之间的区 别。 说明书 7/18 页 10 CN 111708528 A 10 0087 最后， 在小程序运营平台530将开发完成的小程序进行一键发布， 用户可选择想发 布的平台， 这样就会将小程序发布到用户已选的平台。 0088 图6列举了一种小程序开发平台的实现架构图， 在该平台中， 前端技术栈使用Vue， 后端技术栈使用NodeJS， 同时也支持使用其他技术栈的微服务接入。 拖拽功能基于第三方 组件库Vue.Draggable实现， 多端发布功能是将DSL通。

42、过AST构建成为不同平台的小程序文 件内容实现。 平台具体实现流程如下： 0089 1)确定组件DSL结构和页面DSL结构， 制定组件DSL规范。 0090 示例性的， 页面DSL结构可以为： 0091 说明书 8/18 页 11 CN 111708528 A 11 0092 说明书 9/18 页 12 CN 111708528 A 12 0093 说明书 10/18 页 13 CN 111708528 A 13 0094 示例性的， 组件DSL结构可以为： 0095 说明书 11/18 页 14 CN 111708528 A 14 0096 说明书 12/18 页 15 CN 1117085。

43、28 A 15 0097 说明书 13/18 页 16 CN 111708528 A 16 0098 说明书 14/18 页 17 CN 111708528 A 17 0099 0100 2)进行组件(功能单元)开发， 在本实施例中， 可以先开发几个基础组件， 待后续平 台搭建完成后再进行组件种类的完善。 功能单元包括组件的前端、 后端和管理端三个部分。 组件的前端包含组件的vue文件、 DSL文件以及用来将DSL转为小程序文件的脚本； 组件的后 端为组件提供所需的服务； 组件的管理端为运行在小程序管理端平台(小程序运营平台)的 对组件进行内容管理的微前端模块。 需要说明的是， 这三部分不是必。

44、须都需要的， 如果组件 不需要使用某一部分， 则可以不进行提供， 例如： 文本组件不需要服务端支撑， 则组件的功 能模块中不需要提供后端。 0101 3)组件开发完成后， 将组件发布到应用市场， 发布过程会把前端将DSL转为小程序 文件的脚本和管理端服务进行部署。 0102 4)开发小程序运维平台(设计端)， 基于第三方组件库Vue.Draggable实现组件拖 拽功能并且提供属性面板供用户编辑组件数据。 支持用户从应用市场中添加组件到开发的 项目中； 支持用户将工具栏中组件拖到小程序页面中， 页面内的组件也可进行拖动， 通过拖 动来改变组件在页面中的位置； 支持用户在属性面板编辑选中组件的样。

45、式和内容。 0103 5)开发小程序运营平台(管理端)， 通过微前端架构实现组件的管理页面动态载 说明书 15/18 页 18 CN 111708528 A 18 入。 需要说明的是， 小程序运营平台不支持用户修改页面和组件的样式和布局， 仅支持用户 在属性面板编辑选中组件的样式和内容。 0104 6)开发平台用户管理服务模块， 支持多租户模式。 0105 7)实现一键发布功能。 拼接组件们的DSL数据到页面DSL数据中， 通过调用发布组 件时已经部署好的将DSL转为小程序文件的脚本， 将页面DSL数据转为小程序文件。 编译打 包小程序文件并发布到小程序运行平台。 0106 8)丰富平台组件和。

46、小程序模板。 0107 为了更好地理解本发明实施例， 图7列举了一种小程序开发平台示例图(以小程序 运维平台为示例)。 0108 需要说明的是， 本发明实施例中涉及到的小程序开发平台无需使用编程即可进行 小程序开发， 可大大提高小程序开发效率， 并且使得无编程基础的用户也可以进行小程序 的设计与开发。 同时， 该小程序开发平台支持多端发布， 用户只需要在平台设计开发一套小 程序， 即可发布到多端运行， 大大降低了开发成本。 0109 实施例五 0110 图8是本发明实施例五提供的一种小程序的生成装置的结构示意图， 该装置可以 执行上述各实施例中涉及到的小程序的生成方法， 该装置可以通过软件和/。

47、或硬件的方式 实现。 具体的， 参考图8， 该装置包括： 小程序组件展示模块810、 组件源代码写入模块820以 及目标小程序生成模块830。 0111 其中， 小程序组件展示模块810， 用于将组件库中包括的至少一个小程序组件在第 一展示界面中进行展示， 每个小程序组件中封装有用于执行设定功能的源代码； 0112 组件源代码写入模块820， 用于响应于在第一展示界面中选择的组件， 将选择的组 件在第二展示界面中进行展示， 并将与选择的组件匹配的源代码对应写入与待生成的目标 小程序匹配的源码文件中； 0113 目标小程序生成模块830， 用于响应于小程序的开发结束指令， 根据源码文件生成 目标。

48、小程序。 0114 本实施例的方案， 通过小程序组件展示模块将组件库中包括的至少一个小程序组 件在第一展示界面中进行展示； 通过组件源代码写入模块响应于在第一展示界面中选择的 组件， 将选择的组件在第二展示界面中进行展示， 并将与选择的组件匹配的源代码对应写 入与待生成的目标小程序匹配的源码文件中； 通过目标小程序生成模块响应于小程序的开 发结束指令， 根据源码文件生成目标小程序， 可以解决现有的小程序开发方法开发周期长， 并且需要开发人员需要有一定的编程基础才能生成小程序的问题， 可以快速的生成小程 序。 0115 可选的， 组件源代码写入模块820包括： 组件展示子模块和源代码写入子模块；。

49、 0116 其中， 组件展示子模块， 用于响应于对第一展示界面中展示的组件的拖拉拽操作， 将与拖拉拽操作匹配的组件在第二展示界面中匹配的拖拉拽位置处进行展示。 0117 源代码写入子模块， 包括位置获取单元和源代码写入单元； 位置获取单元， 用于获 取与当前拖拉拽操作匹配的目标组件在第二展示界面中的拖拉拽位置； 源代码写入单元， 用于根据拖拉拽位置， 将与目标组件匹配的源代码对应写入与待生成的目标小程序匹配的 源码文件中。 说明书 16/18 页 19 CN 111708528 A 19 0118 源代码写入单元， 还具体用于如果根据拖拉拽位置确定目标组件为独立功能组 件， 则将与目标组件匹配。

50、的源代码追加写入至与目标小程序匹配的源码文件的目标位置 处， 目标位置与源码文件中其他组件的源代码位置不重合。 0119 源代码写入单元， 还具体用于如果根据拖拉拽位置确定目标组件为嵌套功能组 件， 则获取与目标组件匹配的被嵌套组件； 在与目标小程序匹配的源码文件中， 识别与被嵌 套组件匹配的目标源代码， 并在目标源代码中定位嵌套位置； 将与目标组件匹配的源代码 写入至嵌套位置中。 0120 可选的， 小程序的生成装置， 还可以包括： 修改组件获取模块， 用于响应于与目标 小程序匹配的组件修改指令， 获取与组件修改指令匹配的修改组件； 修改与修改组件匹配 的源代码中， 与修改组件匹配的样式和/。