CN113672833A - 一种生成网页模板的方法及相关设备 - Google Patents
一种生成网页模板的方法及相关设备 Download PDFInfo
- Publication number
- CN113672833A CN113672833A CN202010406351.8A CN202010406351A CN113672833A CN 113672833 A CN113672833 A CN 113672833A CN 202010406351 A CN202010406351 A CN 202010406351A CN 113672833 A CN113672833 A CN 113672833A
- Authority
- CN
- China
- Prior art keywords
- webpage
- tag
- web page
- file
- template
- 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 75
- 238000013507 mapping Methods 0.000 claims description 97
- 230000000694 effects Effects 0.000 claims description 26
- 230000000007 visual effect Effects 0.000 claims description 24
- 238000004590 computer program Methods 0.000 claims description 18
- 238000000926 separation method Methods 0.000 claims description 5
- 238000011161 development Methods 0.000 abstract description 24
- 238000004891 communication Methods 0.000 description 14
- 238000012360 testing method Methods 0.000 description 9
- 238000010586 diagram Methods 0.000 description 5
- 241001122767 Theaceae Species 0.000 description 2
- 230000009286 beneficial effect Effects 0.000 description 2
- 238000005516 engineering process Methods 0.000 description 2
- 239000008267 milk Substances 0.000 description 2
- 210000004080 milk Anatomy 0.000 description 2
- 235000013336 milk Nutrition 0.000 description 2
- 239000007787 solid Substances 0.000 description 2
- 230000002776 aggregation Effects 0.000 description 1
- 238000004220 aggregation Methods 0.000 description 1
- 238000004364 calculation method Methods 0.000 description 1
- 230000003631 expected effect Effects 0.000 description 1
- 239000000463 material Substances 0.000 description 1
- 230000003287 optical effect Effects 0.000 description 1
- 238000012545 processing Methods 0.000 description 1
- 238000012795 verification Methods 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
- G06F16/986—Document structures and storage, e.g. HTML extensions
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F40/00—Handling natural language data
- G06F40/10—Text processing
- G06F40/166—Editing, e.g. inserting or deleting
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F40/00—Handling natural language data
- G06F40/10—Text processing
- G06F40/166—Editing, e.g. inserting or deleting
- G06F40/186—Templates
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04L—TRANSMISSION OF DIGITAL INFORMATION, e.g. TELEGRAPHIC COMMUNICATION
- H04L67/00—Network arrangements or protocols for supporting network services or applications
- H04L67/01—Protocols
- H04L67/02—Protocols based on web technology, e.g. hypertext transfer protocol [HTTP]
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Audiology, Speech & Language Pathology (AREA)
- Computational Linguistics (AREA)
- General Health & Medical Sciences (AREA)
- Health & Medical Sciences (AREA)
- Artificial Intelligence (AREA)
- Databases & Information Systems (AREA)
- Computer Networks & Wireless Communication (AREA)
- Signal Processing (AREA)
- Data Mining & Analysis (AREA)
- Information Transfer Between Computers (AREA)
Abstract
本申请实施例提供一种生成网页模板的方法及相关设备,该方法包括:分离样本网页的内容,得到纯净的超文本标记语言HTML文件和独立的层叠样式表CSS文件,所述纯净的HTML通过链接的形式引用所述独立的CSS文件;然后将所述纯净的HTML文件中的显示标签替换为编辑标签;之后,根据所述编辑标签生成可编辑的网页模板,采用本申请实施例,能够在节约开发成本的基础上快速的生成网页模板。
Description
技术领域
本申请涉及计算机技术领域,尤其涉及一种生成网页模板的方法及相关设备。
背景技术
随着互联网技术的不断发展,为了快速的生成网页,都会仿照现有的网页进行开发,虽然能达到预期的效果,但是耗费大量的人力物力,开发成本大,并且在网页上线时间紧任务重的情况下,需要投入更多的时间,因此如何节约开发成本生成网页模板,从而快速的生成网页是本领域人员正在解决的技术问题。
发明内容
本申请实施例公开了一种生成网页模板的方法及相关设备,能够在节约开发成本的基础上生成网页模板。
本申请实施例第一方面公开了一种生成网页模板的方法,包括:
分离样本网页的内容,得到纯净的超文本标记语言HTML文件和独立的层叠样式表CSS文件,所述纯净的HTML通过链接的形式引用所述独立的CSS文件;
将所述纯净的HTML文件中的显示标签替换为编辑标签;
根据所述编辑标签生成可编辑的网页模板。
在上述方法中,通过分离样本网页的内容得到独立的CSS文件和纯净的HTML文件,方便操作管理,提升了开发的效率,节约了开发成本,通过将显示标签替换为编辑标签,根据编辑标签生成可编辑的网页模板,用户可以对该编辑标签进行单独的编辑以及拖拽,自定义个性化的模板,大大提升了用户体验,通过上述生成网页模板的方法,能够快速的获取各种样本网页的网页模板,在开发成本较低的情况下,用户可以快速的将自己喜欢的或者感兴趣的网页转换为可编辑的网页模板,从而生成目标网页。
在一种可选的方案中,所述根据所述编辑标签生成可编辑的网页模板,包括:
根据所述编辑标签生成多个网页可视板块;
根据所述多个网页可视板块生成可编辑的网页模板。
在又一种可选的方案中,所述将所述纯净的HTML文件中的显示标签替换为编辑标签之前,所述方法还包括:
去除所述纯净的HTML文件中的文字信息和/或错误显示的图片。
在上述方法中,通过去除文字信息和/或错误显示的图片,避免显示无关的信息,能够提升网页模板的质量。
在又一种可选的方案中,所述分离样本网页的内容,得到纯净的超文本标记语言HTML文件和独立的CSS文件之后,所述方法还包括:
去除所述独立的CSS文件中的隐藏样式。
在上述方法中,通过去除隐藏样式,避免网页模板结构的错乱,提升网页模板的质量。
在又一种可选的方案中,所述根据所述编辑标签生成可编辑的网页模板之后,所述方法还包括:
接收在所述网页模板中的所述编辑标签中输入的内容;
根据在所述网页模板中的所述编辑标签中输入的内容生成目标网页,其中,所述网页模板中的所述编辑标签变换为了所述目标网页中的显示标签。
在上述方法中,在生成网页模板之后,用户可以在该网页模板中输入内容从而生成目标网页,可以实现用户对网页信息的编辑和保存,极大的提升了用户体验。
在又一种可选的方案中,所述将所述纯净的HTML文件中的显示标签替换为编辑标签之后,所述根据在所述网页模板中的所述编辑标签中输入的内容生成目标网页之前,所述方法还包括:
保存所述显示标签和所述编辑标签的第一映射关系;其中,所述第一映射关系用于在将所述网页模板转换为目标网页时确定需要转换为显示标签的编辑标签。
在上述方法中,通过保存显示标签和编辑标签的第一映射关系,方便其他设备配置该第一映射关系,并且可以实时动态的变更该第一映射关系。
在又一种可选的方案中,所述分离样本网页的内容,得到纯净的超文本标记语言HTML文件和独立的层叠样式表CSS文件之后,所述方法还包括:
接收其他设备发送的第一指示信息,所述第一指示信息用于指示所述显示标签和所述编辑标签的第二映射关系,所述第二映射关系用于在将所述网页模板转换为目标网页时确定需要转换为显示标签的编辑标签,和/或,用于在根据所述样本网页生成所述网页模板时确定需要转换为编辑标签的显示标签。
在上述方法中,第一电子设备可以通过接收其他设备的第一指示信息,根据该第一指示信息将显示标签转换为编辑标签,通过其他设备保存显示标签和所述编辑标签的第二映射关系,方便其他设备配置该第二映射关系,并且可以实时动态的变更该第二映射关系。
在又一种可选的方案中,所述接收其他设备发送的第一指示信息之前,所述方法还包括:
向其他设备发送请求消息,所述请求消息用于请求发送所述第一指示信息。
在又一种可选的方案中,所述接收其他设备发送的第一指示信息之后,所述方法还包括:
接收其他设备的第二指示信息,所述第二指示信息用于指示将所述第二映射关系中的中的一个或多个显示标签更换为编辑标签。
在上述方法中,当其他设备需要将所述第二映射关系中的中的一个或多个显示标签更换为编辑标签时,其他设备向第一电子设备发送第二指示信息,通过这样的方式方便其他设备实时变更该第二映射关系。
在又一种可选的方案中,所述分离样本网页的内容,得到纯净的超文本标记语言HTML文件和独立的层叠样式表CSS文件之前,所述方法还包括:
确定所述样本网页的网页视图;
通过调用所述网页视图中的接口将所述样本网页的内容存储到预设文件路径中;
从所述预设路径获取所述样本网页的内容。
在上述方法中,能够快速的将样本网页的内容存到预设文件路径中,方便后续使用。
在又一种可选的方案中,所述确定所述样本网页的网页视图包括:
确定所述样本网页的活动Activity;
根据所述Activity确定根视图;
遍历所述根视图中的视图控件以确定所述网页视图。
在上述方法中,无需在主动访问样本网页的URL后才能获取样本网页的信息,而是直接从底层的Activity的View视图遍历获取到样本网页的信息,不但减少访问次数,而且用途更加广泛。
在又一种可选的方案中,所述分离样本网页的内容,得到纯净的超文本标记语言HTML文件和独立的层叠样式表CSS文件,包括:
分离样本网页的内容,得到纯净的超文本标记语言HTML文件、独立的层叠样式表CSS文件、独立的脚本语言JavaScript,其中,所述纯净的HTML通过链接的形式引用所述JavaScript。
本申请实施例第二方面公开了一种生成网页模板的装置,包括:
分离单元,用于分离样本网页的内容,得到纯净的超文本标记语言HTML文件和独立的层叠样式表CSS文件,所述纯净的HTML通过链接的形式引用所述独立的CSS文件;
替换单元,用于将所述纯净的HTML文件中的显示标签替换为编辑标签;
第一生成单元,用于根据所述编辑标签生成可编辑的网页模板。
在上述装置中,通过分离样本网页的内容得到独立的CSS文件和纯净的HTML文件,方便操作管理,提升了开发的效率,节约了开发成本,通过将显示标签替换为编辑标签,根据编辑标签生成可编辑的网页模板,用户可以对该编辑标签进行单独的编辑以及拖拽,自定义个性化的模板,大大提升了用户体验,通过上述生成网页模板的方法,能够快速的获取各种样本网页的网页模板,在开发成本较低的情况下,用户可以快速的将自己喜欢的或者感兴趣的网页转换为可编辑的网页模板,从而生成目标网页。
在一种可选的方案中,所述第一生成单元,还用于根据所述编辑标签生成多个网页可视板块;所述第一生成单元,还用于根据所述多个网页可视板块生成可编辑的网页模板。
在又一种可选的方案中,所述装置还包括:第一去除单元,用于在将所述纯净的HTML文件中的显示标签替换为编辑标签之前,去除所述纯净的HTML文件中的文字信息和/或错误显示的图片。
在上述装置中,通过去除文字信息和/或错误显示的图片,避免显示无关的信息,能够提升网页模板的质量。
在又一种可选的方案中,所述装置还包括:第二去除单元,用于在分离样本网页的内容,得到纯净的超文本标记语言HTML文件和独立的CSS文件之后,去除所述独立的CSS文件中的隐藏样式。
在上述装置中,通过去除隐藏样式,避免网页模板结构的错乱,提升网页模板的质量。
在又一种可选的方案中,所述装置还包括:接收单元,用于在根据所述编辑标签生成可编辑的网页模板之后,接收在所述网页模板中的所述编辑标签中输入的内容;
第二生成单元,用于根据在所述网页模板中的所述编辑标签中输入的内容生成目标网页,其中,所述网页模板中的所述编辑标签变换为了所述目标网页中的显示标签。
在上述装置中,在生成网页模板之后,用户可以在该网页模板中输入内容从而生成目标网页,可以实现用户对网页信息的编辑和保存,极大的提升了用户体验。
在又一种可选的方案中,所述装置还包括:保存单元,用于在将所述纯净的HTML文件中的显示标签替换为编辑标签之后,所述根据在所述网页模板中的所述编辑标签中输入的内容生成目标网页之前,保存所述显示标签和所述编辑标签的第一映射关系;其中,所述第一映射关系用于在将所述网页模板转换为目标网页时确定需要转换为显示标签的编辑标签。
在上述装置中,通过保存显示标签和编辑标签的第一映射关系,方便其他设备配置该第一映射关系,并且可以实时动态的变更该第一映射关系。
在又一种可选的方案中,所述装置还包括:接收单元,用于在分离样本网页的内容,得到纯净的超文本标记语言HTML文件和独立的层叠样式表CSS文件之后,通过所述通信单元接收其他设备发送的第一指示信息,所述第一指示信息用于指示所述显示标签和所述编辑标签的第二映射关系,所述第二映射关系用于在将所述网页模板转换为目标网页时确定需要转换为显示标签的编辑标签,和/或,用于在根据所述样本网页生成所述网页模板时确定需要转换为编辑标签的显示标签。
在上述装置中,第一电子设备可以通过接收其他设备的第一指示信息,根据该第一指示信息将显示标签转换为编辑标签,通过其他设备保存显示标签和所述编辑标签的第二映射关系,方便其他设备配置该第二映射关系,并且可以实时动态的变更该第二映射关系。
在又一种可选的方案中,所述装置还包括:发送单元,还用于在接收其他设备发送的第一指示信息之前,向其他设备发送请求消息,所述请求消息用于请求发送所述第一指示信息。
在又一种可选的方案中,所述接收单元,还用于在接收其他设备发送的第一指示信息之后,接收其他设备的第二指示信息,所述第二指示信息用于指示将所述第二映射关系中的中的一个或多个显示标签更换为编辑标签。
在上述装置中,当其他设备需要将所述第二映射关系中的中的一个或多个显示标签更换为编辑标签时,其他设备向第一电子设备发送第二指示信息,通过这样的方式方便其他设备实时变更该第二映射关系。
在又一种可选的方案中,所述装置还包括:确定单元,用于在分离样本网页的内容,得到纯净的超文本标记语言HTML文件和独立的层叠样式表CSS文件之前,确定所述样本网页的网页视图;存储单元,还用于通过调用所述网页视图中的接口将所述样本网页的内容存储到预设文件路径中;获取单元,用于从所述预设路径获取所述样本网页的内容。
在上述装置中,能够快速的将样本网页的内容存到预设文件路径中,方便后续使用。
在又一种可选的方案中,所述确定单元,还用于确定所述样本网页的活动Activity;所述确定单元,还用于根据所述Activity确定根视图;所述确定单元,还用于遍历所述根视图中的视图控件以确定所述网页视图。
在上述装置中,无需在主动访问样本网页的URL后才能获取样本网页的信息,而是直接从底层的Activity的View视图遍历获取到样本网页的信息,不但减少访问次数,而且用途更加广泛。
在又一种可选的方案中,所述分离单元,还用于分离样本网页的内容,得到纯净的超文本标记语言HTML文件、独立的层叠样式表CSS文件、独立的脚本语言JavaScript,其中,所述纯净的HTML通过链接的形式引用所述JavaScript。
本申请实施例第三方面公开了一种生成网页模板的装置,所述装置包括处理器、存储器和通信接口,所述存储器用于存储计算机程序,所述处理器调用所述计算机程序,用于执行以下操作:
分离样本网页的内容,得到纯净的超文本标记语言HTML文件和独立的层叠样式表CSS文件,所述纯净的HTML通过链接的形式引用所述独立的CSS文件;
将所述纯净的HTML文件中的显示标签替换为编辑标签;
根据所述编辑标签生成可编辑的网页模板。
在上述装置中,通过分离样本网页的内容得到独立的CSS文件和纯净的HTML文件,方便操作管理,提升了开发的效率,节约了开发成本,通过将显示标签替换为编辑标签,根据编辑标签生成可编辑的网页模板,用户可以对该编辑标签进行单独的编辑以及拖拽,自定义个性化的模板,大大提升了用户体验,通过上述生成网页模板的方法,能够快速的获取各种样本网页的网页模板,在开发成本较低的情况下,用户可以快速的将自己喜欢的或者感兴趣的网页转换为可编辑的网页模板,从而生成目标网页。
在一种可选的方案中,所述处理器,还用于根据所述编辑标签生成多个网页可视板块;根据所述多个网页可视板块生成可编辑的网页模板。
在又一种可选的方案中,所述处理器,还用于在将所述纯净的HTML文件中的显示标签替换为编辑标签之前,去除所述纯净的HTML文件中的文字信息和/或错误显示的图片。
在上述装置中,通过去除文字信息和/或错误显示的图片,避免显示无关的信息,能够提升网页模板的质量。
在又一种可选的方案中,所述处理器,还用于在分离样本网页的内容,得到纯净的超文本标记语言HTML文件和独立的CSS文件之后,去除所述独立的CSS文件中的隐藏样式。
在上述装置中,通过去除隐藏样式,避免网页模板结构的错乱,提升网页模板的质量。
在又一种可选的方案中,所述处理器,还用于在根据所述编辑标签生成可编辑的网页模板之后,通过所述通信接口接收在所述网页模板中的所述编辑标签中输入的内容;根据在所述网页模板中的所述编辑标签中输入的内容生成目标网页,其中,所述网页模板中的所述编辑标签变换为了所述目标网页中的显示标签。
在上述装置中,在生成网页模板之后,用户可以在该网页模板中输入内容从而生成目标网页,可以实现用户对网页信息的编辑和保存,极大的提升了用户体验。
在又一种可选的方案中,所述处理器,还用于在将所述纯净的HTML文件中的显示标签替换为编辑标签之后,根据在所述网页模板中的所述编辑标签中输入的内容生成目标网页之前,保存所述显示标签和所述编辑标签的第一映射关系;其中,所述第一映射关系用于在将所述网页模板转换为目标网页时确定需要转换为显示标签的编辑标签。
在上述装置中,通过保存显示标签和编辑标签的第一映射关系,方便其他设备配置该第一映射关系,并且可以实时动态的变更该第一映射关系。
在又一种可选的方案中,所述处理器,还用于在分离样本网页的内容,得到纯净的超文本标记语言HTML文件和独立的层叠样式表CSS文件之后,通过所述通信接口接收其他设备发送的第一指示信息,所述第一指示信息用于指示所述显示标签和所述编辑标签的第二映射关系,所述第二映射关系用于在将所述网页模板转换为目标网页时确定需要转换为显示标签的编辑标签,和/或,用于在根据所述样本网页生成所述网页模板时确定需要转换为编辑标签的显示标签。
在上述装置中,第一电子设备可以通过接收其他设备的第一指示信息,根据该第一指示信息将显示标签转换为编辑标签,通过其他设备保存显示标签和所述编辑标签的第二映射关系,方便其他设备配置该第二映射关系,并且可以实时动态的变更该第二映射关系。
在又一种可选的方案中,所述处理器,还用于通过所述通信接口在接收其他设备发送的第一指示信息之前,向其他设备发送请求消息,所述请求消息用于请求发送所述第一指示信息。
在又一种可选的方案中,所述处理器,还用于通过所述通信接口接收其他设备发送的第一指示信息之后,接收其他设备的第二指示信息,所述第二指示信息用于指示将所述第二映射关系中的中的一个或多个显示标签更换为编辑标签。
在上述装置中,当其他设备需要将所述第二映射关系中的中的一个或多个显示标签更换为编辑标签时,其他设备向第一电子设备发送第二指示信息,通过这样的方式方便其他设备实时变更该第二映射关系。
在又一种可选的方案中,所述处理器,还用于在分离样本网页的内容,得到纯净的超文本标记语言HTML文件和独立的层叠样式表CSS文件之前,确定所述样本网页的网页视图;通过调用所述网页视图中的接口将所述样本网页的内容存储到预设文件路径中;从所述预设路径获取所述样本网页的内容。
在上述装置中,能够快速的将样本网页的内容存到预设文件路径中,方便后续使用。
在又一种可选的方案中,所述处理器,还用于确定所述样本网页的活动Activity;根据所述Activity确定根视图;遍历所述根视图中的视图控件以确定所述网页视图。
在上述装置中,无需在主动访问样本网页的URL后才能获取样本网页的信息,而是直接从底层的Activity的View视图遍历获取到样本网页的信息,不但减少访问次数,而且用途更加广泛。
在又一种可选的方案中,所述处理器,还用于分离样本网页的内容,得到纯净的超文本标记语言HTML文件、独立的层叠样式表CSS文件、独立的脚本语言JavaScript,其中,所述纯净的HTML通过链接的形式引用所述JavaScript。
本申请实施例第四方面公开了一种芯片,所述芯片包括至少一个处理器和接口电路,可选的,所述芯片还包括存储器,所述存储器、所述接口电路和所述至少一个处理器通过线路互联,所述至少一个存储器中存储有计算机程序;所述计算机程序被所述处理器执行时实现任意一方面或者任意一方面的可选的方案所描述的方法。
本申请实施例第五方面公开了一种计算机可读存储介质,所述计算机存储介质存储有计算机程序,所述计算机程序当被处理器执行时实现任意一方面或者任意一方面的可选的方案所描述的方法。
本申请实施例第六方面公开了一种计算机产品,当所述计算机程序产品在处理器上运行时,实现任意一方面或者任意一方面的可选的方案所描述的方法。
附图说明
以下对本申请实施例用到的附图进行介绍。
图1是本申请实施例提供的一种生成网页模板的***的结构示意图;
图2是本申请实施例提供的一种生成网页模板的流程示意图;
图3是本申请实施例提供的一种样本网页的显示页面;
图4是本申请实施例提供的一种确定WebView实例的流程示意图;
图5是本申请实施例提供的一种可编辑的网页模板;
图6是本申请实施例提供的一种生成网页模板的装置的结构示意图;
图7是本申请实施例提供的一种生成网页模板的装置的结构示意图。
具体实施方式
下面结合本申请实施例中的附图对本申请实施例进行描述。
请参见图1,图1是本申请实施例提供的一种生成网页模板的***的结构示意图,该生成网页模板的***包括第一电子设备101和第二电子设备102,第一电子设备101可以为平板电脑、笔记本电脑和掌上电脑等,该第一电子设备101也可以为单个服务器或者也可以为由多台服务器构成的一个服务器集群,也可以为其他具有计算能力的硬件设备。该第二电子设备102可以为单个服务器或者也可以为由多台服务器构成的一个服务器集群,也可以为其他具有计算能力的硬件设备。第一电子设备101中可以包括一种自编程平台,通过该自编程平台接收样本网页的统一资源定位符(uniform resource locator,URL)将样本网页转换为可编辑的网页模板,从而快速的生成目标网页。该第二电子设备102可以用于配置或更改第一电子设备将样本网页转换为可编辑的网页模板过程中的规则。该第二电子设备102可以是指下文描述的其他设备。
一种网页模板生成方法为:对样本网页进行相似网页的聚合计算,得到相似网页构成的集合;针对每个集合,解析集合中所有网页的页面结构,得到每个网页的DOM树结构;通过对集合中所有网页的DOM树结构进行分析,对应每个集合分别生成一个DOM树模板,并将该DOM树模板作为集合的网页结构模板。但是这种生成网页模板的方法涉及的计算量大,比较复杂,并且实际操作起来不容易。
又一种网页模板生成方法为:根据网页的统一资源定位符(uniform resourcelocator,URL),下载页面的源代码;然后,根据页面的源代码对页面结构进行自动分析,计算出页面中各结构的哈希值;然后,根据页面的源代码人工判断页面中哪些结构对应标题,哪些结构对应正文,哪些结构对应发表时间等,并进行标记;之后,生成结构的哈希值与结构的内容类型的对应关系,得到网页模板。但是这种生成网页模板的方法首先需要手动获取网页的URL,部分场景无法获取,并且部分URL带有安全验证。而且,人工标记页面结构的内容类型是通过文本编辑进行的,网页模板里面有大量的不相关的内容,有的网页模板甚至有好几万行,导致人工标记的效率非常低。因此,如何节约开发成本生成网页模板,从而快速的生成网页是本领域人员正在解决的技术问题。
请参见图2,图2是本申请实施例提供的一种生成网页模板的方法,该方法包括但不限于如下步骤:
步骤S201:第一电子设备获取样本网页的统一资源定位符URL。
具体地,该样本网页可以为用户喜欢的、感兴趣的网页等等。该统一资源定位符是环球信息网(world wide web,www)的统一资源定位标志,即网络地址。第一电子设备获取样本网页的URL的方式可以有多种,如用户拷贝样本网页的URL到第一电子设备,或者用户通过输入法输入样本网页的URL。
例如,样本网页的显示页面如图3所示,样本网页的URL为Http://www.qiwei.com,用户将该样本网页的URL拷贝到第一电子设备,则第一电子设备接收该样本网页的URL。
步骤S202:第一电子设备获取样本网页的内容。
具体地,该样本网页的内容包括超文本标记语言(hyper text markup language,HTML),除此之外还包括层叠样式表(cascading style sheets,CSS),和/或脚本语言JavaScript,也即是说,用于描述网页元素的层叠样式的语言直接体现在了HTML中,用于描述网页元素的脚本语言直接体现在了HTML中(若存在javascript语言),该样本网页的内容可以为样本网页的离线缓存文件。
在一种可选的方案中,第一电子设备获取样本网页的内容,可以具体为:第一电子设备确定所述样本网页的网页视图;然后通过调用所述网页视图中的接口将所述样本网页的内容存储到预设文件路径中,之后第一电子设备从所述预设路径获取所述样本网页的内容。
具体地,网页视图WebView用于加载、展示样本网页,样本网页的显示出来的信息都可以通过WebView获取到。网页视图的接口可以为saveWebArchive接口,也可以为其他的存储样本网页的离线缓存文件的接口,本申请实施例不做限定。该预设文件路径可以为第一电子设备自定义的,或者用户提前选择的,或者其他设备配置的。
例如,假若预设文件路径为E:\,那么第一电子设备在获取网页视图WebView的实例之后,通过调用WebView的saveWebArchive接口(安卓提供的存储离线缓存文件的接口)来进行样本网页的内容的存储,把当前显示的样本网页的内容存入到预设文件路径为E:\,第一电子设备可以在预设文件路径下获取样本网页的内容。
在一种可选的方案中,第一电子设备确定所述样本网页的网页视图包括:确定所述样本网页的活动Activity;根据所述Activity确定根视图;遍历所述根视图中的视图控件以确定所述网页视图。
具体地,Activity是Android组件中四大组件之一,该Activity包括默认的显示窗口,该显示窗口具有一层一层的视图,该一层一层的视图包括用于设置窗口大小的根视图。一个Activity通常是一个单独的屏幕,它上面显示一些控件,可以通过View来显示指定控件。一个Activity构造的时候会初始化一个Window,这个Window有一个根视图DecoView。根视图是指样本网页显示的根布局,最外层的View。视图控件包括标题视图TitleView、文本视图textView、内容视图ContentView、按钮Button、图片视图ImageView、ListView以及网页视图WebView等等。
例如,如图4所示,图4表示确定WebView的流程示意图,步骤1:第一电子设备获取样本网页的Activity,步骤2:根据该Activity获取上下文中Window对象的DecoView实例,步骤3:遍历DecView实例中的视图控件获得网页视图WebView的实例。
在一种可选的方案中,第一电子设备确定所述样本网页的网页视图包括:获取样本网页的URL,然后新建网页视图WebView的实例来访问样本网页的URL。
步骤S203:第一电子设备分离样本网页的内容,得到纯净的HTML文件和独立的层叠样式表CSS文件。
具体地,该样本网页的内容包括超文本标记语言HTML,除此之外还包括层叠样式表CSS,也即是说,用于描述网页元素的层叠样式的语言直接体现在了HTML中,,然后分离样本网页中的HTML和CSS文件,得到纯净的HTML文件和独立的CSS文件。该纯净的HTML可以通过链接的形式引用独立的CSS文件,以链接的形式可以是指访问路径,即在纯净的HTML文件中可以以访问路径的形式引用该独立的CSS文件。
例如,第一电子设备获取的样本网页的内容为
<!DOCTYPE html>
<head>
<meta name="viewport"content="width=device-width,initial-scale=1.0user-scalable=no"/>
<style>
.divbox{
width:400px;
height:260px;
border:1px solid#02DF82;
background-color:#EEEEEE;
position:fixed;
top:50%;
left:50%;
margin-top:-130px;
margin-left:-200px;
}
</style>
</head>
<div class="divbox">
<div class="divtop"></div>
<div class="divmid"></div>
<div class="divlogin">
e799bee5baa6e78988e69d8331333335326133<table class="tablelogin">
<tr>
<td class="tdleft">用户名:</td>
<td class="tdright"><input type="text"/><td>
</tr>
<tr>
<td class="tdleft">密码:</td>
<td class="tdright"><input type="text"/><td>
</tr>
<tr>
<td colspan="2"class="tdcmd">
<input type="button"value="登录"/>
<input type="button"value="取消"class="btncl"/>
</td>
</tr>
</table>
</div>
</div>
那么第一电子设备创建一个名称为test.css的文件,然后把<stysle></style>框架里面的内容,放入test.css文件中,从而得到独立的CSS文件为
<style>
.divbox{
width:400px;
height:260px;
border:1px solid#02DF82;
background-color:#EEEEEE;
position:fixed;
top:50%;
left:50%;
margin-top:-130px;
margin-left:-200px;
}
</style>
第一电子设备然后第一电子设备新建一个纯净的test.html文件,将除<stysle></style>框架里面的内容之外的文件拷贝到该test.html文件中,则该纯净的HTML文件为
<!DOCTYPE html>
<head>
<meta name="viewport"content="width=device-width,initial-scale=1.0user-scalable=no"/>
</head>
<div class="divbox">
<div class="divtop"></div>
<div class="divmid"></div>
<div class="divlogin">
e799bee5baa6e78988e69d8331333335326133<table class="tablelogin">
<tr>
<td class="tdleft">用户名:</td>
<td class="tdright"><input type="text"/><td>
</tr>
<tr>
<td class="tdleft">密码:</td>
<td class="tdright"><input type="text"/><td>
</tr>
<tr>
<td colspan="2"class="tdcmd">
<input type="button"value="登录"/>
<input type="button"value="取消"class="btncl"/>
</td>
</tr>
</table>
</div>
</div>
然后该纯净的HTML可以通过链接的形式引用独立的CSS文件是指在HTML文件中可以通过<link type="text/css"rel="stylesheet"href="test.css">引用独立的CSS文件。
在一种可选的方案中,所述分离样本网页的内容,得到纯净的超文本标记语言HTML文件和独立的层叠样式表CSS文件,包括:
分离样本网页的内容,得到纯净的超文本标记语言HTML文件、独立的层叠样式表CSS文件、独立的脚本语言JavaScript,其中,所述纯净的HTML通过链接的形式引用所述JavaScript。
具体地,样本网页的内容包括超文本标记语言(hyper text markup language,HTML),除此之外还包括层叠样式表(cascading style sheets,CSS),和脚本语言JavaScript,也即是说,用于描述网页元素的层叠样式的语言直接体现在了HTML中,用于描述网页元素的脚本语言直接体现在了HTML中。
例如,第一电子设备新建一个纯净的test1.html文件,将除<stysle></style>框架里面的内容以及<script></script>框架里面的内容之外的文件拷贝到该test1.html文件中,从而得到该纯净的HTML文件。第一电子设备新建一个独立的名称为test.js的文件,然后把<script></script>框架里面的内容放入到test.js的文件中,从而得到独立的JavaScript文件。该纯净的HTML可以通过链接的形式引用JavaScript文件是指在HTML文件中可以通过<link type="text/css"rel="stylesheet"href="test.js">引用JavaScript文件。
步骤S204:第一电子设备去除该纯净的HTML文件中的文字信息和/或错误显示的图片。
具体地,该错误显示的图片是指通过纯净的HTML显示的网页中不能显示出来的图片。该文字信息为通过纯净的HTML显示的网页中的文字。
可选的,去除文字信息和/错误显示的图片的相关规则可以由其他设备进行配置或者更改。
例如,该纯净的HTML文件中包括:<imgsrc=“E:\image\logo.png”width=“500”height=“500”/>,通过纯净的HTML显示的网页中不能显示出来的该名称为logo的图片,则第一电子设备去除<imgsrc=“E:\image\logo.png”width=“500”height=“500”/>中错误显示的图片变成<img>;该纯净的HTML文件中包括<h1>气味奶茶</h1>,则第一电子设备去除<h1>气味奶茶</h1>中的文字信息变成<h1></h1>。
步骤S205:第一电子设备去除该独立的CSS文件中的隐藏样式。
具体地,隐藏样式可以包括对文本的隐藏、隐藏超链接、对统计代码的隐藏、隐藏超出的图片、隐藏滚动条以及隐藏div层等等。可选的,去除隐藏样式的相关规则可以由其他设备进行配置或者更改。
例如,独立的CSS文件中包括display:none用于完全隐藏文本及图片,如<divstyle=“display:none;”>你看不到我的</div>,还可以包括overflow:hidden隐藏溢出div内容或图片,如<div style="overflow:hidden;width:30px;height:20px;">你是看不见我的</div>,还可以包括overflow-y:hidden;和overflow-x:hidden隐藏或显示对应横或竖方向的滚动条,则第一电子设备删除上述的隐藏样式,如display:none,overflow:hidden,以及overflow-y:hidden;和overflow-x:hidden等等。
步骤S206:第一电子设备将该纯净的HTML文件中的显示标签替换为编辑标签。
具体地,显示标签可以为显示文字的标签,显示图片的标签等等,编辑标签可以为上传图片的标签,上传文件的标签等等,可选的,在第一电子设备将该显示标签替换为编辑标签之后,对该编辑标签初始化。
例如,该纯净的HTML中的显示标签有<h1></h1>,则第一电子设备将该显示标签<h1></h1>替换为编辑标签<input type="text">,可选的,对该编辑标签初始化为<inputtype="text"value="请输入店铺名称">。或者该纯净的HTML中的显示标签有<img>,则第一电子设备将该显示标签<img>替换为编辑标签<input type="file">。
在一种可选的方案中,第一电子设备将该纯净的HTML文件中的显示标签替换为编辑标签之后,根据在所述网页模板中的所述编辑标签中输入的内容生成目标网页之前,保存显示标签和编辑标签的第一映射关系。
具体地,该第一映射关系用于在将网页模板转换为目标网页时确定需要转换为显示标签的编辑标签。该显示标签和编辑标签的第一映射关系可以为替换映射表。
例如,如表格1所示,表格1表示显示标签和编辑标签的第一映射关系,表格1中的第一行表示将显示标签<h1></h1>替换为编辑标签<input type="text">,并保存;第二行表示将显示标签<img>替换为编辑标签<input type="file">并保存;第三行表示将显示标签<h2></h2>替换为编辑标签<input type="text">并保存。
表格1
序号 | 显示标签 | 编辑标签 |
1 | <h1></h1> | <input type="text"> |
2 | <img> | <input type="file"> |
3 | <h2></h2> | <input type="text"> |
在一种可选的方案中,第一电子设备在分离样本网页的内容,得到纯净的超文本标记语言HTML文件和独立的层叠样式表CSS文件之后,接收其他设备发送的第一指示信息。
具体地,第一指示信息用于指示显示标签和编辑标签的第二映射关系,第二映射关系用于在将网页模板转换为目标网页时确定需要转换为显示标签的编辑标签,和/或,用于在根据样本网页生成网页模板时确定需要转换为编辑标签的显示标签。
具体地,当第一电子设备需要将显示标签转换为编辑标签,但是第一电子设备不知道显示标签和该编辑标签的第二映射关系,且显示标签和该编辑标签的第二映射关系保存在其他设备处,其他设备可以定时(或者按照其他策略)向第一电子设备发送第一指示信息,该第一指示信息用于指示显示标签和编辑标签的第二映射关系,相应的,第一电子设备根据该第一指示信息将第二映射关系中的显示标签转换为编辑标签。
例如,显示标签和编辑标签的第二映射关系如表格1所示,其他设备可以选择每隔1分钟向第一电子设备发送第一指示信息,该第一指示信息如表格1所示。相应的,第一电子设备接收该第一指示信息,并根据该第一指示信息将显示标签转换为编辑标签。
在一种可选的方案中,第一电子设备接收其他设备发送的第一指示信息之前,第一电子设备向其他设备发送请求消息,所述请求消息用于请求发送所述第一指示信息。例如,该第一电子设备在需要将显示标签转换为编辑标签,但是第一电子设备不知道显示标签和该编辑标签的第二映射关系,且该显示标签和该编辑标签的第二映射关系保存在其他设备处情况下,可以向其他设备发送请求消息。
在一种可选的方案中,第一电子设备接收其他设备发送的第一指示信息之后,还可以接收其他设备的第二指示信息。
具体地,所述第二指示信息用于指示将所述第二映射关系中的中的一个或多个显示标签更换为编辑标签。
具体地,其他设备变更了具体某一项显示标签和编辑标签的第二映射关系之后,向第一电子设备发送第二指示消息,指示具体更改了哪一个显示标签和哪一个编辑标签间的映射关系,相应的,第一电子设备同步更改该显示标签和编辑标签的映射关系。
例如,显示标签和编辑标签的第二映射关系如表格1所述,当其他设备确定将序号为1的显示标签<h1></h1>和编辑标签<input type="text">,变更为显示标签<h1></h1>和编辑标签<input type="file">时,其他设备向第一电子设备发送第二指示信息,用于指示将显示标签<h1></h1>对应的编辑标签<input type="text">变更为<input type="file">。
步骤S207:第一电子设备根据该编辑标签生成可编辑的网页模板。
具体地,该网页模板用于生成目标网页。网络模板是已经做好的网页框架,用户可以在网页框架中输入需要的内容,从而生成自己喜欢的网页。
在一种可选的方案中,第一电子设备根据所述编辑标签生成多个网页可视板块;根据所述多个网页可视板块生成可编辑的网页模板。
具体地,根据所述编辑标签生成多个网页可视板块可以是指一个或多个编辑标签组合成一个网页可视板块,该网页可视板块也可以称为组件,组件支持用户的编辑和拖拽,相应的,组件内部的编辑标签也支持用户的编辑和拖拽。根据多个网页可视板块生成可编辑的网页模板可以是指通过多个网页可视板块组合成一个可编辑的网页模板。
例如,如图5所示,图5表示可编辑的网页模板,第一电子设备将编辑标签:<inputtype="text">,<input type="text">,<input type="text">,<input type="text">,<input type="file">组合为一个网页可视板块,如图5中,左边为文字信息,右边为图片的形式的整体就可以为一个网页可视板块,命名为组件1,第一电子设备将编辑标签<inputtype="text">,<input type="file">组合成一个网页可视板块,如图5中,上面部分为文字信息,下面部分为图片的形式可以为一个网页可视板块,命名为组件2。进一步的,一个网页中可以包括多个可视板块,例如,如图5所示,该可编辑的网页模板包括组件1和组件2。
步骤S208:第一电子设备接收在网页模板中的编辑标签中输入的内容;根据在网页模板中的编辑标签中输入的内容生成目标网页。
具体地,网页模板中的编辑标签变换为了目标网页中的显示标签。第一电子设备接收在网页模板中的编辑标签中输入内容之后,保存该输入的内容,然后根据上述显示标签和编辑标签的第一映射关系或第二映射关系将该编辑标签还原为显示标签,从而生成了目标网页,然后可以保存发布该目标网页。
例如,如图5所示,图5表示可编辑的网页模板,用户可以在该可编辑的网页模板中输入店铺的名称,店铺介绍,地址,联系电话,并上传图片,然后第一电子设备保存用户输入的内容,根据上述第一映射关系或第二映射关系,将编辑标签转换为显示标签,如将<inputtype="file">变更为<img/>,或者将<input type="text">变更为<h1></h1>,最终生成目标网页。
在图2所描述的方法中,通过分离样本网页的内容得到独立的CSS文件和纯净的HTML文件,方便操作与管理,提升了开发的效率,节约了开发成本,通过将显示标签替换为编辑标签,根据编辑标签生成可编辑的网页模板,用户可以对该编辑标签进行单独的编辑以及拖拽,自定义个性化的模板,大大提升了用户体验,通过上述生成网页模板的方法,能够快速的获取各种样本网页的网页模板,在开发成本较低的情况下,用户可以快速的将自己喜欢的网页或者感兴趣的网页转换为可编辑的网页模板,从而生成目标网页。
上述详细阐述了本申请实施例的方法,下面提供了本申请实施例的装置。
请参见图6,图6是本申请实施例提供的一种生成网页模板的装置600的结构示意图,该生成网页模板的装置600可以为上述第一电子设备,或者第一电子设备中的器件;该生成网页模板的装置可以包括分离单元601,替换单元602和第一生成单元603,其中,各个单元的详细描述如下。
分离单元601,用于分离样本网页的内容,得到纯净的超文本标记语言HTML文件和独立的层叠样式表CSS文件,所述纯净的HTML通过链接的形式引用所述独立的CSS文件;
替换单元602,用于将所述纯净的HTML文件中的显示标签替换为编辑标签;
第一生成单元603,用于根据所述编辑标签生成可编辑的网页模板。
在上述装置中,通过分离样本网页的内容得到独立的CSS文件和纯净的HTML文件,方便操作管理,提升了开发的效率,节约了开发成本,通过将显示标签替换为编辑标签,根据编辑标签生成可编辑的网页模板,用户可以对该编辑标签进行单独的编辑以及拖拽,自定义个性化的模板,大大提升了用户体验,通过上述生成网页模板的方法,能够快速的获取各种样本网页的网页模板,在开发成本较低的情况下,用户可以快速的将自己喜欢的或者感兴趣的网页转换为可编辑的网页模板,从而生成目标网页。
在一种可选的方案中,所述第一生成单元603,还用于根据所述编辑标签生成多个网页可视板块;所述第一生成单元603,还用于根据所述多个网页可视板块生成可编辑的网页模板。
在又一种可选的方案中,所述装置还包括:第一去除单元,用于在将所述纯净的HTML文件中的显示标签替换为编辑标签之前,去除所述纯净的HTML文件中的文字信息和/或错误显示的图片。
在上述装置中,通过去除文字信息和/或错误显示的图片,避免显示无关的信息,能够提升网页模板的质量。
在又一种可选的方案中,所述装置还包括:第二去除单元,用于在分离样本网页的内容,得到纯净的超文本标记语言HTML文件和独立的CSS文件之后,去除所述独立的CSS文件中的隐藏样式。
在上述装置中,通过去除隐藏样式,避免网页模板结构的错乱,提升网页模板的质量。
在又一种可选的方案中,所述装置还包括:接收单元,用于在根据所述编辑标签生成可编辑的网页模板之后,接收在所述网页模板中的所述编辑标签中输入的内容;第二生成单元,用于根据在所述网页模板中的所述编辑标签中输入的内容生成目标网页,其中,所述网页模板中的所述编辑标签变换为了所述目标网页中的显示标签。
在上述装置中,在生成网页模板之后,用户可以在该网页模板中输入内容从而生成目标网页,可以实现用户对网页信息的编辑和保存,极大的提升了用户体验。
在又一种可选的方案中,所述装置还包括:保存单元,用于在将所述纯净的HTML文件中的显示标签替换为编辑标签之后,所述根据在所述网页模板中的所述编辑标签中输入的内容生成目标网页之前,保存所述显示标签和所述编辑标签的第一映射关系;其中,所述第一映射关系用于在将所述网页模板转换为目标网页时确定需要转换为显示标签的编辑标签。
在上述装置中,通过保存显示标签和编辑标签的第一映射关系,方便其他设备配置该第一映射关系,并且可以实时动态的变更该第一映射关系。
在又一种可选的方案中,所述接收单元,还用于在分离样本网页的内容,得到纯净的超文本标记语言HTML文件和独立的层叠样式表CSS文件之后,通过所述通信单元接收其他设备发送的第一指示信息,所述第一指示信息用于指示所述显示标签和所述编辑标签的第二映射关系,所述第二映射关系用于在将所述网页模板转换为目标网页时确定需要转换为显示标签的编辑标签,和/或,用于在根据所述样本网页生成所述网页模板时确定需要转换为编辑标签的显示标签。
在上述装置中,第一电子设备可以通过接收其他设备的第一指示信息,根据该第一指示信息将显示标签转换为编辑标签,通过其他设备保存显示标签和所述编辑标签的第二映射关系,方便其他设备配置该第二映射关系,并且可以实时动态的变更该第二映射关系。
在又一种可选的方案中,所述装置还包括:发送单元,还用于在接收其他设备发送的第一指示信息之前,向其他设备发送请求消息,所述请求消息用于请求发送所述第一指示信息。
在又一种可选的方案中,所述接收单元,还用于在接收其他设备发送的第一指示信息之后,接收其他设备的第二指示信息,所述第二指示信息用于指示将所述第二映射关系中的中的一个或多个显示标签更换为编辑标签。
在上述装置中,当其他设备需要将所述第二映射关系中的中的一个或多个显示标签更换为编辑标签时,其他设备向第一电子设备发送第二指示信息,通过这样的方式方便其他设备实时变更该第二映射关系。
在又一种可选的方案中,所述装置还包括:确定单元,用于在分离样本网页的内容,得到纯净的超文本标记语言HTML文件和独立的层叠样式表CSS文件之前,确定所述样本网页的网页视图;存储单元,用于通过调用所述网页视图中的接口将所述样本网页的内容存储到预设文件路径中;获取单元,用于从所述预设路径获取所述样本网页的内容。
在上述装置中,能够快速的将样本网页的内容存到预设文件路径中,方便后续使用。
在又一种可选的方案中,所述确定单元,还用于确定所述样本网页的活动Activity;所述确定单元,还用于根据所述Activity确定根视图;所述确定单元,还用于遍历所述根视图中的视图控件以确定所述网页视图。
在上述装置中,无需在主动访问样本网页的URL后才能获取样本网页的信息,而是直接从底层的Activity的View视图遍历获取到样本网页的信息,不但减少访问次数,而且用途更加广泛。
在又一种可选的方案中,所述分离单元601,还用于分离样本网页的内容,得到纯净的超文本标记语言HTML文件、独立的层叠样式表CSS文件、独立的脚本语言JavaScript,其中,所述纯净的HTML通过链接的形式引用所述JavaScript。
需要说明的是,各个单元的实现及有益效果还可以对应参照图2所示的方法实施例的相应描述。
请参见图7,图7是本申请实施例提供的一种生成网页模板的装置700,该生成网页模板的装置700可以为上述第一电子设备,或者第一电子设备中的器件;该装置700包括处理器701、存储器702和通信接口703,所述处理器701、存储器702和通信接口703通过总线704相互连接。
存储器702包括但不限于是随机存储记忆体(random access memory,RAM)、只读存储器(read-only memory,ROM)、可擦除可编程只读存储器(erasable programmableread only memory,EPROM)、或便携式只读存储器(compact disc read-only memory,CD-ROM),该存储器702用于相关计算机程序及数据。通信接口703用于接收和发送数据。
处理器701可以是一个或多个中央处理器(central processing unit,CPU),在处理器701是一个CPU的情况下,该CPU可以是单核CPU,也可以是多核CPU。
该装置700中的处理器701读取所述存储器702中存储的计算机程序,用于执行以下操作:
分离样本网页的内容,得到纯净的超文本标记语言HTML文件和独立的层叠样式表CSS文件,所述纯净的HTML通过链接的形式引用所述独立的CSS文件;
将所述纯净的HTML文件中的显示标签替换为编辑标签;
根据所述编辑标签生成可编辑的网页模板。
在上述装置中,通过分离样本网页的内容得到独立的CSS文件和纯净的HTML文件,方便操作管理,提升了开发的效率,节约了开发成本,通过将显示标签替换为编辑标签,根据编辑标签生成可编辑的网页模板,用户可以对该编辑标签进行单独的编辑以及拖拽,自定义个性化的模板,大大提升了用户体验,通过上述生成网页模板的方法,能够快速的获取各种样本网页的网页模板,在开发成本较低的情况下,用户可以快速的将自己喜欢的或者感兴趣的网页转换为可编辑的网页模板,从而生成目标网页。
在一种可选的方案中,所述处理器701,还用于根据所述编辑标签生成多个网页可视板块;根据所述多个网页可视板块生成可编辑的网页模板。
在又一种可选的方案中,所述处理器701,还用于在将所述纯净的HTML文件中的显示标签替换为编辑标签之前,去除所述纯净的HTML文件中的文字信息和/或错误显示的图片。
在上述装置中,通过去除文字信息和/或错误显示的图片,避免显示无关的信息,能够提升网页模板的质量。
在又一种可选的方案中,所述处理器701,还用于在分离样本网页的内容,得到纯净的超文本标记语言HTML文件和独立的CSS文件之后,去除所述独立的CSS文件中的隐藏样式。
在上述装置中,通过去除隐藏样式,避免网页模板结构的错乱,提升网页模板的质量。
在又一种可选的方案中,所述处理器701,还用于在根据所述编辑标签生成可编辑的网页模板之后,通过所述通信接口703接收在所述网页模板中的所述编辑标签中输入的内容;根据在所述网页模板中的所述编辑标签中输入的内容生成目标网页,其中,所述网页模板中的所述编辑标签变换为了所述目标网页中的显示标签。
在上述装置中,在生成网页模板之后,用户可以在该网页模板中输入内容从而生成目标网页,可以实现用户对网页信息的编辑和保存,极大的提升了用户体验。
在又一种可选的方案中,所述处理器701,还用于在将所述纯净的HTML文件中的显示标签替换为编辑标签之后,根据在所述网页模板中的所述编辑标签中输入的内容生成目标网页之前,保存所述显示标签和所述编辑标签的第一映射关系;其中,所述第一映射关系用于在将所述网页模板转换为目标网页时确定需要转换为显示标签的编辑标签。
在上述装置中,通过保存显示标签和编辑标签的第一映射关系,方便其他设备配置该第一映射关系,并且可以实时动态的变更该第一映射关系。
在又一种可选的方案中,所述处理器701,还用于在分离样本网页的内容,得到纯净的超文本标记语言HTML文件和独立的层叠样式表CSS文件之后,通过所述通信接口703接收其他设备发送的第一指示信息,所述第一指示信息用于指示所述显示标签和所述编辑标签的第二映射关系,所述第二映射关系用于在将所述网页模板转换为目标网页时确定需要转换为显示标签的编辑标签,和/或,用于在根据所述样本网页生成所述网页模板时确定需要转换为编辑标签的显示标签。
在上述装置中,第一电子设备可以通过接收其他设备的第一指示信息,根据该第一指示信息将显示标签转换为编辑标签,通过其他设备保存显示标签和所述编辑标签的第二映射关系,方便其他设备配置该第二映射关系,并且可以实时动态的变更该第二映射关系。
在又一种可选的方案中,所述处理器701,还用于通过所述通信接口703在接收其他设备发送的第一指示信息之前,向其他设备发送请求消息,所述请求消息用于请求发送所述第一指示信息。
在又一种可选的方案中,所述处理器701,还用于通过所述通信接口703接收其他设备发送的第一指示信息之后,接收其他设备的第二指示信息,所述第二指示信息用于指示将所述第二映射关系中的中的一个或多个显示标签更换为编辑标签。
在上述装置中,当其他设备需要将所述第二映射关系中的中的一个或多个显示标签更换为编辑标签时,其他设备向第一电子设备发送第二指示信息,通过这样的方式方便其他设备实时变更该第二映射关系。
在又一种可选的方案中,所述处理器701,还用于在分离样本网页的内容,得到纯净的超文本标记语言HTML文件和独立的层叠样式表CSS文件之前,确定所述样本网页的网页视图;通过调用所述网页视图中的接口将所述样本网页的内容存储到预设文件路径中;从所述预设路径获取所述样本网页的内容。
在上述装置中,能够快速的将样本网页的内容存到预设文件路径中,方便后续使用。
在又一种可选的方案中,所述处理器701,还用于确定所述样本网页的活动Activity;根据所述Activity确定根视图;遍历所述根视图中的视图控件以确定所述网页视图。
在上述装置中,无需在主动访问样本网页的URL后才能获取样本网页的信息,而是直接从底层的Activity的View视图遍历获取到样本网页的信息,不但减少访问次数,而且用途更加广泛。
在又一种可选的方案中,所述处理器701,还用于分离样本网页的内容,得到纯净的超文本标记语言HTML文件、独立的层叠样式表CSS文件、独立的脚本语言JavaScript,其中,所述纯净的HTML通过链接的形式引用所述JavaScript。
需要说明的是,各个操作的实现及有益效果还可以对应参照图2所示的方法实施例的相应描述。
本申请实施例还提供一种芯片***,所述芯片***包括至少一个处理器,存储器和接口电路,所述存储器、所述收发器和所述至少一个处理器通过线路互联,所述至少一个存储器中存储有计算机程序;所述计算机程序被所述处理器执行时,图2所示的方法流程得以实现。
本申请实施例还提供一种计算机可读存储介质,所述计算机可读存储介质中存储有计算机程序,当其在第一电子设备上运行时,图2所示的方法流程得以实现。
本申请实施例还提供一种计算机程序产品,当所述计算机程序产品在第一电子设备上运行时,图2所示的方法流程得以实现。
本领域普通技术人员可以理解实现上述实施例方法中的全部或部分流程,该流程可以由计算机程序来计算机程序相关的硬件完成,该计算机程序可存储于计算机可读取存储介质中,该计算机程序在执行时,可包括如上述各方法实施例的流程。而前述的存储介质包括:ROM或随机存储记忆体RAM、磁碟或者光盘等各种可存储计算机程序代码的介质。
Claims (25)
1.一种生成网页模板的方法,其特征在于,包括:
分离样本网页的内容,得到纯净的超文本标记语言HTML文件和独立的层叠样式表CSS文件,所述纯净的HTML通过链接的形式引用所述独立的CSS文件;
将所述纯净的HTML文件中的显示标签替换为编辑标签;
根据所述编辑标签生成可编辑的网页模板。
2.根据权利要求1所述的方法,其特征在于,所述根据所述编辑标签生成可编辑的网页模板,包括:
根据所述编辑标签生成多个网页可视板块;
根据所述多个网页可视板块生成可编辑的网页模板。
3.根据权利要求1或2所述的方法,其特征在于,所述将所述纯净的HTML文件中的显示标签替换为编辑标签之前,所述方法还包括:
去除所述纯净的HTML文件中的文字信息和/或错误显示的图片。
4.根据权利要求1-3任一项所述的方法,其特征在于,所述分离样本网页的内容,得到纯净的超文本标记语言HTML文件和独立的CSS文件之后,所述方法还包括:
去除所述独立的CSS文件中的隐藏样式。
5.根据权利要求1-4任一项所述的方法,其特征在于,所述根据所述编辑标签生成可编辑的网页模板之后,所述方法还包括:
接收在所述网页模板中的所述编辑标签中输入的内容;
根据在所述网页模板中的所述编辑标签中输入的内容生成目标网页,其中,所述网页模板中的所述编辑标签变换为了所述目标网页中的显示标签。
6.根据权利要求1-5任一项所述的方法,其特征在于,所述将所述纯净的HTML文件中的显示标签替换为编辑标签之后,所述根据在所述网页模板中的所述编辑标签中输入的内容生成目标网页之前,所述方法还包括:
保存所述显示标签和所述编辑标签的第一映射关系;其中,所述第一映射关系用于在将所述网页模板转换为目标网页时确定需要转换为显示标签的编辑标签。
7.根据权利要求1-5任一项所述的方法,其特征在于,所述分离样本网页的内容,得到纯净的超文本标记语言HTML文件和独立的层叠样式表CSS文件之后,所述方法还包括:
接收其他设备发送的第一指示信息,所述第一指示信息用于指示所述显示标签和所述编辑标签的第二映射关系,所述第二映射关系用于在将所述网页模板转换为目标网页时确定需要转换为显示标签的编辑标签,和/或,用于在根据所述样本网页生成所述网页模板时确定需要转换为编辑标签的显示标签。
8.根据权利要求7任一项所述的方法,其特征在于,所述接收其他设备发送的第一指示信息之前,所述方法还包括:
向其他设备发送请求消息,所述请求消息用于请求发送所述第一指示信息。
9.根据权利要求7或8所述的方法,其特征在于,所述接收其他设备发送的第一指示信息之后,所述方法还包括:
接收其他设备的第二指示信息,所述第二指示信息用于指示将所述第二映射关系中的中的一个或多个显示标签更换为编辑标签。
10.根据权利要求1-9任一项所述的方法,其特征在于,所述分离样本网页的内容,得到纯净的超文本标记语言HTML文件和独立的层叠样式表CSS文件之前,所述方法还包括:
确定所述样本网页的网页视图;
通过调用所述网页视图中的接口将所述样本网页的内容存储到预设文件路径中;
从所述预设路径获取所述样本网页的内容。
11.根据权利要求10所述的方法,其特征在于,所述确定所述样本网页的网页视图包括:
确定所述样本网页的活动Activity;
根据所述Activity确定根视图;
遍历所述根视图中的视图控件以确定所述网页视图。
12.根据权利要求1-11任一项所述的方法,其特征在于,所述分离样本网页的内容,得到纯净的超文本标记语言HTML文件和独立的层叠样式表CSS文件,包括:
分离样本网页的内容,得到纯净的超文本标记语言HTML文件、独立的层叠样式表CSS文件、独立的脚本语言JavaScript,其中,所述纯净的HTML通过链接的形式引用所述JavaScript。
13.一种生成网页模板的装置,其特征在于,所述装置包括:
分离单元,用于分离样本网页的内容,得到纯净的超文本标记语言HTML文件和独立的层叠样式表CSS文件,所述纯净的HTML通过链接的形式引用所述独立的CSS文件;
替换单元,用于将所述纯净的HTML文件中的显示标签替换为编辑标签;
第一生成单元,用于根据所述编辑标签生成可编辑的网页模板。
14.根据权利要求13所述的装置,其特征在于,
所述第一生成单元,还用于根据所述编辑标签生成多个网页可视板块;
所述第一生成单元,还用于根据所述多个网页可视板块生成可编辑的网页模板。
15.根据权利要求13或14所述的装置,其特征在于,所述装置还包括:
第一去除单元,用于在将所述纯净的HTML文件中的显示标签替换为编辑标签之前,去除所述纯净的HTML文件中的文字信息和/或错误显示的图片。
16.根据权利要求13-15任一项所述的装置,其特征在于,所述装置还包括:
第二去除单元,用于在分离样本网页的内容,得到纯净的超文本标记语言HTML文件和独立的CSS文件之后,去除所述独立的CSS文件中的隐藏样式。
17.根据权利要求13-16任一项所述的装置,其特征在于,所述装置还包括:
接收单元,用于在根据所述编辑标签生成可编辑的网页模板之后,接收在所述网页模板中的所述编辑标签中输入的内容;
第二生成单元,用于根据在所述网页模板中的所述编辑标签中输入的内容生成目标网页,其中,所述网页模板中的所述编辑标签变换为了所述目标网页中的显示标签。
18.根据权利要求13-17任一项所述的装置,其特征在于,所述装置还包括:
保存单元,用于在将所述纯净的HTML文件中的显示标签替换为编辑标签之后,根据在所述网页模板中的所述编辑标签中输入的内容生成目标网页之前,保存所述显示标签和所述编辑标签的第一映射关系;其中,所述第一映射关系用于在将所述网页模板转换为目标网页时确定需要转换为显示标签的编辑标签。
19.根据权利要求13-17任一项所述的装置,其特征在于,
所述接收单元,还用于在分离样本网页的内容,得到纯净的超文本标记语言HTML文件和独立的层叠样式表CSS文件之后,接收其他设备发送的第一指示信息,所述第一指示信息用于指示所述显示标签和所述编辑标签的第二映射关系,所述第二映射关系用于在将所述网页模板转换为目标网页时确定需要转换为显示标签的编辑标签,和/或,用于在根据所述样本网页生成所述网页模板时确定需要转换为编辑标签的显示标签。
20.根据权利要求19所述的装置,其特征在于,所述装置还包括:
发送单元,用于在接收其他设备发送的第一指示信息之前,向其他设备发送请求消息,所述请求消息用于请求发送所述第一指示信息。
21.根据权利要求19或20所述的装置,其特征在于,
所述接收单元,还用于在接收其他设备发送的第一指示信息之后,接收其他设备的第二指示信息,所述第二指示信息用于指示将所述第二映射关系中的中的一个或多个显示标签更换为编辑标签。
22.根据权利要求13-21任一项所述的装置,其特征在于,所述装置还包括:
确定单元,用于在分离样本网页的内容,得到纯净的超文本标记语言HTML文件和独立的层叠样式表CSS文件之前,确定所述样本网页的网页视图;
存储单元,用于通过调用所述网页视图中的接口将所述样本网页的内容存储到预设文件路径中;
获取单元,用于从所述预设路径获取所述样本网页的内容。
23.根据权利要求22所述的装置,其特征在于,
所述确定单元,还用于确定所述样本网页的活动Activity;
所述确定单元,还用于根据所述Activity确定根视图;
所述确定单元,还用于遍历所述根视图中的视图控件以确定所述网页视图。
24.根据权利要求13-23任一项所述的装置,其特征在于,
所述分离单元,还用于分离样本网页的内容,得到纯净的超文本标记语言HTML文件、独立的层叠样式表CSS文件、独立的脚本语言JavaScript,其中,所述纯净的HTML通过链接的形式引用所述JavaScript。
25.一种计算机可读存储介质,其特征在于,所述计算机可读存储介质中存储有计算机程序,当其在处理器上运行时,实现权利要求1-12任一所述的方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202010406351.8A CN113672833A (zh) | 2020-05-13 | 2020-05-13 | 一种生成网页模板的方法及相关设备 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202010406351.8A CN113672833A (zh) | 2020-05-13 | 2020-05-13 | 一种生成网页模板的方法及相关设备 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN113672833A true CN113672833A (zh) | 2021-11-19 |
Family
ID=78537167
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202010406351.8A Pending CN113672833A (zh) | 2020-05-13 | 2020-05-13 | 一种生成网页模板的方法及相关设备 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN113672833A (zh) |
Cited By (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN115981650A (zh) * | 2023-03-14 | 2023-04-18 | 共道网络科技有限公司 | 一种网站搭建方法及装置、电子设备、存储介质 |
Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20100318894A1 (en) * | 2009-06-11 | 2010-12-16 | Microsoft Corporation | Modifications to Editable Elements of Web Pages Rendered in Word Processor Applications |
CN101937427A (zh) * | 2009-06-30 | 2011-01-05 | 方正国际软件(北京)有限公司 | 一种基于浏览器的内容编辑及发布的***及方法 |
CN101976260A (zh) * | 2010-11-04 | 2011-02-16 | 上海银杏界信息科技有限公司 | 一种可视化标签及使用其生成网页的方法 |
CN109508187A (zh) * | 2018-10-10 | 2019-03-22 | 国网新疆电力有限公司信息通信公司 | 基于html的微信公众号图文编辑器构建方法及其编辑器 |
CN109933322A (zh) * | 2019-01-28 | 2019-06-25 | 平安科技(深圳)有限公司 | 一种页面编辑方法、装置及计算机可读存储介质 |
-
2020
- 2020-05-13 CN CN202010406351.8A patent/CN113672833A/zh active Pending
Patent Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20100318894A1 (en) * | 2009-06-11 | 2010-12-16 | Microsoft Corporation | Modifications to Editable Elements of Web Pages Rendered in Word Processor Applications |
CN101937427A (zh) * | 2009-06-30 | 2011-01-05 | 方正国际软件(北京)有限公司 | 一种基于浏览器的内容编辑及发布的***及方法 |
CN101976260A (zh) * | 2010-11-04 | 2011-02-16 | 上海银杏界信息科技有限公司 | 一种可视化标签及使用其生成网页的方法 |
CN109508187A (zh) * | 2018-10-10 | 2019-03-22 | 国网新疆电力有限公司信息通信公司 | 基于html的微信公众号图文编辑器构建方法及其编辑器 |
CN109933322A (zh) * | 2019-01-28 | 2019-06-25 | 平安科技(深圳)有限公司 | 一种页面编辑方法、装置及计算机可读存储介质 |
Non-Patent Citations (1)
Title |
---|
LUOMEI: "模仿网页", pages 3 - 16, Retrieved from the Internet <URL:https://www.cnblogs.com/luomei/p/12873899.html> * |
Cited By (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN115981650A (zh) * | 2023-03-14 | 2023-04-18 | 共道网络科技有限公司 | 一种网站搭建方法及装置、电子设备、存储介质 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN102779167B (zh) | 在移动终端中显示网页的方法及*** | |
US20130326333A1 (en) | Mobile Content Management System | |
CN110069683B (zh) | 一种基于浏览器爬取数据的方法及装置 | |
US20130305145A1 (en) | A Method of Publishing Digital Content | |
WO2017085717A1 (en) | System and method for presentation of content linked comments | |
JP2003085091A (ja) | ウエブページ管理支援システム | |
US20090085921A1 (en) | Populate Web-Based Content Based on Space Availability | |
CN101065723A (zh) | 在表格中显示数据的方法 | |
CN101364979A (zh) | 下载资料解析及处理***及方法 | |
CN108595697B (zh) | 网页集成方法、装置及*** | |
US20160259509A1 (en) | Backend-to-frontend website development | |
CN108700988A (zh) | 数字图像呈现 | |
US20220383381A1 (en) | Video generation method, apparatus, terminal and storage medium | |
US20140068408A1 (en) | Presentation of layered content documents in multiscreen systems | |
WO2016095502A1 (zh) | 数学公式处理方法、装置、设备和计算机存储介质 | |
DE102016015381A1 (de) | Verwendung von Bloom-Filtern zur Vereinfachung der Erweiterung und Unterteilung eines dynamischen Fonts | |
CN110618813A (zh) | 快速生成对接媒体界面的方法、装置、设备及存储介质 | |
US20120072828A1 (en) | Complex input to image transformation for distribution | |
US20150309966A1 (en) | Method and apparatus for preserving fidelity of bounded rich text appearance by maintaining reflow when converting between interactive and flat documents across different environments | |
CN116954450A (zh) | 针对前端网页的截图方法以及装置、存储介质、终端 | |
CN113672833A (zh) | 一种生成网页模板的方法及相关设备 | |
CN114625996A (zh) | 网页内容的分页方法、装置、电子设备及可读存储介质 | |
Ratha et al. | HTML5 in web development: a new approach | |
TWI570579B (zh) | 利用網頁視覺特徵及網頁語法特徵之資訊擷取系統與方法 | |
CN106951405B (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 |