CN115408002A - 网页生成方法、系统、电子设备和存储介质 - Google Patents

网页生成方法、系统、电子设备和存储介质 Download PDF

Info

Publication number
CN115408002A
CN115408002A CN202211152260.1A CN202211152260A CN115408002A CN 115408002 A CN115408002 A CN 115408002A CN 202211152260 A CN202211152260 A CN 202211152260A CN 115408002 A CN115408002 A CN 115408002A
Authority
CN
China
Prior art keywords
component
webpage
area
library
component library
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.)
Pending
Application number
CN202211152260.1A
Other languages
English (en)
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.)
Ctrip Computer Technology Shanghai Co Ltd
Original Assignee
Ctrip Computer Technology Shanghai 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 Ctrip Computer Technology Shanghai Co Ltd filed Critical Ctrip Computer Technology Shanghai Co Ltd
Priority to CN202211152260.1A priority Critical patent/CN115408002A/zh
Publication of CN115408002A publication Critical patent/CN115408002A/zh
Pending legal-status Critical Current

Links

Images

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F8/00—Arrangements for software engineering
    • G06F8/30—Creation or generation of source code
    • G06F8/38—Creation or generation of source code for implementing user interfaces
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90—Details of database functions independent of the retrieved data types
    • G06F16/95—Retrieval from the web
    • G06F16/957—Browsing optimisation, e.g. caching or content distillation
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F8/00—Arrangements for software engineering
    • G06F8/30—Creation or generation of source code
    • G06F8/34—Graphical or visual programming
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F8/00—Arrangements for software engineering
    • G06F8/30—Creation or generation of source code
    • G06F8/36—Software reuse

Landscapes

  • Engineering & Computer Science (AREA)
  • Software Systems (AREA)
  • Theoretical Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Databases & Information Systems (AREA)
  • Human Computer Interaction (AREA)
  • Data Mining & Analysis (AREA)
  • Information Transfer Between Computers (AREA)

Abstract

本发明公开了一种网页生成方法、系统、电子设备和存储介质，该网页生成方法包括：构建若干类型的组件库，每种组件库中包含若干组件元素；获取待处理网页，并在待处理网页中建立组件库区域和网页布局区域；其中，组件库区域中包含多个组件选择区域，每个组件选择区域对应关联一种类型的组件库；接收若干选择操作，确定每个选择操作在组件选择区域从对应的组件库中选取的目标组件元素，并将目标组件元素复制至网页布局区域；在接收网页生成指令时，基于网页布局区域生成目标网页。本发明通过定制化组件、以组件库的方式来支持开发，用户能够灵活地实现自定义布局并生成网页，有效地提高了网页生成效率。

Description

