网页构建方法、装置、电子设备及存储介质制造方法及图纸

本发明专利技术提供了一种网页构建方法、装置、电子设备及存储介质，涉及计算机技术领域。该网页构建方法包括：获得用户于预先存储的页面模板中对预先存储的组件的编辑操作，所述编辑操作包括对所述组件的选取操作以及放置操作；获取所述选取操作对应的选取组件的组件信息，其中，所述组件信息包括渲染组件html以及组件CSS样式；将所述渲染组件html以及所述组件CSS样式添加至所述页面模板中所述放置操作对应的位置。该网页构建方法、装置、电子设备及存储介质可以节省网页开发的时间和成本。

Web page building method, device, electronic device and storage medium

The invention provides a method for constructing a web page, a device, an electronic device and a storage medium, and relates to the field of computer technology. The web page construction method includes: obtaining an editing operation of a user for a pre-stored component in a pre-stored page template, the editing operation including a selection operation and a placement operation for the component; obtaining component information of the selection component corresponding to the selection operation, wherein the component information includes a rendering group. The rendering component HTML and the component CSS style are added to the corresponding position of the placement operation in the page template. The construction method, device, electronic equipment and storage medium of the web page can save the time and cost of web page development.

【技术实现步骤摘要】
网页构建方法、装置、电子设备及存储介质
本专利技术涉及计算机
，具体而言，涉及一种网页构建方法、装置、电子设备及存储介质。
技术介绍
随着互联网技术的飞跃发展，互联网企业进行营销活动时对落地页的需求量较大。开发人员每次在进行落地页开发时需要对落地页的所有内容进行开发，而落地页的大部分需求都是类似或者相同的，从而导致开发的工作量和成本较大。
技术实现思路
有鉴于此，本专利技术实施例提供了一种网页构建方法、装置、电子设备及存储介质。为了实现上述目的，本专利技术采用的技术方案如下：第一方面，本专利技术实施例提供了一种网页构建方法，所述方法包括：获得用户于预先存储的页面模板中对预先存储的组件的编辑操作，所述编辑操作包括对所述组件的选取操作以及放置操作；获取所述选取操作对应的选取组件的组件信息，其中，所述组件信息包括渲染组件html以及组件CSS样式；将所述渲染组件html以及所述组件CSS样式添加至所述页面模板中所述放置操作对应的位置。第二方面，本专利技术实施例提供了一种网页构建装置，所述装置包括操作获得模块、信息获取模块以及信息添加模块，其中，所述操作获得模块用于获得用户于预先存储的页面模板中对预先存储的组件的编辑操作，所述编辑操作包括对所述组件的选取操作以及放置操作；所述信息获取模块用于获取所述选取操作对应的选取组件的组件信息，其中，所述组件信息包括渲染组件html以及组件CSS样式；所述信息添加模块用于将所述渲染组件html以及所述组件CSS样式添加至所述页面模板中所述放置操作对应的位置。第三方面，本专利技术实施例提供了一种电子设备，所述电子设备包括存储器和处理器，所述存储器存储有计算机指令，当所述计算机指令由所述处理器读取并执行时，使所述处理器执行上述第一方面提供的网页构建方法。第四方面，本专利技术实施例提供了一种存储介质，所述存储介质中存储有计算机指令，其中，所述计算机指令在被读取并运行时执行上述第一方面提供的网页构建方法。本专利技术实施例提供的网页构建方法、装置、电子设备及存储介质，通过获得用户于预先存储的页面模板中对预先存储的组件的编辑操作，该编辑操作包括对上述组件的选取操作以及放置操作，然后获取该选取操作对应的选取组件的组件信息，其中，组件信息包括渲染组件html以及组件CSS样式，最后将上述渲染组件html以及上述组件CSS样式添加至页面模板中放置操作对应的位置。从而，该网页构建方法、装置、电子设备及存储介质可以实现仅通过用户对预先存储的组件的操作，就可以实现网页的开发，从而可以节省开发时间以及开发成本。为使本专利技术的上述目的、特征和优点能更明显易懂，下文特举较佳实施例，并配合所附附图，作详细说明如下。附图说明为使本专利技术实施例的目的、技术方案和优点更加清楚，下面将结合本专利技术实施例中的附图，对本专利技术实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例是本专利技术一部分实施例，而不是全部的实施例。基于本专利技术中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本专利技术保护的范围。图1示出了本专利技术实施例提供的电子设备的方框示意图；图2示出了本专利技术实施例提供的网页构建方法的流程图；图3示出了本专利技术实施例提供的网页构建方法中步骤S120流程图；图4示出了本专利技术实施例提供的网页构建方法中步骤S130流程图；图5示出了本专利技术实施例提供的网页构建装置的模块图；图6示出了本专利技术实施例提供的网页构建装置中信息获取模块的模块图；图7示出了本专利技术实施例提供的网页构建装置中信息添加模块的模块图。具体实施方式下面将结合本专利技术实施例中附图，对本专利技术实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本专利技术一部分实施例，而不是全部的实施例。通常在此处附图中描述和示出的本专利技术实施例的组件可以以各种不同的配置来布置和设计。因此，以下对在附图中提供的本专利技术的实施例的详细描述并非旨在限制要求保护的本专利技术的范围，而是仅仅表示本专利技术的选定实施例。基于本专利技术的实施例，本领域技术人员在没有做出创造性劳动的前提下所获得的所有其他实施例，都属于本专利技术保护的范围。应注意到：相似的标号和字母在下面的附图中表示类似项，因此，一旦某一项在一个附图中被定义，则在随后的附图中不需要对其进行进一步定义和解释。同时，在本专利技术的描述中，术语“第一”、“第二”等仅用于区分描述，而不能理解为指示或暗示相对重要性。图1示出了一种可应用于本专利技术实施例中的电子设备的结构框图。如图1所示，电子设备100包括存储器102、存储控制器104，一个或多个(图中仅示出一个)处理器106、外设接口108、射频模块110、音频模块112、显示单元114等。这些组件通过一条或多条通讯总线/信号线116相互通讯。存储器102可用于存储软件程序以及模块，如本专利技术实施例中的网页构建方法及装置对应的程序指令/模块，处理器106通过运行存储在存储器102内的软件程序以及模块，从而执行各种功能应用以及数据处理，如本专利技术实施例提供的网页构建方法。存储器102可包括高速随机存储器，还可包括非易失性存储器，如一个或者多个磁性存储装置、闪存、或者其他非易失性固态存储器。处理器106以及其他可能的组件对存储器102的访问可在存储控制器104的控制下进行。外设接口108将各种输入/输出装置耦合至处理器106以及存储器102。在一些实施例中，外设接口108，处理器106以及存储控制器104可以在单个芯片中实现。在其他一些实例中，他们可以分别由独立的芯片实现。射频模块110用于接收以及发送电磁波，实现电磁波与电信号的相互转换，从而与通讯网络或者其他设备进行通讯。音频模块112向用户提供音频接口，其可包括一个或多个麦克风、一个或者多个扬声器以及音频电路。显示单元114在电子设备100与用户之间提供一个显示界面。具体地，显示单元114向用户显示视频输出，这些视频输出的内容可包括文字、图形、视频及其任意组合。可以理解，图1所示的结构仅为示意，电子设备100还可包括比图1中所示更多或者更少的组件，或者具有与图1所示不同的配置。图1中所示的各组件可以采用硬件、软件或其组合实现。第一实施例如图2示出了本专利技术实施例提供的网页构建方法的一种流程图。请参见图2，该网页构建方法包括：步骤S110：获得用户于预先存储的页面模板中对预先存储的组件的编辑操作，所述编辑操作包括对所述组件的选取操作以及放置操作。在本专利技术实施例中，网络页面可以由多个组件构成，页面通用的组件可以预先由开发人员开发完成后存储于执行该网页构建方法的电子设备中。另外，电子设备中还可以存储有网页的页面模板。其中，组件是web页面的功能单元，分为布局组件、基础组件、列表组件、功能组件、活动组件等，不同组件有不同的实现原理与展现形式。另外，每个组件可以抽象为4个部分，即渲染脚本(render.js)、样式(style.css)、模板(index.html)、启动脚本(app.js)。可以理解的是，电子设备中存储有上述组件的相关文件信息，例如渲染脚本(render.js)、样式(style.css)、模板(index.html)、启动脚本(app.js)等文件信息，也存储有上述页面模板的相关文件信息。在本专利技术实施例中，可以对所有的预先存储的组件以本文档来自技高网...

