CN111708969A - 一种网页的配置方法、装置、电子设备及存储介质 - Google Patents
一种网页的配置方法、装置、电子设备及存储介质 Download PDFInfo
- Publication number
- CN111708969A CN111708969A CN202010554534.4A CN202010554534A CN111708969A CN 111708969 A CN111708969 A CN 111708969A CN 202010554534 A CN202010554534 A CN 202010554534A CN 111708969 A CN111708969 A CN 111708969A
- Authority
- CN
- China
- Prior art keywords
- target
- graphical user
- user interface
- webpage
- configuration
- 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
Links
- 238000000034 method Methods 0.000 title claims abstract description 64
- 238000004590 computer program Methods 0.000 claims description 7
- 230000003993 interaction Effects 0.000 abstract description 10
- 230000008569 process Effects 0.000 description 7
- 238000010586 diagram Methods 0.000 description 6
- 230000000694 effects Effects 0.000 description 6
- 230000004044 response Effects 0.000 description 5
- 238000004891 communication Methods 0.000 description 3
- 230000008878 coupling Effects 0.000 description 3
- 238000010168 coupling process Methods 0.000 description 3
- 238000005859 coupling reaction Methods 0.000 description 3
- 238000012545 processing Methods 0.000 description 3
- 230000006870 function Effects 0.000 description 2
- 230000001413 cellular effect Effects 0.000 description 1
- 239000003086 colorant Substances 0.000 description 1
- 238000013461 design Methods 0.000 description 1
- 238000011161 development Methods 0.000 description 1
- 238000005516 engineering process Methods 0.000 description 1
- 230000007246 mechanism Effects 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 230000003287 optical effect Effects 0.000 description 1
- 238000006467 substitution reaction Methods 0.000 description 1
- 239000002699 waste material Substances 0.000 description 1
Images
Classifications
-
- 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/958—Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
-
- 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
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Databases & Information Systems (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Software Systems (AREA)
- Data Mining & Analysis (AREA)
- Human Computer Interaction (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本申请提供了一种网页的配置方法、装置、电子设备及存储介质，其中，该方法包括：通过响应作用于图形用户界面的第一操作，显示目标网页对应的配置界面，该配置界面中包括目标网页中各个区域分别对应的层叠框；通过响应作用于图形用户界面的第二操作，配置第二操作对应的目标层叠框中的至少一个属性元素；最后，基于配置后的目标层叠框中的至少一个属性元素，在图形用户界面中显示配置后的目标网页。本申请中，用户通过对网页的配置操作能够配置不同样式的网页，增加了网页样式的丰富性，提高了网页可操作的灵活性，满足了用户对于网页界面多样性的需求，进而提高了人机交互效率。
Description
技术领域
本申请涉及界面设计技术领域，具体而言，涉及一种网页的配置方法、装置、电子设备及存储介质。
背景技术
随着互联网技术的不断发展，网络逐渐成为人们生活中不可获取的一部分，用户可以通过网络进行一系列活动，比如在线办公、在线购物、在线浏览新闻、在线学习等，用户可以通过浏览对应的网页信息网络进行上述活动。与此同时，互联网也可以通过网页向用户展示相应的内容，用户可以通过网页及相应的内容完成目标活动。
传统的网页都是由开发者进行设定的，相应的，用户则通过访问预先设定好的网页来获取网页内容。但是，传统网页的样式单一，网页可操作灵活性差，进而影响人机交互效率。
发明内容
有鉴于此，本申请实施例的目的在于提供一种网页的配置方法、装置、电子设备及存储介质，能够通过对网页的配置操作配置不同的网页样式，丰富了网页的样式，提高了网页可操作的灵活性，进而提高了人机交互效率。
第一方面，本申请实施例提供了一种网页的配置方法，通过终端设备提供一图形用户界面，所述图形用户界面显示的内容包括一目标网页，所述配置方法包括：
响应作用于所述图形用户界面的第一操作，显示所述目标网页对应的配置界面，所述配置界面中包括所述目标网页中各个区域分别对应的层叠框；其中，所述层叠框中包括至少一个属性元素；
响应作用于所述图形用户界面的第二操作，配置所述第二操作对应的目标层叠框中的至少一个属性元素；
基于配置后的所述目标层叠框中的至少一个属性元素，在图形用户界面中显示配置后的目标网页。
一种可选实施方式中，所述配置方法还包括：
响应针对所述层叠框的第三操作，确定所述第三操作对应的目标层叠框，并显示所述目标层叠框对应的子配置界面；
所述响应作用于所述图形用户界面的第二操作，配置所述第二操作对应的目标层叠框中的至少一个属性元素，包括：
响应作用于所述目标层叠框对应的子配置界面中的第二操作，配置所述目标层叠框中的至少一个属性元素。
一种可选实施方式中，所述第一操作包括以下之一：
作用于所述图形用户界面中的配置控件的第一操作；
作用于所述图形用户界面中的特定区域的第一操作；
作用于所述图形用户界面中的特定网页链接的第一操作。
一种可选实施方式中，所述目标层叠框中包括页面属性调节控件，或者，所述子配置界面中包括页面属性调节控件；
所述第二操作包括作用于所述页面属性调节控件的第二操作。
一种可选实施方式中，所述层叠框中包括以下属性元素中的至少之一：文字元素、图像元素、背景元素；
所述属性调节控件包括以下至少之一：文字调节控件、图像调节控件、背景调节控件。
一种可选实施方式中，所述基于配置后的所述目标层叠框中的至少一个属性元素，在图形用户界面中显示配置后的目标网页，包括：
基于配置后的所述目标层叠框中的至少一个属性元素，在图形用户界面中显示配置后的预览页面；
响应用户基于所述配置后的预览页面的确定操作，在图形用户界面中显示配置后的目标网页。
一种可选实施方式中，所述基于配置后的所述目标层叠框中的至少一个属性元素，在图形用户界面中显示配置后的目标网页，还包括：
基于配置后的所述目标层叠框中的至少一个属性元素，更新所述目标网页所对应的目标文件，得到更新目标文件；
在下一次访问所述目标网页时，基于所述目标网页对应的更新目标文件加载所述目标网页，并在图形用户界面显示加载后的所述目标网页。
第二方面，本申请实施例还提供一种网页的配置装置，该网页的配置装置包括：第一显示模块、配置模块以及第二显示模块，其中：
第一显示模块，用于响应作用于所述图形用户界面的第一操作，显示所述目标网页对应的配置界面，所述配置界面中包括所述目标网页中各个区域分别对应的层叠框；其中，所述层叠框中包括至少一个属性元素；
配置模块，用于响应作用于所述图形用户界面的第二操作，配置所述第二操作对应的目标层叠框中的至少一个属性元素；
第二显示模块，用于基于配置后的所述目标层叠框中的至少一个属性元素，在图形用户界面中显示配置后的目标网页。
一种可选实施方式中，所述配置装置还包括：
确定模块，用于响应针对所述层叠框的第三操作，确定所述第三操作对应的目标层叠框，并显示所述目标层叠框对应的子配置界面；
所述配置模块，用于响应作用于所述图形用户界面的第二操作，配置所述第二操作对应的目标层叠框中的至少一个属性元素时，具体用于：
响应作用于所述目标层叠框对应的子配置界面中的第二操作，配置所述目标层叠框中的至少一个属性元素。
一种可选实施方式中，所述第一操作包括以下之一：
作用于所述图形用户界面中的配置控件的第一操作；
作用于所述图形用户界面中的特定区域的第一操作；
作用于所述图形用户界面中的特定网页链接的第一操作。
一种可选实施方式中，所述目标层叠框中包括页面属性调节控件，或者，所述子配置界面中包括页面属性调节控件；
所述第二操作包括作用于所述页面属性调节控件的第二操作。
一种可选实施方式中，所述层叠框中包括以下属性元素中的至少之一：文字元素、图像元素、背景元素；
所述属性调节控件包括以下至少之一：文字调节控件、图像调节控件、背景调节控件。
一种可选实施方式中，所述第二显示模块，用于基于配置后的所述目标层叠框中的至少一个属性元素，在图形用户界面中显示配置后的目标网页时，具体用于：
基于配置后的所述目标层叠框中的至少一个属性元素，在图形用户界面中显示配置后的预览页面；
响应用户基于所述配置后的预览页面的确定操作，在图形用户界面中显示配置后的目标网页。
一种可选实施方式中，所述第二显示模块，用于基于配置后的所述目标层叠框中的至少一个属性元素，在图形用户界面中显示配置后的目标网页时，还用于：
基于配置后的所述目标层叠框中的至少一个属性元素，更新所述目标网页所对应的目标文件，得到更新目标文件；
在下一次访问所述目标网页时，基于所述目标网页对应的更新目标文件加载所述目标网页，并在图形用户界面显示加载后的所述目标网页。
第三方面，本申请实施例还提供一种电子设备，包括：处理器、存储器和总线，所述存储器存储有所述处理器可执行的机器可读指令，当电子设备运行时，所述处理器与所述存储器之间通过总线通信，所述机器可读指令被所述处理器执行时执行上述第一方面、或第一方面中任一种可能的实施方式中的步骤。
第四方面，本申请实施例还提供一种计算机可读存储介质，该计算机可读存储介质上存储有计算机程序，该计算机程序被处理器运行时执行上述第一方面、或第一方面中任一种可能的实施方式中的步骤。
本申请实施例提供的一种网页的配置方法、装置、电子设备及存储介质，该配置方法包括：通过响应作用于图形用户界面的第一操作，显示目标网页对应的配置界面，该配置界面中包括目标网页中各个区域分别对应的层叠框；通过响应作用于图形用户界面的第二操作，配置第二操作对应的目标层叠框中的至少一个属性元素；最后，基于配置后的目标层叠框中的至少一个属性元素，在图形用户界面中显示配置后的目标网页。本申请中，用户通过对网页的配置操作能够配置不同样式的网页，增加了网页样式的丰富性，提高了网页可操作的灵活性，满足了用户对于网页界面多样性的需求，进而提高了人机交互效率。
为使本申请的上述目的、特征和优点能更明显易懂，下文特举较佳实施例，并配合所附附图，作详细说明如下。
附图说明
为了更清楚地说明本申请实施例的技术方案，下面将对实施例中所需要使用的附图作简单地介绍，应当理解，以下附图仅示出了本申请的某些实施例，因此不应被看作是对范围的限定，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他相关的附图。
图1示出了本申请实施例所提供的一种网页的配置方法的流程图；
图2示出了本申请实施例所提供的一种网页对应文件的更新方法的流程图；
图3示出了本申请实施例所提供的一种网页的预览方法的流程图；
图4示出了本申请实施例所提供的一种网页的配置装置的示意图；
图5示出了本申请实施例所提供的另一种网页的配置装置的示意图；
图6示出了本申请实施例所提供的一种电子设备的示意图。
具体实施方式
为使本申请实施例的目的、技术方案和优点更加清楚，下面将结合本申请实施例中附图，对本申请实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本申请一部分实施例，而不是全部的实施例。通常在此处附图中描述和示出的本申请实施例的组件可以以各种不同的配置来布置和设计。因此，以下对在附图中提供的本申请的实施例的详细描述并非旨在限制要求保护的本申请的范围，而是仅仅表示本申请的选定实施例。基于本申请的实施例，本领域技术人员在没有做出创造性劳动的前提下所获得的所有其他实施例，都属于本申请保护的范围。
考虑到现有技术中，传统的网页都是由开发者进行设定的，相应的，用户则通过访问预先设定好的网页来获取网页内容。但是，传统网页的样式单一，网页可操作灵活性差，进而影响网页的访问情况。
本申请实施例提供的一种网页的配置方法、装置、电子设备及存储介质，该配置方法包括：通过响应作用于图形用户界面的第一操作，显示目标网页对应的配置界面，该配置界面中包括目标网页中各个区域分别对应的层叠框；通过响应作用于图形用户界面的第二操作，配置第二操作对应的目标层叠框中的至少一个属性元素；最后，基于配置后的目标层叠框中的至少一个属性元素，在图形用户界面中显示配置后的目标网页。本申请中，用户通过对网页的配置操作能够配置不同样式的网页，增加了网页样式的丰富性，提高了网页可操作的灵活性，满足了用户对于网页界面多样性的需求，进而提高了人机交互效率。
针对以上方案所存在的缺陷，均是发明人在经过实践并仔细研究后得出的结果，因此，上述问题的发现过程以及下文中本申请针对上述问题所提出的解决方案，都应该是发明人在本申请过程中对本申请做出的贡献。
下面将结合本申请中附图，对本申请中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本申请一部分实施例，而不是全部的实施例。通常在此处附图中描述和示出的本申请的组件可以以各种不同的配置来布置和设计。因此，以下对在附图中提供的本申请的实施例的详细描述并非旨在限制要求保护的本申请的范围，而是仅仅表示本申请的选定实施例。基于本申请的实施例，本领域技术人员在没有做出创造性劳动的前提下所获得的所有其他实施例，都属于本申请保护的范围。
应注意到：相似的标号和字母在下面的附图中表示类似项，因此，一旦某一项在一个附图中被定义，则在随后的附图中不需要对其进行进一步定义和解释。
本公开实施例所提供的网页的配置方法的执行主体一般为具有一定计算能力的电子设备，该电子设备例如包括：终端设备或服务器或其它处理设备，终端设备可以为用户设备(User Equipment，UE)、移动设备、用户终端、终端、蜂窝电话、无绳电话、个人数字处理(Personal Digital Assistant，PDA)、手持设备、计算设备、车载设备、可穿戴设备等。在一些可能的实现方式中，该网页的配置方法可以通过处理器调用存储器中存储的计算机可读指令的方式来实现。
下面以执行主体为电子设备为例对本公开实施例提供的网页的配置方法加以说明。
实施例一
参见图1所示，为本申请实施例一提供的网页的配置方法的流程图，该网页的配置方法通过终端设备提供一图形用户界面，所述图形用户界面显示的内容包括一目标网页，所述方法包括步骤S101～S103，其中：
S101：响应作用于所述图形用户界面的第一操作，显示所述目标网页对应的配置界面，所述配置界面中包括所述目标网页中各个区域分别对应的层叠框；其中，所述层叠框中包括至少一个属性元素；
S102：响应作用于所述图形用户界面的第二操作，配置所述第二操作对应的目标层叠框中的至少一个属性元素；
S103：基于配置后的所述目标层叠框中的至少一个属性元素，在图形用户界面中显示配置后的目标网页。
本申请实施例提供的一种网页的配置方法，通过响应作用于图形用户界面的第一操作，显示目标网页对应的配置界面，该配置界面中包括目标网页中各个区域分别对应的层叠框；通过响应作用于图形用户界面的第二操作，配置第二操作对应的目标层叠框中的至少一个属性元素；最后，基于配置后的目标层叠框中的至少一个属性元素，在图形用户界面中显示配置后的目标网页。本申请中，用户通过对网页的配置操作能够配置不同样式的网页，增加了网页样式的丰富性，提高了网页可操作的灵活性，满足了用户对于网页界面多样性的需求，进而提高了人机交互效率。
下面分别对上述S101～S103分别加以详细说明。
一：在上述S101中，响应于用户作用在图形用户界面的第一操作，并在图形用户界面中显示与目标网页对应的配置界面。
其中，配置界面中包括目标网页中各个区域分别对应的层叠框。
示例性的，该层叠框可以为超级文本标记语言(Hyper Text MarkupLanguage，HTML)文件或可扩展标记语言(Extensible Markup Language，XML)文档。具体的，可以为层叠样式表(Cascading Style Sheets，CSS)、内嵌文本容器(span)、层叠样式表单元的位置和层次(DIVision、DIV)等多种文件类型。
此外，目标网页中各个区域分别对应的层叠框中包括至少一个属性元素，该属性元素可以为文字元素、图像元素、背景元素。
本申请实施例中，通过第一操作启用配置界面，具体启用方式如下：
可选的，图形用户界面中包括以下至少之一：配置控件、特定区域、特定网页链接；相应的，用户作用在图形用户界面的第一操作包括以下至少之一：
作用于所述配置控件的第一操作；
作用于所述特定区域的第一操作；
作用于所述特定网页链接的第一操作。
示例性的，在图形用户界面上可能存在一个配置控件、或是某个特定区域或是一个特定的网页链接，用户可以通过上述提到的配置控件、特定区域或是特定网页链接，使得显示出目标网页对应的配置界面，从而进入到目标网页对应的配置界面，进行后续操作。
具体的，用户作用在图形用户界面的第一操作包括以下之一：
针对于配置控件，用户可以通过点击、长按、滑动、双击该触发控件等预设操作，从而触发该配置控件，使得在图形用户界面显示出目标网页对应的配置界面。
针对于特定区域，用户可以通过点击、长按、滑动、双击该特定区域等预设操作，从而触发与该特定区域对应的预设功能，使得在图形用户界面显示出目标网页对应的配置界面。
针对于特定网页链接，用户可以通过点击并进入该特定网页链接，使得在图形用户界面显示出目标网页对应的配置界面。
二：在上述S102中，在显示所述目标网页对应的配置界面之后，还响应作用于所述图形用户界面的第二操作，配置所述第二操作对应的目标层叠框中的至少一个属性元素。
具体的，在显示所述目标网页对应的配置界面之后，响应作用于所述图形用户界面的第二操作之前，还包括：
响应针对所述层叠框的第三操作，确定所述第三操作对应的目标层叠框，并显示所述目标层叠框对应的子配置界面。
示例性的，当配置界面中包括所述目标网页中各个区域分别对应的至少一个层叠框时，用户进行第三操作，即选中其中任意一个层叠框时，该层叠框显示出被选中的标记，同时显示出与所述目标层叠框对应的子配置界面。
其中，该子配置界面与图形用户界面中选中的目标层叠框相对应，用于调整对应的目标层叠框，子配置界面中包括页面属性调节控件，所述属性调节控件包括以下至少之一：文字调节控件、图像调节控件、背景调节控件。
在显示出目标层叠框对应的子配置界面之后，响应作用于所述目标层叠框对应的子配置界面中的第二操作，配置所述目标层叠框中的至少一个属性元素。
具体的，可以基于子配置界面中包括的页面属性调节控件对目标层叠框中的属性元素进行调整。
示例性的，基于子配置界面中的文字调节控件对目标层叠框中的文字元素进行调整，具体包括：对文字大小、字体、颜色等属性进行调整，还包括调整文字相对于配置界面的位置。
示例性的，基于子配置界面中的图像调节控件对目标层叠框中的图像元素进行调整，具体包括：对图像的大小、透明度、形状等属性进行调整，还包括调整图片相对于配置界面的位置。
示例性的，基于子配置界面中的背景调节控件对目标层叠框中的背景元素进行调整，具体包括：对背景的图案、颜色、边框、透明度、页边距等属性进行调整，还包括调整背景图片，用户可以自主选择喜欢的图片作为背景图片。
此外，还存在一种情况，即目标层叠框中包括页面属性调节控件，所述属性调节控件包括以下至少之一：文字调节控件、图像调节控件、背景调节控件。
具体的，可以基于目标层叠框中包括的页面属性调节控件对目标层叠框中的属性元素进行调整，与上述示例类似，在此不做赘述。
优选的，可以基于目标层叠框中包括的页面属性调节控件，对属性元素进行拖拽、缩放等，以调整属性元素的大小、位置等。
三：在上述S103中，基于步骤S102配置后的所述目标层叠框中的至少一个属性元素，在图形用户界面中显示配置后的目标网页。
在本申请中，基于配置后的所述目标层叠框中的至少一个属性元素，在图形用户界面中显示配置后的目标网页的过程中，包括下述两种实施方式：
在第一种实施方式中，基于步骤S102配置后的所述目标层叠框中的至少一个属性元素，在图形用户界面中显示配置后的目标网页的方式可以为：在配置完成目标层叠框中的至少一个属性元素之后，直接显示配置后的目标网页。
在第二种实施方式中，基于步骤S102配置后的所述目标层叠框中的至少一个属性元素，在图形用户界面中显示配置后的目标网页的方式可以为：在配置完成目标层叠框中的至少一个属性元素之后，用户的配置操作更改了目标层叠框中的至少一个属性元素之后，显示更改目标网页后的预览画面，完成配置，并显示配置以后的目标网页。在用户确定完成配置之后，保存目标网页所对应的目标文件，并更新目标网页所对应的目标文件，之后，调用更新后的目标网页对应的目标文件，并显示配置后的目标网页。
具体的，在第二种实施方式中，具体包括以下两个步骤：
请参阅图2，图2为本申请实施例提供的一种网页对应文件的更新方法的流程图。
S201、基于配置后的所述目标层叠框中的至少一个属性元素，更新所述目标网页所对应的目标文件，得到更新目标文件；
S202、在下一次访问所述目标网页时，基于所述目标网页对应的更新目标文件加载所述目标网页，并在图形用户界面显示加载后的所述目标网页。
示例性的，在用户配置所述目标层叠框中的至少一个属性元素时，会产生对应的配置后的目标文件，接下来，可以对产生的对应的配置后的目标文件进行存储，并将原始的目标网页文件覆盖为配置后的目标网页文件。
在下一次访问所述目标网页时，可以直接显示配置后的目标网页，以满足用户的个性化需求。此外，由于将原始的目标网页文件覆盖为配置后的目标网页文件，因此在用户访问目标网页时，可以只调用最新配置的目标网页文件，无需调用大量的目标网页文件，减少了资源浪费，同时加快了加载目标网页时所需的时间。
除此之外，在本申请实施例中，在显示配置后的目标网页之前，还可以包括：
用户的配置操作更改了目标层叠框中的至少一个属性元素之后，显示更改目标网页后的预览画面，完成配置，并显示配置以后的目标网页。相应的，所述基于配置后的所述目标层叠框中的至少一个属性元素，在图形用户界面中显示配置后的目标网页，具体包括如下步骤：
请参阅图3，图3为本申请实施例提供的一种网页的预览方法的流程图。
S301、基于配置后的所述目标层叠框中的至少一个属性元素，在图形用户界面中显示配置后的预览页面；
S302、响应用户基于所述配置后的预览页面的确定操作，在图形用户界面中显示配置后的目标网页。
具体的，基于配置后的所述目标层叠框中的至少一个属性元素，在图形用户界面中显示配置后的预览页面。
示例性的，在用户配置所述目标层叠框中的至少一个属性元素之后，通常会在图形用户界面中显示配置后的预览页面，以供用户查看配置后的页面效果，从而判断是否到达预期的页面效果。
之后，在用户判断到达预期的页面效果，发出确定指令之后，响应用户基于所述配置后的预览页面的确定操作，在图形用户界面中显示配置后的目标网页。
在本申请实施例中，通过提供用户配置后的目标网页的预览机制，提高了网页配置的灵活性，进而提高了人机交互效率。
本申请中，除了用户可以基于个人的喜好对网页进行自定义配置之外，还可以由管理员根据用户的喜好或是范例，进行页面配置，该过程与上述过程类似，在此不做赘述。
通过本申请实施例提供上述网页的配置方法，用户通过对网页的配置操作能够配置不同样式的网页，增加了网页样式的丰富性，提高了网页可操作的灵活性，满足了用户对于网页界面多样性的需求，进而提高了人机交互效率。
基于同一发明构思，本申请实施例中还提供了与网页的配置方法对应的网页的配置装置，由于本申请实施例中的装置解决问题的原理与本申请实施例上述网页的配置方法相似，因此装置的实施可以参见方法的实施，重复之处不再赘述。
实施例二
参照图4所示，为本申请实施例二提供的一种网页的配置装置400的示意图，该网页的配置装置400包括：第一显示模块410、配置模块420以及第二显示模块430，其中：
第一显示模块410，用于响应作用于所述图形用户界面的第一操作，显示所述目标网页对应的配置界面，所述配置界面中包括所述目标网页中各个区域分别对应的层叠框；其中，所述层叠框中包括至少一个属性元素；
配置模块420，用于响应作用于所述图形用户界面的第二操作，配置所述第二操作对应的目标层叠框中的至少一个属性元素；
第二显示模块430，用于基于配置后的所述目标层叠框中的至少一个属性元素，在图形用户界面中显示配置后的目标网页。
本申请实施例提供的一种网页的配置装置400，包括：通过响应作用于图形用户界面的第一操作，显示目标网页对应的配置界面，该配置界面中包括目标网页中各个区域分别对应的层叠框；通过响应作用于图形用户界面的第二操作，配置第二操作对应的目标层叠框中的至少一个属性元素；最后，基于配置后的目标层叠框中的至少一个属性元素，在图形用户界面中显示配置后的目标网页。本申请中，用户通过对网页的配置操作能够配置不同样式的网页，增加了网页样式的丰富性，提高了网页可操作的灵活性，满足了用户对于网页界面多样性的需求，进而提高了人机交互效率。
请参阅图5，图5为本申请实施例所提供的另一种网页的配置装置400的示意图。
一种可能的实施方式中，所述网页的配置装置400还包括：
确定模块440，用于响应针对所述层叠框的第三操作，确定所述第三操作对应的目标层叠框，并显示所述目标层叠框对应的子配置界面；
所述配置模块420，用于响应作用于所述图形用户界面的第二操作，配置所述第二操作对应的目标层叠框中的至少一个属性元素时，具体用于：
响应作用于所述目标层叠框对应的子配置界面中的第二操作，配置所述目标层叠框中的至少一个属性元素。
一种可能的实施方式中，所述第一操作包括以下之一：
作用于所述图形用户界面中的配置控件的第一操作；
作用于所述图形用户界面中的特定区域的第一操作；
作用于所述图形用户界面中的特定网页链接的第一操作。
一种可能的实施方式中，所述目标层叠框中包括页面属性调节控件，或者，所述子配置界面中包括页面属性调节控件；
所述第二操作包括作用于所述页面属性调节控件的第二操作。
一种可能的实施方式中，所述层叠框中包括以下属性元素中的至少之一：文字元素、图像元素、背景元素；
所述属性调节控件包括以下至少之一：文字调节控件、图像调节控件、背景调节控件。
一种可能的实施方式中，所述第二显示模块430，用于基于配置后的所述目标层叠框中的至少一个属性元素，在图形用户界面中显示配置后的目标网页时，具体用于：
基于配置后的所述目标层叠框中的至少一个属性元素，在图形用户界面中显示配置后的预览页面；
响应用户基于所述配置后的预览页面的确定操作，在图形用户界面中显示配置后的目标网页。
一种可能的实施方式中，所述第二显示模块430，用于基于配置后的所述目标层叠框中的至少一个属性元素，在图形用户界面中显示配置后的目标网页时，还用于：
基于配置后的所述目标层叠框中的至少一个属性元素，更新所述目标网页所对应的目标文件，得到更新目标文件；
在下一次访问所述目标网页时，基于所述目标网页对应的更新目标文件加载所述目标网页，并在图形用户界面显示加载后的所述目标网页。
关于装置中的各模块的处理流程、以及各模块之间的交互流程的描述可以参照上述方法实施例中的相关说明，这里不再详述。
实施例三
对应于图1中的网页的配置方法，本申请实施例还提供了一种电子设备600，如图6所示，为本申请实施例提供的电子设备600结构示意图，包括：
处理器61、存储器62、和总线63；存储器62用于存储执行指令，包括内存621和外部存储器622；这里的内存621也称内存储器，用于暂时存放处理器61中的运算数据，以及与硬盘等外部存储器622交换的数据，处理器61通过内存621与外部存储器622进行数据交换，当所述电子设备600运行时，所述处理器61与所述存储器62之间通过总线63通信，使得所述处理器61通过终端设备提供一图形用户界面，所述图形用户界面显示的内容包括一目标网页，在用户态执行以下指令：
响应作用于所述图形用户界面的第一操作，显示所述目标网页对应的配置界面，所述配置界面中包括所述目标网页中各个区域分别对应的层叠框；其中，所述层叠框中包括至少一个属性元素；
响应作用于所述图形用户界面的第二操作，配置所述第二操作对应的目标层叠框中的至少一个属性元素；
基于配置后的所述目标层叠框中的至少一个属性元素，在图形用户界面中显示配置后的目标网页。
一种可能的实施方式中，处理器61执行的指令中，所述配置方法还包括：
响应针对所述层叠框的第三操作，确定所述第三操作对应的目标层叠框，并显示所述目标层叠框对应的子配置界面；
所述响应作用于所述图形用户界面的第二操作，配置所述第二操作对应的目标层叠框中的至少一个属性元素，包括：
响应作用于所述目标层叠框对应的子配置界面中的第二操作，配置所述目标层叠框中的至少一个属性元素。
一种可能的实施方式中，处理器61执行的指令中，所述第一操作包括以下之一：
作用于所述图形用户界面中的配置控件的第一操作；
作用于所述图形用户界面中的特定区域的第一操作；
作用于所述图形用户界面中的特定网页链接的第一操作。
一种可能的实施方式中，处理器61执行的指令中，所述目标层叠框中包括页面属性调节控件，或者，所述子配置界面中包括页面属性调节控件；
所述第二操作包括作用于所述页面属性调节控件的第二操作。
一种可能的实施方式中，处理器61执行的指令中，所述层叠框中包括以下属性元素中的至少之一：文字元素、图像元素、背景元素；
所述属性调节控件包括以下至少之一：文字调节控件、图像调节控件、背景调节控件。
一种可能的实施方式中，处理器61执行的指令中，所述基于配置后的所述目标层叠框中的至少一个属性元素，在图形用户界面中显示配置后的目标网页，包括：
基于配置后的所述目标层叠框中的至少一个属性元素，在图形用户界面中显示配置后的预览页面；
响应用户基于所述配置后的预览页面的确定操作，在图形用户界面中显示配置后的目标网页。
一种可能的实施方式中，处理器61执行的指令中，所述基于配置后的所述目标层叠框中的至少一个属性元素，在图形用户界面中显示配置后的目标网页，还包括：
基于配置后的所述目标层叠框中的至少一个属性元素，更新所述目标网页所对应的目标文件，得到更新目标文件；
在下一次访问所述目标网页时，基于所述目标网页对应的更新目标文件加载所述目标网页，并在图形用户界面显示加载后的所述目标网页。
本申请实施例还提供一种计算机可读存储介质，该计算机可读存储介质上存储有计算机程序，该计算机程序被处理器运行时执行上述方法实施例中所述的网页的配置方法的步骤。
本申请实施例所提供的网页的配置方法的计算机程序产品，包括存储了程序代码的计算机可读存储介质，所述程序代码包括的指令可用于执行上述方法实施例中所述的网页的配置方法的步骤，具体可参见上述方法实施例，在此不再赘述。
所属领域的技术人员可以清楚地了解到，为描述的方便和简洁，上述描述的***和装置的具体工作过程，可以参考前述方法实施例中的对应过程，在此不再赘述。在本申请所提供的几个实施例中，应该理解到，所揭露的***、装置和方法，可以通过其它的方式实现。以上所描述的装置实施例仅仅是示意性的，例如，所述单元的划分，仅仅为一种逻辑功能划分，实际实现时可以有另外的划分方式，又例如，多个单元或组件可以结合或者可以集成到另一个***，或一些特征可以忽略，或不执行。另一点，所显示或讨论的相互之间的耦合或直接耦合或通信连接可以是通过一些通信接口，装置或单元的间接耦合或通信连接，可以是电性，机械或其它的形式。
所述作为分离部件说明的单元可以是或者也可以不是物理上分开的，作为单元显示的部件可以是或者也可以不是物理单元，即可以位于一个地方，或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部单元来实现本实施例方案的目的。
另外，在本申请各个实施例中的各功能单元可以集成在一个处理单元中，也可以是各个单元单独物理存在，也可以两个或两个以上单元集成在一个单元中。
所述功能如果以软件功能单元的形式实现并作为独立的产品销售或使用时，可以存储在一个处理器可执行的非易失的计算机可读取存储介质中。基于这样的理解，本申请的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的部分可以以软件产品的形式体现出来，该计算机软件产品存储在一个存储介质中，包括若干指令用以使得一台电子设备(可以是个人计算机，服务器，或者网络设备等)执行本申请各个实施例所述方法的全部或部分步骤。而前述的存储介质包括：U盘、移动硬盘、只读存储器(Read-OnlyMemory，ROM)、随机存取存储器(Random Access Memory，RAM)、磁碟或者光盘等各种可以存储程序代码的介质。
最后应说明的是：以上所述实施例，仅为本申请的具体实施方式，用以说明本申请的技术方案，而非对其限制，本申请的保护范围并不局限于此，尽管参照前述实施例对本申请进行了详细的说明，本领域的普通技术人员应当理解：任何熟悉本技术领域的技术人员在本申请揭露的技术范围内，其依然可以对前述实施例所记载的技术方案进行修改或可轻易想到变化，或者对其中部分技术特征进行等同替换；而这些修改、变化或者替换，并不使相应技术方案的本质脱离本申请实施例技术方案的精神和范围，都应涵盖在本申请的保护范围之内。因此，本申请的保护范围应所述以权利要求的保护范围为准。
Claims (10)
1.一种网页的配置方法，其特征在于，通过终端设备提供一图形用户界面，所述图形用户界面显示的内容包括一目标网页，所述配置方法包括：
响应作用于所述图形用户界面的第一操作，显示所述目标网页对应的配置界面，所述配置界面中包括所述目标网页中各个区域分别对应的层叠框；其中，所述层叠框中包括至少一个属性元素；
响应作用于所述图形用户界面的第二操作，配置所述第二操作对应的目标层叠框中的至少一个属性元素；
基于配置后的所述目标层叠框中的至少一个属性元素，在图形用户界面中显示配置后的目标网页。
2.根据权利要求1所述的网页的配置方法，其特征在于，所述配置方法还包括：
响应针对所述层叠框的第三操作，确定所述第三操作对应的目标层叠框，并显示所述目标层叠框对应的子配置界面；
所述响应作用于所述图形用户界面的第二操作，配置所述第二操作对应的目标层叠框中的至少一个属性元素，包括：
响应作用于所述目标层叠框对应的子配置界面中的第二操作，配置所述目标层叠框中的至少一个属性元素。
3.根据权利要求1所述的网页的配置方法，其特征在于，所述第一操作包括以下之一：
作用于所述图形用户界面中的配置控件的第一操作；
作用于所述图形用户界面中的特定区域的第一操作；
作用于所述图形用户界面中的特定网页链接的第一操作。
4.根据权利要求2所述的网页的配置方法，其特征在于，所述目标层叠框中包括页面属性调节控件，或者，所述子配置界面中包括页面属性调节控件；
所述第二操作包括作用于所述页面属性调节控件的第二操作。
5.根据权利要求4所述的网页的配置方法，其特征在于，所述层叠框中包括以下属性元素中的至少之一：文字元素、图像元素、背景元素；
所述属性调节控件包括以下至少之一：文字调节控件、图像调节控件、背景调节控件。
6.根据权利要求1所述的网页的配置方法，其特征在于，所述基于配置后的所述目标层叠框中的至少一个属性元素，在图形用户界面中显示配置后的目标网页，包括：
基于配置后的所述目标层叠框中的至少一个属性元素，在图形用户界面中显示配置后的预览页面；
响应用户基于所述配置后的预览页面的确定操作，在图形用户界面中显示配置后的目标网页。
7.根据权利要求1所述的网页的配置方法，其特征在于，所述基于配置后的所述目标层叠框中的至少一个属性元素，在图形用户界面中显示配置后的目标网页，还包括：
基于配置后的所述目标层叠框中的至少一个属性元素，更新所述目标网页所对应的目标文件，得到更新目标文件；
在下一次访问所述目标网页时，基于所述目标网页对应的更新目标文件加载所述目标网页，并在图形用户界面显示加载后的所述目标网页。
8.一种网页的配置装置，其特征在于，通过终端设备提供一图形用户界面，所述图形用户界面显示的内容包括一目标网页，所述配置装置包括：
第一显示模块，用于响应作用于所述图形用户界面的第一操作，显示所述目标网页对应的配置界面，所述配置界面中包括所述目标网页中各个区域分别对应的层叠框；其中，所述层叠框中包括至少一个属性元素；
配置模块，用于响应作用于所述图形用户界面的第二操作，配置所述第二操作对应的目标层叠框中的至少一个属性元素；
第二显示模块，用于基于配置后的所述目标层叠框中的至少一个属性元素，在图形用户界面中显示配置后的目标网页。
9.一种电子设备，其特征在于，包括：处理器、存储器和总线，所述存储器存储有所述处理器可执行的机器可读指令，当电子设备运行时，所述处理器与所述存储器之间通过总线通信，所述机器可读指令被所述处理器执行时执行如权利要求1至7任一所述的网页的配置方法的步骤。
10.一种计算机可读存储介质，其特征在于，该计算机可读存储介质上存储有计算机程序，该计算机程序被处理器运行时执行如权利要求1至7任一所述的网页的配置方法的步骤。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202010554534.4A CN111708969A (zh) | 2020-06-17 | 2020-06-17 | 一种网页的配置方法、装置、电子设备及存储介质 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202010554534.4A CN111708969A (zh) | 2020-06-17 | 2020-06-17 | 一种网页的配置方法、装置、电子设备及存储介质 |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN111708969A true CN111708969A (zh) | 2020-09-25 |
Family
ID=72541009
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202010554534.4A Pending CN111708969A (zh) | 2020-06-17 | 2020-06-17 | 一种网页的配置方法、装置、电子设备及存储介质 |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN111708969A (zh) |
Cited By (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN112597416A (zh) * | 2020-12-18 | 2021-04-02 | 北京达佳互联信息技术有限公司 | 网页元素的显示方法、装置、服务器和存储介质 |
Citations (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN106354748A (zh) * | 2016-08-15 | 2017-01-25 | 北京数码视讯科技股份有限公司 | 一种网页生成方法和装置 |
| US20170315964A1 (en) * | 2014-10-31 | 2017-11-02 | Guangzhou Ucweb Computer Technology Co., Ltd. | Web page reformatting method and apparatus, computing device and non-transitory machine readable storage medium |
| CN108255914A (zh) * | 2017-09-05 | 2018-07-06 | 深圳壹账通智能科技有限公司 | 网页生成方法及应用服务器 |
| CN110795666A (zh) * | 2019-10-18 | 2020-02-14 | 腾讯科技（深圳）有限公司 | 一种网页生成方法、装置、终端及存储介质 |
| CN111177613A (zh) * | 2019-11-20 | 2020-05-19 | 腾讯科技（深圳）有限公司 | 页面处理方法、装置、设备及存储介质 |
-
2020
- 2020-06-17 CN CN202010554534.4A patent/CN111708969A/zh active Pending
Patent Citations (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20170315964A1 (en) * | 2014-10-31 | 2017-11-02 | Guangzhou Ucweb Computer Technology Co., Ltd. | Web page reformatting method and apparatus, computing device and non-transitory machine readable storage medium |
| CN106354748A (zh) * | 2016-08-15 | 2017-01-25 | 北京数码视讯科技股份有限公司 | 一种网页生成方法和装置 |
| CN108255914A (zh) * | 2017-09-05 | 2018-07-06 | 深圳壹账通智能科技有限公司 | 网页生成方法及应用服务器 |
| CN110795666A (zh) * | 2019-10-18 | 2020-02-14 | 腾讯科技（深圳）有限公司 | 一种网页生成方法、装置、终端及存储介质 |
| CN111177613A (zh) * | 2019-11-20 | 2020-05-19 | 腾讯科技（深圳）有限公司 | 页面处理方法、装置、设备及存储介质 |
Cited By (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN112597416A (zh) * | 2020-12-18 | 2021-04-02 | 北京达佳互联信息技术有限公司 | 网页元素的显示方法、装置、服务器和存储介质 |
| CN112597416B (zh) * | 2020-12-18 | 2024-03-01 | 北京达佳互联信息技术有限公司 | 网页元素的显示方法、装置、服务器和存储介质 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| US11790158B1 (en) | System and method for using a dynamic webpage editor | |
| US7694271B2 (en) | Rendering GUI widgets with generic look and feel | |
| US20100005387A1 (en) | Terminal, content display method, and content display program | |
| CN109254818B (zh) | 针对浏览器不同分辨率的像素级定位方法和装置 | |
| JP4794318B2 (ja) | ネットワークサービスにおける情報配信システム | |
| US12010165B2 (en) | Cross-platform module for loading across a plurality of device types | |
| CN111104635A (zh) | 一种表格网页的生成方法和装置 | |
| EP4339808A1 (en) | Page processing method and apparatus, electronic device, and readable storage medium | |
| Bader et al. | Responsive web design techniques | |
| CN114489648A (zh) | 一种页面生成方法、***、终端及介质 | |
| KR20210040611A (ko) | 웹 페이지를 생성하는 방법 및 장치 | |
| JP2012064207A (ja) | ホスト装置及びホスト装置のコンテンツ表示方法 | |
| CN111708969A (zh) | 一种网页的配置方法、装置、电子设备及存储介质 | |
| US20060041835A1 (en) | User-controlled web browser table reduction | |
| CN113378059A (zh) | 一种页面展示方法、装置、计算机设备及存储介质 | |
| US20190079908A1 (en) | Method, device, client apparatus, and electronic device for presenting webpages | |
| CN112487330A (zh) | 基于xml的ui换肤方法、***、装置及存储介质 | |
| CN112306488A (zh) | 组合图标生成方法、装置、设备与计算机可读存储介质 | |
| CN112558957B (zh) | 生成网页表格的方法、装置、电子设备及可读存储介质 | |
| US8533588B2 (en) | Overriding images in user interfaces | |
| JP6113983B2 (ja) | 画面コントロール表示システムおよび画面コントロール表示プログラム | |
| JP6009868B2 (ja) | 公衆用のパーソナルコンピュータ端末 | |
| EP2767901B1 (en) | Generating interactive electronic documents | |
| Elrom et al. | CSS, Bootstrap, & Responsive Design | |
| CN113254128A (zh) | 一种项目页加载方法、装置、计算机设备及存储介质 |
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 | ||
| WD01 | Invention patent application deemed withdrawn after publication | ||
| WD01 | Invention patent application deemed withdrawn after publication |
Application publication date: 20200925 |