网页生成方法、系统、电子设备和存储介质
技术领域
本发明涉及网页设计技术领域，尤其涉及一种网页生成方法、系统、电子设备和存储介质。
背景技术
针对营销活动的举办，开发人员需要根据营销活动的内容去搭建适合本营销活动的营销网页。对于不同营销活动网页的搭建，传统前端技术开发人员采取重复开发的方式，然而这样的方式会造成很大的人工成本的浪费，并且因为开发所需根据设计稿开发，需求评估等问题，产生沟通成本，会浪费大量的时间，存在网页开发成本较高、效率较低等问题。
发明内容
本发明要解决的技术问题是为了克服现有技术中网页开发过程中存在重复开发成本较高、效率较低等缺陷，提供一种网页生成方法、系统、电子设备和存储介质。
本发明是通过下述技术方案来解决上述技术问题：
本发明第一方面提供了一种网页生成方法，所述生成方法包括：
构建若干类型的组件库，每种所述组件库中包含若干组件元素；
获取待处理网页，并在所述待处理网页中建立组件库区域和网页布局区域；
其中，所述组件库区域中包含多个组件选择区域，每个所述组件选择区域对应关联一种类型的所述组件库；
接收若干选择操作，确定每个所述选择操作在所述组件选择区域从对应的所述组件库中选取的目标组件元素，并将所述目标组件元素复制至所述网页布局区域；
在接收网页生成指令时，基于所述网页布局区域生成目标网页。
较佳地，所述若干类型的组件库包括第一组件库和第二组件库；
其中，所述第一组件库中的第一组件元素与所述第二组件库中的第二组件元素之间相互独立。
较佳地，所述若干类型的组件库包括第一组件库和第二组件库；
其中，所述第一组件库中的第一组件元素基于所述第二组件库中的多个第二组件元素得到。
较佳地，所述第一组件库中的第一组件元素基于所述第二组件库中的多个第二组件元素得到的步骤包括：
在不同所述选择操作分别对应选取所述第二组件库中的所述第二组件元素时，将多个所述第二组件元素复制至所述网页布局区域以生成第一网页；
将所述第一网页作为新的所述第一组件元素并存储至所述第一组件库中。
较佳地，所述接收若干选择操作的步骤之后，所述生成目标网页的步骤之前，还包括：
获取在所述网页布局区域的第一组件编辑请求；
基于所述第一组件编辑请求修改相应的所述目标组件元素的属性信息以得到新的所述目标组件元素。
较佳地，所述网页生成方法还包括：
在执行切换至其他的组件选择区域的切换操作后，清空当前的所述网页布局区域的所有内容。
较佳地，所述网页生成方法还包括：
在所述待处理网页中建立组件编辑区域，所述组件编辑区域与所述网页布局区域关联设置；
获取在所述组件编辑区域的第二组件编辑请求；
基于所述第二组件编辑请求修改所述网页布局区域对应的所述目标组件元素的属性信息以得到新的所述目标组件元素。
本发明第二方面提供了一种网页生成方法系统，所述网页生成系统包括组件库构建模块、网页区域构建模块、网页布局模块和目标网页生成模块；
所述组件库构建模块用于构建若干类型的组件库，每种所述组件库中包含若干组件元素；
所述网页区域构建模块用于获取待处理网页，并在所述待处理网页中建立组件库区域、网页布局区域；
其中，所述组件库区域包含多个组件选择区域，每个所述组件选择区域对应关联一种类型的所述组件库；
所述网页布局模块用于接收若干选择操作，确定每个所述选择操作在所述组件选择区域从对应的所述组件库中选取的目标组件元素，并将所述目标组件元素复制至所述网页布局区域；
所述目标网页生成模块用于在接收网页生成指令时，基于所述网页布局区域生成目标网页。
较佳地，所述若干类型的组件库包括第一组件库和第二组件库；
其中，所述第一组件库中的第一组件元素与所述第二组件库中的第二组件元素之间相互独立。
较佳地，所述若干类型的组件库包括第一组件库和第二组件库；
其中，所述第一组件库中的第一组件元素基于所述第二组件库中的多个第二组件元素得到。
较佳地，所述网页生成系统还包括第一网页生成模块和第一组件元素生成模块；
所述第一网页生成模块用于在不同所述选择操作分别对应选取所述第二组件库中的所述第二组件元素时，将多个所述第二组件元素复制至所述网页布局区域以生成第一网页；
所述第一组件元素生成模块用于将所述第一网页作为新的所述第一组件元素并存储至所述第一组件库中。
较佳地，所述网页生成系统还包括第一编辑请求获取模块和第一组件属性修改模块；
所述第一编辑请求获取模块用于获取在所述网页布局区域的第一组件编辑请求；
所述第一组件属性修改模块用于基于所述第一组件编辑请求修改相应的所述目标组件元素的属性信息以得到新的所述目标组件元素。
较佳地，所述网页生成系统还包括网页清空模块；
所述网页清空模块用于在执行切换至其他的组件选择区域的切换操作后，清空当前的所述网页布局区域的所有内容。
较佳地，所述网页生成系统还包括第二编辑请求获取模块和第二组件属性修改模块；
所述网页区域构建模块还用于在所述待处理网页中建立组件编辑区域，所述组件编辑区域与所述网页布局区域关联设置；
所述第二编辑请求获取模块用于获取在所述组件编辑区域的第二组件编辑请求；
所述第二组件属性修改模块用于基于所述第二组件编辑请求修改所述网页布局区域对应的所述目标组件元素的属性信息以得到新的所述目标组件元素。
本发明第三方面提供了一种电子设备，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，所述处理器执行所述计算机程序时实现如第一方面所述的网页生成方法。
本发明第四方面提供了一种计算机可读存储介质，其上存储有计算机程序，所述计算机程序被处理器执行时实现如第一方面所述的网页生成方法。
本发明的积极进步效果在于：
本发明通过定制化组件、以组件库的方式来支持开发，非技术人员可以根据自己所需的营销活动网页样式通过可视化拖拽等简单方式灵活地实现自定义布局并快速实时生成满足要求的活动网页，提升了营销活动网页的可复用性，提高了用户对于网页可以自由搭配选择的多样性，解决了技术开发人员重复开发的工作量问题以及网页生成的实时性问题，有效地提高了网页生成效率，降低了企业对于营销活动网页开发的成本，大大提升了活动网页搭建生成的方便、简洁、高效。
附图说明
图1为本发明实施例1的网页生成方法的流程图。
图2为本发明实施例2的网页生成方法的流程图。
图3为本发明实施例2的网页生成方法的网页示意图。
图4为本发明实施例2的网页生成方法的交互界面示意图。
图5为本发明实施例2的网页生成方法的第一组件方式页面搭建例图。
图6为本发明实施例2的网页生成方法的第二组件方式页面搭建例图。
图7为本发明实施例3的网页生成系统的模块示意图。
图8为本发明实施例4的网页生成系统的模块示意图。
图9为本发明实施例5的电子设备的结构示意图。
具体实施方式
下面通过实施例的方式进一步说明本发明，但并不因此将本发明限制在的实施例范围之中。
实施例1
本实施例提供一种网页生成方法，如图1所示，该网页生成方法包括：
S101、构建若干类型的组件库，每种组件库中包含若干组件元素。
本实施方式中，可以构建多种类型的组件库，具体多少种类型的组件库可以根据实际需求进行确定。其中，组件库中的组件元素通过提前对不同的营销活动网页中可以共通的组件配置项做出抽取来得到。
S102、获取待处理网页，并在待处理网页中建立组件库区域和网页布局区域。
其中，组件库区域中包含多个组件选择区域，每个组件选择区域对应关联一种类型的组件库。
本实施方式中，组件选择区域可以是按钮的形式，点击不同的按钮可以切换到对应的组件库；也可以把组件库区域划分成多个组件选择区域，每个组件选择区域对应关联一种组件库。
S103、接收若干选择操作，确定每个选择操作在组件选择区域从对应的组件库中选取的目标组件元素，并将目标组件元素复制至网页布局区域。
本实施方式中，将从组件库中选取的多个目标组件元素复制到网页布局区域，支持的选取方式可以为双击、右键选择、拖拽等，依据操作动作的目的地在网页布局区域的相应位置放置这些组件元素。
S104、在接收网页生成指令时，基于网页布局区域生成目标网页。
本实施方式中，可以设置当前网页在经过一定的时间后自动保存，也可以设置在一定时间内无操作后自动保存，此处不做具体限定。
本实施例中，通过定制化组件、以组件库的方式来支持开发，非技术人员可以根据自己所需的营销活动网页样式通过可视化拖拽等简单方式灵活地实现自定义布局并快速实时生成满足要求的活动网页，提升了营销活动网页的可复用性，解决了技术开发人员重复开发的工作量问题以及网页生成的实时性问题，有效地提高了网页生成效率，降低了企业对于营销活动网页开发的成本，大大提升了活动网页搭建生成的方便、简洁、高效。
实施例2
本实施例提供一种网页生成方法是对实施例1的进一步改进，如图2所示。
在一可实施的方案中，若干类型的组件库包括第一组件库和第二组件库，每种组件库中包含若干组件元素。
第一组件库中的第一组件元素可以是图片组件、规则组件、大转盘抽奖、日历房卡片组件、跳跳糖组件、刮刮乐、助力抽奖、分享海报等，对于这些第一组件元素也可以进行分类，例如：我收藏的、导航、Banner(横幅广告)类、背景、领券、产品列表、外部组件等。
第二组件库中的第二组件元素不具有特有的业务场景，仅是基础网页元素展示可供的组件元素，例如文本、图片、按钮、价格、背景等，这类组件元素的特点在于简单、通识性高，并且可通过这些组件元素的组合排列生成一个新的组件元素。
在一可实施的方案中，步骤S102还包括：
S1021、在待处理网页中建立组件编辑区域，组件编辑区域与网页布局区域关联设置。
在一可实施的方案中，步骤S1021之后，步骤S103之前，该网页生成方法还包括：
S1022、在不同选择操作分别对应选取第二组件库中的第二组件元素时，将多个第二组件元素复制至网页布局区域以生成第一网页。
本实施方式中，将从第二组件库中选取的多个第二组件元素复制到网页布局区域，支持的选取方式可以为双击、右键选择、拖拽等，依据操作动作的目的地在网页布局区域的相应位置放置这些第二组件元素，在组件编辑区域生成与这些第二组件元素一一对应的页面楼层行。此处可以根据当前第一网页是否达到预期来确定是否需要执行步骤S1031-S1034。
S1023、将第一网页作为新的第一组件元素并存储至第一组件库中。
本实施方式中，将生成的第一网页作为一个新的组件元素，可以对该组件元素进行命名、按第一组件库中的类别归类。
S1024、在执行切换至其他的组件选择区域的切换操作后，清空当前的网页布局区域的所有内容。
本实施方式中，在执行切换至其他的组件选择区域的切换操作时，用户实际选择了网页搭建模式。通过postMessage(跨域消息传递)技术来支持非技术人员根据已经有的第一组件元素进行样式组合配置；同时支持非技术人员根据特有的第二组件元素自己从零到一的拖拽生成自己希望的网页结构。如果使用第一组件库中的第一组件元素来搭建网页，则为第一组件方式；使用第二组件库中的第二组件元素来搭建网页，则为第二组件方式。
在一可实施的方案中，将从组件库中选取的多个目标组件元素复制到网页布局区域，还可以在组件编辑区域生成与这些组件元素一一对应的页面楼层行，如图3所示。
利用draggable(拖拽组件)技术可以使得由第一组件库中的第一组件元素复制到网页布局区域生成的组件元素在网页布局区域内具有上下拖动的性质；利用moveable(元素转换组件)技术可以使得由第二组件库中的第二组件元素复制到网页布局区域生成的组件元素在网页布局区域内具有缩放、旋转、拖动的性质。此处可以根据当前网页是否达到预期来确定是否需要执行步骤S1031-S1034。
在一可实施的方案中，步骤S103之后，步骤S104之前，该网页生成方法还包括：
S1031、获取在网页布局区域的第一组件编辑请求。
本实施方式中，对网页布局区域的组件元素可以进行编辑、删除、复制等操作。另外，对第一组件库中的第一组件元素复制到网页布局区域生成的组件元素，可以进行上下拖动的操作；对第二组件库中的第二组件元素复制到网页布局区域生成的组件元素可以进行缩放、旋转、拖动等操作。
S1032、基于第一组件编辑请求修改相应的目标组件元素的属性信息以得到新的目标组件元素。
本实施方式中，页面的展示通过postMessage来实现跨域通信和页面间的数据通信。在技术层面上，搭建基础的两个页面：交互页面和展示页面。交互页面用来让用户对页面做出一些基础交互，拖拽和设置组件的属性，展示页面实时监听用户在交互页面的交互行为，将用户产生的交互行为实时的回写，为用户展示交互行为带来的页面改变。
如图4所示是交互界面示意图，用户的交互页面其实是覆盖在展示页面之上的，用户在交互界面内可以上下任意拖动所选模块，所选模块也是对应了组件库里已有的组件元素。
在每一个模块的周围都提供了给用户用来编辑当前模块所对应组件的属性的按钮，用户可以通过此来个性化配置组件，从而达到用户的需求。
还为用户提供了复制的功能，用户可以将自己已经搭配好的组件通过复制的方式即可在交互页面新生成一个与该组件一样的组件，用户的这种点击交互同样会通过postMessage的方式传递给展示页面。
对于选择第一组件方式来搭建网页，交互页面利用了页面draggable的技术，该功能支持在一定区域内页面元素具有上下拖动的性质。当我们获取这种元素拖动后的回调信息后即可通过postMessage的方式传递给展示页面。
例如，用户通过在左侧的第一组件库中拖动已有的第一组件元素到交互页面，用户可在交互页面根据自己的需求要求，上下拖动已经添加到交互页面的组件模块，这一交互页面的各个模块将以矩形显示，用户在交互页面中对各个模块的拖动会通过postMessage的特性传递到展示页面，这样用户即可实时观察到自己拖动的效果，展示页面接受到通过用户上下拖拽等变化改变的组件元素属性值，动态的去计算不同组件元素在页面中上下的排列位置，以及组件元素的样式变化，当展示页面修改组件元素的样式属性后更新页面，这样用户即可实时观察到自己拖动的效果。第一组件方式页面搭建例图如图5所示。
而对于选择第二组件方式来搭建网页，交互页面则利用了moveable的技术，该功能支持了在一定区域内页面元素具有缩放、旋转、拖动定位的性质。当我们获取这种元素拖动后的回调信息后即可通过postMessage的方式传递给展示页面。
例如，用户通过在左侧的第二组件库中拖动已有的第二组件元素到交互页面，用户可在交互页面根据自己的需求要求，上下左右拖动、缩放、旋转已经添加到交互页面的组件模块进行自由组合，这一交互页面的各个模块将以矩形显示，用户在交互页面中对各个模块的拖动会通过postMessage的特性传递到展示页面，展示页面接受到通过用户拖拽等变化改变的组件元素的属性值，动态的去计算组件元素在页面中的位置，组件元素将以绝对定位的方式存在页面当中。将获取的left(距离左的距离)、top(距离上的距离)、width(宽度)、height(高度)等通过一定的比例计算，设置为可适配移动端的相对单位，设置在该组件元素的样式表中，当展示页面修改组件元素的样式属性后更新展示页面，这样用户即可实时观察到自己拖动的效果。第二组件方式页面搭建例图如图6所示。
在页面搭建过程过，页面数据变化过程为：交互页面元素模块状态改变，改变状态的属性传递到展示页面，根据相应规则进行数据处理和转换，处理好的样式数据重写入样式表，展示页面状态更新。
S1033、获取在组件编辑区域的第二组件编辑请求。
本实施方式中，在组件编辑区域的页面楼层行可以对网页布局区域相应的组件元素执行编辑、删除、复制等操作。在当前网页中组件元素数量太多，组件元素位置叠加时，直接在网页布局区域进行编辑操作存在困难并且容易导致操作错误，对页面楼层行的操作可以聚焦到网页布局区域对应的组件元素上。
S1034、基于第二组件编辑请求修改网页布局区域对应的目标组件元素的属性信息以得到新的目标组件元素。
本实施方式中，可以通过postMessage技术来传递组件元素状态改变的信息，从而更新组件元素。
例如，在具体实施中，构建若干类型的组件库，每种组件库中包含若干组件元素，若干类型的组件库包括第一组件库和第二组件库。第一组件库中包含图片组件元素、大转盘组件元素等，第二组件库中包含文本组件元素、按钮组件元素等。获取待处理网页，并在待处理网页中建立组件库区域、网页布局区域和组件编辑区域。在第二组件库中选取文本组件元素和按钮组件元素，并将这两个组件元素拖拽至网页布局区域以生成第一网页。在网页布局区域对文本组件元素进行拖动等操作，修改文本组件元素的属性信息以得到新的目标组件元素。将修改好后的第一网页作为新的第一组件元素，命名为文本按钮组合元素，并存储至第一组件库中。这种方式通过对多个第二组件元素组合排列生成了一个新的第一组件元素，满足了用户更多的自定义需求。
在生成第一组件元素后，切换当前的组件库为第一组件库，清空当前的网页布局区域的所有内容。在第一组件库中选取图片组件元素、大转盘组件元素和文本按钮组合元素，并将这些组件元素拖拽至网页布局区域。在组件编辑区域对大转盘组件元素进行缩放等操作，修改大转盘组件元素的属性信息以得到新的目标组件元素。在经过60秒后，基于网页布局区域生成目标网页。通过可视化拖拽等方式提高了网页生成效率，省去了和开发沟通的环节，可以节省大量的人工成本。
本发明通过定制化组件、以组件库的方式来支持开发，非技术人员可以根据自己所需的营销活动网页样式通过可视化拖拽等简单方式灵活地实现自定义布局并快速实时生成满足要求的活动网页，提升了营销活动网页的可复用性，提高了用户对于网页可以自由搭配选择的多样性，解决了技术开发人员重复开发的工作量问题以及网页生成的实时性问题，有效地提高了网页生成效率，降低了企业对于营销活动网页开发的成本，大大提升了活动网页搭建生成的方便、简洁、高效。
实施例3
本实施例提供一种网页生成系统，如图7所示，该网页生成系统包括组件库构建模块1、网页区域构建模块2、网页布局模块3、和目标网页生成模块4。
组件库构建模块1用于构建若干类型的组件库，每种组件库中包含若干组件元素。
网页区域构建模块2用于获取待处理网页，并在待处理网页中建立组件库区域和网页布局区域。
其中，组件库区域中包含多个组件选择区域，每个组件选择区域对应关联一种类型的组件库。
网页布局模块3用于接收若干选择操作，确定每个选择操作在组件选择区域从对应的组件库中选取的目标组件元素，并将目标组件元素复制至网页布局区域。
目标网页生成模块4用于在接收网页生成指令时，基于网页布局区域生成目标网页。
本实施例的工作原理与实施例1对应的生成方法原理相同，此处不再论述。
本发明通过定制化组件、以组件库的方式来支持开发，非技术人员可以根据自己所需的营销活动网页样式通过可视化拖拽等简单方式灵活地实现自定义布局并快速实时生成满足要求的活动网页，提升了营销活动网页的可复用性，解决了技术开发人员重复开发的工作量问题以及网页生成的实时性问题，有效地提高了网页生成效率，降低了企业对于营销活动网页开发的成本，大大提升了活动网页搭建生成的方便、简洁、高效。
实施例4
本实施例提供一种网页生成系统是对实施例3的进一步改进，如图8所示。
在一可实施的方案中，网页区域构建模块2还用于在待处理网页中建立组件编辑区域，组件编辑区域与网页布局区域关联设置。
在一可实施的方案中，该网页生成系统还包括：第一网页生成模块5、第一组件元素生成模块6、网页清空模块7、第一编辑请求获取模块8、第一组件属性修改模块9、第二编辑请求获取模块10和第二组件属性修改模块11。
第一网页生成模块5用于在不同选择操作分别对应选取第二组件库中的第二组件元素时，将多个第二组件元素复制至网页布局区域以生成第一网页。
第一组件元素生成模块6用于将第一网页作为新的第一组件元素并存储至第一组件库中。
网页清空模块7用于在执行切换至其他的组件选择区域的切换操作后，清空当前的网页布局区域的所有内容。
第一编辑请求获取模块8用于获取在网页布局区域的第一组件编辑请求。
第一组件属性修改模块9用于基于第一组件编辑请求修改相应的目标组件元素的属性信息以得到新的目标组件元素。
第二编辑请求获取模块10用于获取在组件编辑区域的第二组件编辑请求。
第二组件属性修改模块11用于基于第二组件编辑请求修改网页布局区域对应的目标组件元素的属性信息以得到新的目标组件元素。
本实施例的工作原理与实施例2对应的生成方法原理相同，此处不再论述。
本发明通过定制化组件、以组件库的方式来支持开发，非技术人员可以根据自己所需的营销活动网页样式通过可视化拖拽等简单方式灵活地实现自定义布局并快速实时生成满足要求的活动网页，提升了营销活动网页的可复用性，提高了用户对于网页可以自由搭配选择的多样性，解决了技术开发人员重复开发的工作量问题以及网页生成的实时性问题，有效地提高了网页生成效率，降低了企业对于营销活动网页开发的成本，大大提升了活动网页搭建生成的方便、简洁、高效。
实施例5
图9为本发明实施例5提供的一种电子设备的结构示意图。电子设备包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，处理器执行计算机程序时实现实施例1或2的网页生成方法。图9显示的电子设备30仅仅是一个示例，不应对本发明实施例的功能和使用范围带来任何限制。
如图9所示，电子设备30可以以通用计算设备的形式表现，例如其可以为服务器设备。电子设备30的组件可以包括但不限于：上述至少一个处理器31、上述至少一个存储器32、连接不同系统组件(包括存储器32和处理器31)的总线33。
总线33包括数据总线、地址总线和控制总线。
存储器32可以包括易失性存储器，例如随机存取存储器(RAM)321和/或高速缓存存储器322，还可以进一步包括只读存储器(ROM)323。
存储器32还可以包括具有一组(至少一个)程序模块324的程序/实用工具325，这样的程序模块324包括但不限于：操作系统、一个或者多个应用程序、其它程序模块以及程序数据，这些示例中的每一个或某种组合中可能包括网络环境的实现。
处理器31通过运行存储在存储器32中的计算机程序，从而执行各种功能应用以及数据处理，例如本发明实施例1所提供的网页生成方法。
电子设备30也可以与一个或多个外部设备34(例如键盘、指向设备等)通信。这种通信可以通过输入/输出(I/O)接口35进行。并且，生成的设备30还可以通过网络适配器36与一个或者多个网络(例如局域网(LAN)，广域网(WAN)和/或公共网络，例如因特网)通信。如图9所示，网络适配器36通过总线33与模型生成的设备30的其它模块通信。应当明白，尽管图中未示出，可以结合模型生成的设备30使用其它硬件和/或软件模块，包括但不限于：微代码、设备驱动器、冗余处理器、外部磁盘驱动阵列、RAID(磁盘阵列)系统、磁带驱动器以及数据备份存储系统等。
应当注意，尽管在上文详细描述中提及了电子设备的若干单元/模块或子单元/模块，但是这种划分仅仅是示例性的并非强制性的。实际上，根据本发明的实施方式，上文描述的两个或更多单元/模块的特征和功能可以在一个单元/模块中具体化。反之，上文描述的一个单元/模块的特征和功能可以进一步划分为由多个单元/模块来具体化。
实施例6
本实施例提供了一种计算机可读存储介质，其上存储有计算机程序，计算机程序被处理器执行时实现实施例1或2所提供的网页生成方法。
其中，可读存储介质可以采用的更具体可以包括但不限于：便携式盘、硬盘、随机存取存储器、只读存储器、可擦拭可编程只读存储器、光存储器件、磁存储器件或上述的任意合适的组合。
在可能的实施方式中，本发明还可以实现为一种程序产品的形式，其包括程序代码，当程序产品在终端设备上运行时，程序代码用于使终端设备执行实现实施例1或2的网页生成方法。
其中，可以以一种或多种程序设计语言的任意组合来编写用于执行本发明的程序代码，程序代码可以完全地在用户设备上执行、部分地在用户设备上执行、作为一个独立的软件包执行、部分在用户设备上部分在远程设备上执行或完全在远程设备上执行。
虽然以上描述了本发明的具体实施方式，但是本领域的技术人员应当理解，这仅是举例说明，本发明的保护范围是由所附权利要求书限定的。本领域的技术人员在不背离本发明的原理和实质的前提下，可以对这些实施方式做出多种变更或修改，但这些变更和修改均落入本发明的保护范围。

