CN111090825A - 一种网页内容动态定制方法 - Google Patents
一种网页内容动态定制方法 Download PDFInfo
- Publication number
- CN111090825A CN111090825A CN201911352434.7A CN201911352434A CN111090825A CN 111090825 A CN111090825 A CN 111090825A CN 201911352434 A CN201911352434 A CN 201911352434A CN 111090825 A CN111090825 A CN 111090825A
- Authority
- CN
- China
- Prior art keywords
- placeholder
- component
- customizable
- area
- webpage content
- 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
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
Landscapes
- Engineering & Computer Science (AREA)
- Databases & Information Systems (AREA)
- Theoretical Computer Science (AREA)
- Data Mining & Analysis (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本发明公开的网页内容动态定制方法,涉及网页制作技术领域,通过分别为各个预先设定的可定制区域设置占位标识,分别为各个占位标识设置占位标识值,当检测到组件写入可定制区域时,获取可定制区域关联的占位标识,根据占位标识关联的占位标识值,将该占位标识值与该组件关联,获取携带占位标识值的各个组件并根据该占位标识值,分别将各个组件渲染至相应的可定制区域中,开发人员进行简单地二次开发就能实现任一网页中任一区域的可定制化,实现了可定制区域和固定区域的任意组合,提高了定制能力,能够满足用户需求。
Description
技术领域
本发明涉及网页制作技术领域,具体涉及一种网页内容动态定制方法。
背景技术
随着互联网应用的普及,用户对网页内容存在个性化定制需求,为此,有些网站提供了一定的网页定制功能。
现有的方案主要通过圈定少许页面的某个或某几个固定的区域,只能在这些固定的区域内对网页内容进行定制。该方案的可扩展性比较差,没法做到经过开发人员简单地开发就能实现让任一网页中任一区域可定制化,让可定制区域和固定区域任意组合。所以说,现有的方案的定制能力较弱,无法满足用户需求。
发明内容
为解决现有技术的不足,本发明实施例提供了一种网页内容动态定制方法,该方法包括以下步骤:
分别为各个预先设定的可定制区域设置占位标识;
分别为各个占位标识设置相应的占位标识值;
获取携带占位标识值的各个组件并根据所述占位标识值,分别将所述各个组件渲染至相应的可定制区域中,实现了网页内容的动态定制。
优选地,在获取携带占位标识值的各个组件之前,所述方法还包括:
实时检测到所述可定制区域中是否有组件写入,若是,则获取所述可定制区域关联的占位标识;
将所述占位标识值与所述组件关联。
优选地,根据所述占位标识值,将所述组件渲染至相应的可定制区域中包括:
根据所述占位标识值关联的占位标识,将所述各个组件渲染至所述占位标识所在的位置。
优选地,所述可定制区域与所述占位标识一一关联。
优选地,所述占位标识与所述占位标识值一一关联。
本发明提供的网页内容动态定制方法具有以下有益效果:
开发人员进行简单地二次开发就能实现任一网页中任一区域的可定制化,实现了可定制区域和固定区域的任意组合,提高了定制能力,能够满足用户需求。
附图说明
图1为本发明实施例提供的网页内容动态定制方法流程示意图;
图2为本发明实施例提供的网页内容结构示意图。
具体实施方式
以下结合附图和具体实施例对本发明作具体的介绍。
参见图1,本发明实施例提供的网页内容动态定制方法包括以下步骤:
S101,分别为各个预先设定的可定制区域设置占位标识。
其中,占位标识表示当前区域为可定制区域,进而区分了可定制区域和固定区域,仅在可定制区域内才能允许用户进行定制。占位标识可以用在网页的任何地方。
S102,分别为各个占位标识设置相应的占位标识值。
其中,可用于作为占位标识的方法有很多,网页是通过HTML、JS、CSS等技术进行开发的,基于这些技术并内部约定好,可以有很多方式来作为占位标识。作为一个具体的实施例,在代码<div placeholder=“1”></div>中,以具有占位标识属性的“div”标签来作为占位标识,该占位标识关联的占位标识值为1;在代码<decorator“1”></decorator>,以自定义标签“decorator”作为占位标识,该占位标识关联的占位标识值也为1。使用前端框架开发网页时,这是可行的。其中,占位标识值可以人工设定,也可以自动生成。
S103,获取携带占位标识值的各个组件并根据该占位标识值,分别将各个组件渲染至相应的可定制区域中,实现了网页内容的动态定制。
可选地,在获取携带占位标识值的组件并根据占位标识值之前,该方法还包括:
实时检测到可定制区域中是否有组件写入,若是,则获取可定制区域关联的占位标识;
将占位标识值与组件关联。
其中,在定制网页内容时,用户可以自由选择组件并将该组件放入某一定制区域内,此可定制区域的占位标识值与此组件关联。在具体实施时,可以使用一个独立的字段,将该此占位标识值存储于用于存储组件的数据库中。
可选地,根据占位标识值,将该组件渲染至与相应的可定制区域中包括:
根据占位标识值关联的占位标识,将各个组件渲染至各个占位标识所在的位置。
可选地,可定制区域与占位标识一一关联。
可选地,占位标识与占位标识值一一关联。
如图2所示,本发明实施例提供的网页内容包括个可定制区域1、可定制区域2、固定区域1、固定区域2、组件a、组件b、组件c及组件d,其中,组件a及组件b用于渲染可定制区域1,组件c及组件d用于渲染可定制区域2。
本发明提供的网页内容动态定制方法,通过分别为各个预先设定的可定制区域设置占位标识,分别为各个占位标识设置占位标识值,当检测到组件写入可定制区域时,获取可定制区域关联的占位标识,根据占位标识关联的占位标识值,将该占位标识值与该组件关联,开发人员进行简单地二次开发就能实现任一网页中任一区域的可定制化,实现了可定制区域和固定区域的任意组合,提高了定制能力,能够满足用户需求。
在上述实施例中,对各个实施例的描述都各有侧重,某个实施例中没有详述的部分,可以参见其他实施例的相关描述。
可以理解的是,上述方法及装置中的相关特征可以相互参考。另外,上述实施例中的“第一”、“第二”等是用于区分各实施例,而并不代表各实施例的优劣。
所属领域的技术人员可以清楚地了解到,为描述的方便和简洁,上述描述的系统,装置和单元的具体工作过程,可以参考前述方法实施例中的对应过程,在此不再赘述。
在此提供的算法和显示不与任何特定计算机、虚拟系统或者其它设备固有相关。各种通用系统也可以与基于在此的示教一起使用。根据上面的描述,构造这类系统所要求的结构是显而易见的。此外,本发明也不针对任何特定编程语言。应当明白,可以利用各种编程语言实现在此描述的本发明的内容,并且上面对特定语言所做的描述是为了披露本发明的最佳实施方式。
此外,存储器可能包括计算机可读介质中的非永久性存储器,随机存取存储器(RAM)和/或非易失性内存等形式,如只读存储器(ROM)或闪存(flash RAM),存储器包括至少一个存储芯片。
本领域内的技术人员应明白,本申请的实施例可提供为方法、系统、或计算机程序产品。因此,本申请可采用完全硬件实施例、完全软件实施例、或结合软件和硬件方面的实施例的形式。而且,本申请可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。
本申请是参照根据本申请实施例的方法、设备(系统)、和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理设备的处理器以产生一个机器,使得通过计算机或其他可编程数据处理设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。
这些计算机程序指令也可存储在能引导计算机或其他可编程数据处理设备以特定方式工作的计算机可读存储器中,使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品,该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。
这些计算机程序指令也可装载到计算机或其他可编程数据处理设备上,使得在计算机或其他可编程设备上执行一系列操作步骤以产生计算机实现的处理,从而在计算机或其他可编程设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。
在一个典型的配置中,计算设备包括一个或多个处理器(CPU)、输入/输出接口、网络接口和内存。
存储器可能包括计算机可读介质中的非永久性存储器,随机存取存储器(RAM)和/或非易失性内存等形式,如只读存储器(ROM)或闪存(flash RAM)。存储器是计算机可读介质的示例。
计算机可读介质包括永久性和非永久性、可移动和非可移动媒体可以由任何方法或技术来实现信息存储。信息可以是计算机可读指令、数据结构、程序的模块或其他数据。计算机的存储介质的例子包括,但不限于相变内存(PRAM)、静态随机存取存储器(SRAM)、动态随机存取存储器(DRAM)、其他类型的随机存取存储器(RAM)、只读存储器(ROM)、电可擦除可编程只读存储器(EEPROM)、快闪记忆体或其他内存技术、只读光盘只读存储器(CD-ROM)、数字多功能光盘(DVD)或其他光学存储、磁盒式磁带,磁带磁磁盘存储或其他磁性存储设备或任何其他非传输介质,可用于存储可以被计算设备访问的信息。按照本文中的界定,计算机可读介质不包括暂存电脑可读媒体(transitory media),如调制的数据信号和载波。
还需要说明的是,术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含,从而使得包括一系列要素的过程、方法、商品或者设备不仅包括那些要素,而且还包括没有明确列出的其他要素,或者是还包括为这种过程、方法、商品或者设备所固有的要素。在没有更多限制的情况下,由语句“包括一个……”限定的要素,并不排除在包括要素的过程、方法、商品或者设备中还存在另外的相同要素。
本领域技术人员应明白,本申请的实施例可提供为方法、系统或计算机程序产品。因此,本申请可采用完全硬件实施例、完全软件实施例或结合软件和硬件方面的实施例的形式。而且,本申请可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。
以上仅为本申请的实施例而已,并不用于限制本申请。对于本领域技术人员来说,本申请可以有各种更改和变化。凡在本申请的精神和原理之内所作的任何修改、等同替换、改进等,均应包含在本申请的权利要求范围之内。
Claims (6)
1.一种网页内容动态定制方法,其特征在于,包括:
分别为各个预先设定的可定制区域设置占位标识;
分别为各个占位标识设置相应的占位标识值;
获取携带占位标识值的各个组件并根据所述占位标识值,分别将所述各个组件渲染至相应的可定制区域中,实现了网页内容的动态定制。
2.根据权利要求1所述的网页内容动态定制方法,其特征在于,在获取携带占位标识值的各个组件之前,所述方法还包括:
实时检测到所述可定制区域中是否有组件写入,若是,则获取所述可定制区域关联的占位标识;
将所述占位标识值与所述组件关联。
3.根据权利要求1所述的网页内容动态定制方法,其特征在于,根据所述占位标识值,将所述组件渲染至相应的可定制区域中包括:
根据所述占位标识值关联的占位标识,将所述各个组件渲染至所述占位标识所在的位置。
4.根据权利要求1所述的网页内容动态定制方法,其特征在于,所述可定制区域与所述占位标识一一关联。
5.根据权利要求1所述的网页内容动态定制方法,其特征在于,所述占位标识与所述占位标识值一一关联。
6.一种计算机设备,包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序,其特征在于,所述处理器执行所述计算机程序时实现如权利要求1-3所述的步骤。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201911352434.7A CN111090825A (zh) | 2019-12-25 | 2019-12-25 | 一种网页内容动态定制方法 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201911352434.7A CN111090825A (zh) | 2019-12-25 | 2019-12-25 | 一种网页内容动态定制方法 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN111090825A true CN111090825A (zh) | 2020-05-01 |
Family
ID=70397111
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201911352434.7A Pending CN111090825A (zh) | 2019-12-25 | 2019-12-25 | 一种网页内容动态定制方法 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN111090825A (zh) |
Cited By (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN114237799A (zh) * | 2021-12-20 | 2022-03-25 | 湖南快乐阳光互动娱乐传媒有限公司 | 一种页面指定区域灰度化方法及装置 |
Citations (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20140075289A1 (en) * | 2012-09-12 | 2014-03-13 | Flipboard, Inc. | Adaptive Layout of Content in a Digital Magazine |
CN106610929A (zh) * | 2015-10-26 | 2017-05-03 | 北大方正集团有限公司 | 数字出版的结构化内容文件的排版方法和装置 |
CN107818008A (zh) * | 2017-11-21 | 2018-03-20 | 武汉斗鱼网络科技有限公司 | 页面加载方法及装置 |
CN108197095A (zh) * | 2018-01-30 | 2018-06-22 | 南京焦点领动云计算技术有限公司 | 一种基于poi的word模板生成方法 |
CN108279903A (zh) * | 2018-02-24 | 2018-07-13 | 北京车和家信息技术有限公司 | 页面展示的方法及装置 |
CN110263287A (zh) * | 2019-06-24 | 2019-09-20 | 北京字节跳动网络技术有限公司 | 页面渲染方法及设备 |
-
2019
- 2019-12-25 CN CN201911352434.7A patent/CN111090825A/zh active Pending
Patent Citations (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20140075289A1 (en) * | 2012-09-12 | 2014-03-13 | Flipboard, Inc. | Adaptive Layout of Content in a Digital Magazine |
CN106610929A (zh) * | 2015-10-26 | 2017-05-03 | 北大方正集团有限公司 | 数字出版的结构化内容文件的排版方法和装置 |
CN107818008A (zh) * | 2017-11-21 | 2018-03-20 | 武汉斗鱼网络科技有限公司 | 页面加载方法及装置 |
CN108197095A (zh) * | 2018-01-30 | 2018-06-22 | 南京焦点领动云计算技术有限公司 | 一种基于poi的word模板生成方法 |
CN108279903A (zh) * | 2018-02-24 | 2018-07-13 | 北京车和家信息技术有限公司 | 页面展示的方法及装置 |
CN110263287A (zh) * | 2019-06-24 | 2019-09-20 | 北京字节跳动网络技术有限公司 | 页面渲染方法及设备 |
Cited By (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN114237799A (zh) * | 2021-12-20 | 2022-03-25 | 湖南快乐阳光互动娱乐传媒有限公司 | 一种页面指定区域灰度化方法及装置 |
CN114237799B (zh) * | 2021-12-20 | 2024-01-16 | 湖南快乐阳光互动娱乐传媒有限公司 | 一种页面指定区域灰度化方法及装置 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN110058856B (zh) | 页面配置方法及装置 | |
CN111414166B (zh) | 代码的生成方法、装置、设备及存储介质 | |
CN107786630B (zh) | 一种web应用包处理方法、装置及设备 | |
CN110941500A (zh) | 一种界面展示方法及装置 | |
CN111767499A (zh) | 一种页面配置方法及装置 | |
CN108874379B (zh) | 页面的处理方法及装置 | |
CN109857964B (zh) | 一种页面操作的热力图绘制方法、装置、存储介质及处理器 | |
CN106648567B (zh) | 数据获取方法及装置 | |
CN111695060A (zh) | 页面切换方法、装置、设备和存储介质 | |
CN111090825A (zh) | 一种网页内容动态定制方法 | |
CN109977317B (zh) | 数据查询方法及装置 | |
CN112036974A (zh) | 一种服务商品上线方法、装置、设备和存储介质 | |
CN111381745B (zh) | 页面切换方法、装置、设备 | |
CN111177093A (zh) | 一种科技资源的共享方法及设备、介质 | |
CN111209009A (zh) | 内容发布方法及装置、存储介质及电子设备 | |
CN111651160B (zh) | 插件构建、网页设计的方法和装置 | |
CN110969461B (zh) | 公众号信息的处理方法及装置、存储介质、处理器 | |
CN114281463A (zh) | 一种表单界面格式配置及界面展示方法及设备、介质 | |
CN110020284B (zh) | 图表显示方法及装置 | |
CN111475589A (zh) | 图像数据的渲染方法及装置 | |
CN110554867A (zh) | 一种应用程序的处理方法和装置 | |
CN112748917B (zh) | 图表显示方法及装置 | |
CN110968756A (zh) | 网页爬取方法及装置 | |
CN117193755A (zh) | 一种基于动态表单生成的代码复用方法、系统及存储介质 | |
CN106776624B (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 |