一种页面搭建方法、装置、设备以及存储介质制造方法及图纸

本发明专利技术公开了一种页面搭建方法、装置、设备以及存储介质，属于计算机处理技术领域。该方法包括：识别到页面搭建请求，则从组件管理平台获取候选组件，并将所述候选组件显示于编辑页面的第一区域；响应于用户的拖拽指令，从所述候选组件中确定目标组件，并将所述目标组件从所述编辑页面的第一区域拖拽至第二区域；在所述编辑页面的第三区域向用户展示所述目标组件的配置面板；获取用户在所述配置面板上对所述目标组件的配置信息；基于所述目标组件的配置信息，对所述目标组件进行渲染，以生成目标页面。通过上述技术方案，为营销活动类页面搭建提供了一种新的解决方案。面搭建提供了一种新的解决方案。面搭建提供了一种新的解决方案。

【技术实现步骤摘要】
一种页面搭建方法、装置、设备以及存储介质


[0001]本专利技术实施例涉及计算机处理
，尤其涉及一种页面搭建方法、装置、设备以及存储介质。

技术介绍

[0002]传统开发交付一个活动页面的流程，需要产品人员输出交互图给UI设计人员进行视觉稿设计，然后开发人员根据视觉设计稿进行开发，进一步的若是新项目可能还需要配置其他复杂的环境和框架，进而进行联调、测试和发布。这种方式，对应产品的开发上线周期非常长，因此，亟需一种有效的页面开发方式。

技术实现思路