Claims (10)

1.一种网页生成方法，其特征在于，所述网页生成方法包括：
构建若干类型的组件库，每种所述组件库中包含若干组件元素；
获取待处理网页，并在所述待处理网页中建立组件库区域和网页布局区域；
其中，所述组件库区域中包含多个组件选择区域，每个所述组件选择区域对应关联一种类型的所述组件库；
接收若干选择操作，确定每个所述选择操作在所述组件选择区域从对应的所述组件库中选取的目标组件元素，并将所述目标组件元素复制至所述网页布局区域；
在接收网页生成指令时，基于所述网页布局区域生成目标网页。
2.如权利要求1所述的网页生成方法，其特征在于，所述若干类型的组件库包括第一组件库和第二组件库；
其中，所述第一组件库中的第一组件元素与所述第二组件库中的第二组件元素之间相互独立。
3.如权利要求1所述的网页生成方法，其特征在于，所述若干类型的组件库包括第一组件库和第二组件库；
其中，所述第一组件库中的第一组件元素基于所述第二组件库中的多个第二组件元素得到。
4.如权利要求3所述的网页生成方法，其特征在于，所述第一组件库中的第一组件元素基于所述第二组件库中的多个第二组件元素得到的步骤包括：
在不同所述选择操作分别对应选取所述第二组件库中的所述第二组件元素时，将多个所述第二组件元素复制至所述网页布局区域以生成第一网页；
将所述第一网页作为新的所述第一组件元素并存储至所述第一组件库中。
5.如权利要求1-4中任意一项所述的网页生成方法，其特征在于，所述接收若干选择操作的步骤之后，所述生成目标网页的步骤之前，还包括：
获取在所述网页布局区域的第一组件编辑请求；
基于所述第一组件编辑请求修改相应的所述目标组件元素的属性信息以得到新的所述目标组件元素。
6.如权利要求1或4中任意一项所述的网页生成方法，其特征在于，所述网页生成方法还包括：
在执行切换至其他的组件选择区域的切换操作后，清空当前的所述网页布局区域的所有内容。
7.如权利要求1或4任意一项所述的网页生成方法，其特征在于，所述网页生成方法还包括：
在所述待处理网页中建立组件编辑区域，所述组件编辑区域与所述网页布局区域关联设置；
获取在所述组件编辑区域的第二组件编辑请求；
基于所述第二组件编辑请求修改所述网页布局区域对应的所述目标组件元素的属性信息以得到新的所述目标组件元素。
8.一种网页生成系统，其特征在于，所述网页生成系统包括组件库构建模块、网页区域构建模块、网页布局模块和目标网页生成模块；
所述组件库构建模块用于构建若干类型的组件库，每种所述组件库中包含若干组件元素；
所述网页区域构建模块用于获取待处理网页，并在所述待处理网页中建立组件库区域、网页布局区域；
其中，所述组件库区域包含多个组件选择区域，每个所述组件选择区域对应关联一种类型的所述组件库；
所述网页布局模块用于接收若干选择操作，确定每个所述选择操作在所述组件选择区域从对应的所述组件库中选取的目标组件元素，并将所述目标组件元素复制至所述网页布局区域；
所述目标网页生成模块用于在接收网页生成指令时，基于所述网页布局区域生成目标网页。
9.一种电子设备，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，其特征在于，所述处理器执行所述计算机程序时实现如权利要求1-7中任意一项所述的网页生成方法。
10.一种计算机可读存储介质，其上存储有计算机程序，其特征在于，所述计算机程序被处理器执行时实现如权利要求1-7中任意一项所述的网页生成方法。
CN202211152260.1A 2022-09-21 2022-09-21 网页生成方法、系统、电子设备和存储介质 Pending CN115408002A (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202211152260.1A CN115408002A (zh) 2022-09-21 2022-09-21 网页生成方法、系统、电子设备和存储介质

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202211152260.1A CN115408002A (zh) 2022-09-21 2022-09-21 网页生成方法、系统、电子设备和存储介质

Publications (1)

Publication Number Publication Date
CN115408002A true CN115408002A (zh) 2022-11-29

Family

ID=84166077

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202211152260.1A Pending CN115408002A (zh) 2022-09-21 2022-09-21 网页生成方法、系统、电子设备和存储介质

Country Status (1)

Country Link
CN (1) CN115408002A (zh)

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN116909563A (zh) * 2023-09-14 2023-10-20 深圳市智慧城市科技发展集团有限公司 页面的生成方法、终端设备和存储介质

Cited By (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN116909563A (zh) * 2023-09-14 2023-10-20 深圳市智慧城市科技发展集团有限公司 页面的生成方法、终端设备和存储介质
CN116909563B (zh) * 2023-09-14 2023-12-19 深圳市智慧城市科技发展集团有限公司 页面的生成方法、终端设备和存储介质

Similar Documents

Publication Publication Date Title
US11640492B2 (en) System and method providing responsive editing and viewing, integrating hierarchical fluid components and dynamic layout
CN110865807B (zh) 活动页面创建系统、方法、设备及存储介质
CN110781423A (zh) 网页生成方法、装置及电子设备
KR101038896B1 (ko) 서비스 프로그램을 생성하는 시스템, 방법 및 서비스 프로그램을 생성하기 위한 프로그램을 기록한 컴퓨터 판독가능 매체
CN108008954A (zh) 页面配置方法、装置、服务器及介质
KR20060052717A (ko) 가상 데스크 탑, 프로그램 예의 배열을 리콜링하는 방법, 애플리케이션 예를 관리하는 방법 및 애플리케이션을 관리하는 방법
CN104133828A (zh) 用于html文档的拖放剪贴板
CN103098005A (zh) 可视化表达式以用于动态分析
CN111611515B (zh) 一种页面展示方法、装置和电子设备
CN112783488A (zh) 一种商业模式画布绘制方法和装置
CN115408002A (zh) 网页生成方法、系统、电子设备和存储介质
EP3819760A1 (en) Methods and apparatus for generating a platform-agnostic mobile application configuration data structure with a dynamic quiz
CN114647409A (zh) 大屏可视化应用创建平台、方法、计算设备和存储介质
CN101714080A (zh) 实现web多语言控件的方法及系统
CN113536755A (zh) 用于生成海报的方法、装置、电子设备、存储介质及产品
CN111612501B (zh) 一种基于策略复用的信息生成方法、装置和电子设备
CN113849257A (zh) 页面处理方法、装置、介质及电子设备
CN113126863A (zh) 对象选择实现方法及装置、存储介质及电子设备
CN111880698A (zh) 智能终端的信息处理方法、装置、电子设备和存储介质
CN111399711A (zh) 界面编辑方法、装置、设备和存储介质
CN116560657A (zh) 用户界面的搭建方法及系统、电子设备、存储介质
CN112230913A (zh) 富文本内容的处理方法与装置、存储介质、电子设备
CN112965944B (zh) 可视化的页面还原方法及系统、电子设备及存储介质
CN116610880B (zh) 数据可视化的实现方法、装置、电子设备和存储介质
US12099799B2 (en) System and method providing responsive editing and viewing, integrating hierarchical fluid components and dynamic layout

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