【技术保护点】
1.一种网页构建方法，其特征在于，所述方法包括：获得用户于预先存储的页面模板中对预先存储的组件的编辑操作，所述编辑操作包括对所述组件的选取操作以及放置操作；获取所述选取操作对应的选取组件的组件信息，其中，所述组件信息包括渲染组件html以及组件CSS样式；将所述渲染组件html以及所述组件CSS样式添加至所述页面模板中所述放置操作对应的位置。

【技术特征摘要】
1.一种网页构建方法，其特征在于，所述方法包括：获得用户于预先存储的页面模板中对预先存储的组件的编辑操作，所述编辑操作包括对所述组件的选取操作以及放置操作；获取所述选取操作对应的选取组件的组件信息，其中，所述组件信息包括渲染组件html以及组件CSS样式；将所述渲染组件html以及所述组件CSS样式添加至所述页面模板中所述放置操作对应的位置。2.根据权利要求1所述的方法，其特征在于，获取所述选取操作对应的选取组件的组件信息，其中，所述组件信息包括渲染组件html以及组件CSS样式，包括：获取所述选取操作对应的选取组件；读取所述选取组件对应的组件模板以及渲染脚本；通过执行渲染脚本，将所述选取组件对应的组件参数写入所述组件模板，得到渲染组件html；读取所述组件对应的样式文件信息，得到组件CSS样式。3.根据权利要求1所述的方法，其特征在于，将所述渲染组件html以及所述组件CSS样式添加至所述页面模板中所述放置操作对应的位置，包括：判断所述选取组件中的第一选取组件是否挂载有父选取组件；在为是时，将所述父选取组件的所述渲染组件html以及所述组件CSS样式添加至所述页面模板中所述放置操作对应的位置；将所述第一选取组件的所述渲染组件html以及所述组件CSS样式添加至所述父选取组件中所述放置操作对应的位置。4.根据权利要求3所述的方法，其特征在于，将所述第一选取组件的所述渲染组件html以及所述组件CSS样式添加至所述页面模板中所述放置操作对应的位置之后，所述方法还包括：判断所述第一选取组件是否嵌套有子选取组件；在所述第一选取组件嵌套有子选取组件时，将所述子选取组件的所述渲染组件html以及组件CSS样式添加至所述第一选取组件中所述放置操作对应的位置。5.一种网页构建装置，其特征在于，所述装置包括：操作获得模块、信息获取模块以及信息添加模块，其中，所述操作获得模块用于获得用户于预先存储的页面模板中对预先存储的组件的编辑操作，所述编辑操作包括对所述组件的选取操作以及放置操作；所述信息获取模块用于获取所述选取操作对应的选取组件的...

【专利技术属性】
技术研发人员：黄进，陈少杰，张文明，
申请(专利权)人：武汉斗鱼网络科技有限公司，
类型：发明
国别省市：湖北,42