[0003]本专利技术提供一种页面搭建方法、装置、设备以及存储介质，以释放开发成本、提高运营效率。
[0004]第一方面，本专利技术实施例提供了一种页面搭建方法，该方法包括：
[0005]若识别到页面搭建请求，则从组件管理平台获取候选组件，并将所述候选组件显示于编辑页面的第一区域；
[0006]响应于用户的拖拽指令，从所述候选组件中确定目标组件，并将所述目标组件从所述编辑页面的第一区域拖拽至第二区域；
[0007]在所述编辑页面的第三区域向用户展示所述目标组件的配置面板；
[0008]获取用户在所述配置面板上对所述目标组件的配置信息；
[0009]基于所述目标组件的配置信息，对所述目标组件进行渲染，以生成目标页面。
[0010]第二方面，本专利技术实施例还提供了一种页面搭建装置，该装置包括：
[0011]候选组件确定模块，用于若识别到页面搭建请求，则从组件管理平台获取候选组件，并将所述候选组件显示于编辑页面的第一区域；
[0012]目标组件确定模块，用于响应于用户的拖拽指令，从所述候选组件中确定目标组件，并将所述目标组件从所述编辑页面的第一区域拖拽至第二区域；
[0013]配置面板展示模块，用于在所述编辑页面的第三区域向用户展示所述目标组件的配置面板；
[0014]配置信息获取模块，用于获取用户在所述配置面板上对所述目标组件的配置信息；
[0015]目标页面生成模块，用于基于所述目标组件的配置信息，对所述目标组件进行渲染，以生成目标页面。
[0016]第三方面，本专利技术实施例还提供了一种电子设备，该电子设备包括：
[0017]一个或多个处理器；
[0018]存储器，用于存储一个或多个程序；
[0019]当所述一个或多个程序被所述一个或多个处理器执行，使得所述一个或多个处理
器实现如本专利技术任一实施例所提供的页面搭建方法。
[0020]第四方面，本专利技术实施例还提供了一种计算机可读存储介质，其上存储有计算机程序，该程序被处理器执行时实现如本专利技术任一实施例所提供的页面搭建方法。
[0021]本专利技术实施例的技术方案，通过若识别到页面搭建请求，则从组件管理平台获取候选组件，并将候选组件显示于编辑页面的第一区域，之后响应于用户的拖拽指令，从候选组件中确定目标组件，并将目标组件从编辑页面的第一区域拖拽至第二区域，进而在编辑页面的第三区域向用户展示目标组件的配置面板，最后获取用户在配置面板上对目标组件的配置信息，并基于目标组件的配置信息，对目标组件进行渲染，以生成目标页面。上述技术方案，提高了页面搭建的效率，释放了活动开发人力，实现了业务的快速交付，为营销活动类页面搭建提供了一种新的解决方案。
附图说明
[0022]图1是本专利技术实施例一提供的一种页面搭建方法的流程图；
[0023]图2是本专利技术实施例二提供的一种页面搭建方法的流程图；
[0024]图3是本专利技术实施例三提供的一种页面搭建装置的结构示意图；
[0025]图4是本专利技术实施例四提供的一种电子设备的结构示意图。
具体实施方式
[0026]下面结合附图和实施例对本专利技术作进一步的详细说明。可以理解的是，此处所描述的具体实施例仅仅用于解释本专利技术，而非对本专利技术的限定。另外还需要说明的是，为了便于描述，附图中仅示出了与本专利技术相关的部分而非全部结构。
[0027]实施例一
[0028]图1是本专利技术实施例一提供的一种页面搭建方法的流程图，本实施例可适用于页面搭建的情况，尤其适用于营销活动类页面搭建的情况，该方法可以由页面搭建装置来执行，该装置可以由软件和/或硬件的方式实现，并可集成于承载页面搭建功能的电子设备中，如服务端中，示例性的，可以是服务端中的页面搭建平台。
[0029]如图1所示，该方法具体可以包括：
[0030]S110、若识别到页面搭建请求，则从组件管理平台获取候选组件，并将候选组件显示于编辑页面的第一区域。
[0031]本实施例中，页面搭建请求是指用于指示进行页面创建的请求。所谓组件管理平台是指对组件进行管理的平台，该平台提供组件新增、编辑、查询、上传和管理等功能；进一步的，该平台还可以将最新上传的组件设置成当前生效版本，以完成组件的更新，比保证后续在编辑页面中的组件的版本是最新的。
[0032]本实施例中，组件是通过CLI工具设计实现的，开发人员可以通过CLI工具设计好组件后，进行打包，上传至组件管理平台，以供运营人员使用。其中，CLI开发工具提供初始化工程、初始化组件模板、热更新组件构建和打包组件等功能。需要说明的是，组件可以由各个团队中的开发人员进行开发，上传至组件管理平台，以供不同团队的人员使用。
[0033]本实施例中，候选组件是指从组件管理平台中获取的，可用于用户使用的组件。
[0034]本实施例中，编辑页面是指进行页面搭建的页面，编辑页面可以包括三个区域，其
中，示例性的，第一区域，用于展示候选组件，例如可以在编辑页面左侧区域；第二区域，用于展示页面搭建效果，例如可以在编辑页面中间区域；第三区域，用于展示候选组件对应的配置面板，例如可以在编辑页面右侧区域。其中，配置面板可以用于对候选组件的配置信息进行设置修改，进一步的，配置信息可以包括组件的背景色、位置、文案色和尺寸等信息。
[0035]本实施例中，页面搭建平台若识别到页面搭建请求，则从组件管理平台中获取候选组件，并将候选组件显示于编辑页面的第一区域。
[0036]S120、响应于用户的拖拽指令，从候选组件中确定目标组件，并将目标组件从编辑页面的第一区域拖拽至第二区域。
[0037]本实施例中，目标组件是指从候选组件中选择的任一组件，也即用户想要拖拽的候选组件。
[0038]本实施例中，页面搭建平台响应于用户的拖拽指令，从候选组件中确定目标组件，即用户点击的候选组件，将目标组件从编辑页面的第一区域拖拽指第二区域。
[0039]S130、在编辑页面的第三区域向用户展示目标组件的配置面板。
[0040]本实施例中，在编辑页面的第三区域向用户展示目标组件的配置面板，配置面板中有目标组件的初始配置信息。
[0041]S140、获取用户在配置面板上对目标组件的配置信息。
[0042]本实施例中，获取用户在配置面板上对目标组件的配置信息，例如组件的背景色等信息。若用户未设置本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种页面搭建方法，其特征在于，包括：若识别到页面搭建请求，则从组件管理平台获取候选组件，并将所述候选组件显示于编辑页面的第一区域；响应于用户的拖拽指令，从所述候选组件中确定目标组件，并将所述目标组件从所述编辑页面的第一区域拖拽至第二区域；在所述编辑页面的第三区域向用户展示所述目标组件的配置面板；获取用户在所述配置面板上对所述目标组件的配置信息；基于所述目标组件的配置信息，对所述目标组件进行渲染，以生成目标页面。2.根据权利要求1所述的方法，其特征在于，所述配置信息至少包括背景色、位置、文案色和尺寸。3.根据权利要求1所述的方法，其特征在于，还包括：若监测到任一候选组件存在新版本，则生成组件更新通知，所述组件更新通知包括组件更新标识和更新版本；在所述编辑页面向用户展示所述组件更新通知。4.根据权利要求3所述的方法，其特征在于，还包括：若识别到组件更新事件，则从候选组件中确定待更新组件；对所述第一区域内的待更新组件进行更新。5.根据权利要求3所述的方法，其特征在于，还包括：若识别到所述第二区域内的所述目标组件的版本已更新，则向用户询问是否对所述第二区域内的所述目标组件的版本进行更新；若检测到询问结果为是，则对所述第二区域内的所述目标组件的版本进行更新。6.根据权利要求5所述的方法，其特征在于，所述对所述第二区域内的对所述目标组件的版本进行更新，包括：在所述目标...

【专利技术属性】
技术研发人员：柯文涛，李磊磊，李伟亮，马朝辉，许文娟，
申请(专利权)人：深圳乐信软件技术有限公司，
类型：发明
国别省市：