CN112558964A - 一种网页生成方法、计算机设备及存储介质 - Google Patents
一种网页生成方法、计算机设备及存储介质 Download PDFInfo
- Publication number
- CN112558964A CN112558964A CN202011355783.7A CN202011355783A CN112558964A CN 112558964 A CN112558964 A CN 112558964A CN 202011355783 A CN202011355783 A CN 202011355783A CN 112558964 A CN112558964 A CN 112558964A
- Authority
- CN
- China
- Prior art keywords
- webpage
- static content
- new
- style
- effect
- 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 46
- 230000003068 static effect Effects 0.000 claims abstract description 49
- 230000000694 effects Effects 0.000 claims abstract description 38
- 230000015654 memory Effects 0.000 claims abstract description 19
- 238000004590 computer program Methods 0.000 claims abstract description 13
- 238000003780 insertion Methods 0.000 claims description 3
- 230000037431 insertion Effects 0.000 claims description 3
- 238000004806 packaging method and process Methods 0.000 claims description 3
- 230000004044 response Effects 0.000 claims description 3
- 238000011161 development Methods 0.000 abstract description 9
- 238000012545 processing Methods 0.000 description 7
- 238000010586 diagram Methods 0.000 description 3
- 230000006870 function Effects 0.000 description 2
- 230000009286 beneficial effect Effects 0.000 description 1
- 230000005540 biological transmission Effects 0.000 description 1
- 238000004891 communication Methods 0.000 description 1
- 238000005538 encapsulation Methods 0.000 description 1
- 230000000977 initiatory effect Effects 0.000 description 1
- 230000003993 interaction 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
- 230000000750 progressive effect Effects 0.000 description 1
- 238000006467 substitution reaction Methods 0.000 description 1
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/958—Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
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)
- Information Transfer Between Computers (AREA)
- Document Processing Apparatus (AREA)
Abstract
本发明公开了一种网页生成方法、计算机设备及存储介质。方法包括：接收网页获取指令，根据网页获取指令调用外部网页的静态内容；利用外部网页的静态内容生成新的网页静态内容；当需要保留外部网页的样式和效果时，将新的网页静态内容插入页面或组件；当不需要保留外部网页的样式和效果时，删除新的网页静态内容的样式和效果，再插入到页面或组件；根据编辑指令在页面或组件中生成新的网页样式和效果。计算机设备包括存储器和处理器，计算机程序被处理器执行时实现上述方法。计算机可读存储介质，其上存储有计算机程序，计算机程序被处理器执行时实现上述方法。本发明可以在新系统中调用老系统或外部的网页静态内容，提升网站开发效率。
Description
技术领域
本发明属于计算机技术领域，具体涉及一种网页生成方法、计算机设备及存储介质。
背景技术
在当前的网站开发领域，使用新系统开发的网站也日益增多。然而，一些网站还是采用老系统的开发模式，在用新系统开发网站时，需要兼容这些老系统，如何调用这些老系统生成的网页静态内容成为一个需要解决的问题。
另外，在使用新系统开发网站时，每当修改文件，都要重新打包部署，当有些内容需要经常修改时，就需要不断地打包部署，这样使网站开发效率大大地降低。
发明内容
为了解决上述现有技术存在的问题和不足，本发明的目的是提供一种网页生成方法、计算机设备及存储介质，可以在新系统中调用老系统或外部的网页静态内容，提升网站开发的效率。
为实现是上述目的，本发明首先提供一种网页生成方法，方法包括：
接收网页获取指令，根据网页获取指令调用外部网页的静态内容；
利用外部网页的静态内容生成新的网页静态内容；
当需要保留外部网页的样式和效果时，将新的网页静态内容插入页面或组件；
当不需要保留外部网页的样式和效果时，删除新的网页静态内容的样式和效果，将删除样式和效果后的网页静态内容插入到页面或组件；获取样式和效果编辑指令，根据编辑指令在页面或组件中生成新的网页样式和效果。
进一步地，利用外部网页的静态内容包括：缓存网页静态内容中标签的信息，并删除标签。
进一步地，标签包括：<html>、<body>和<head>；标签的信息包括：id、class属性、样式和效果。
进一步地，得到新的网页静态内容包括：将已缓存的标签的信息添加到新的标签上，得到新的网页静态内容。
进一步地，将新的网页静态内容插入到页面或组件上之后还包括：在页面或组件销毁时，删除新的网页静态内容，并将页面或组件重置为插入前的状态。
进一步地，调用外部网页的静态内容包括：封装获取静态文件方法，设置请求的响应类型，在页面或组件上通过获取静态文件方法请求调用外部网页静态内容。
本发明还提供一种计算机设备，包括存储器和处理器，存储器上存储有可在处理器上运行的计算机程序，计算机程序被处理器执行时实现上述的网页生成方法。
本发明还提供一种计算机可读存储介质，其上存储有计算机程序，计算机程序被处理器执行时实现上述的网页生成方法。
与现有技术相比，本发明的有益效果包括：本发明将老系统的内容，或经常修改的内容做成外部HTML内容，这样在新系统中开发网站时，调用之前老系统开发的HTML内容，不需要使用iframe去套嵌，不需要打包部署，可以实现新系统完美兼容老系统的HTML内容，提升网页生成效率。HTML内容可以灵活的裁剪添加，既可以保留原HTML内容的样式和效果，又可以根据网站业务需求自由调整网页样式和效果，提升了网站开发的效率。
附图说明
图1是本发明实施例一的方法步骤图；
图2是本发明实施例二的线路连接图.
具体实施方式
为了使本发明的目的、技术方案及优点更加清楚明白，以下结合附图及实施例，对本发明进行进一步详细说明。应当理解，此处所描述的具体实施例仅仅用以解释本发明，并不用于限定本发明。
实施例一：
本发明实施例一提供一种网页生成方法，新系统以Vue(一套构建用户界面的渐进式框架)系统为例，网页静态内容具体为HTML(HyperText Markup Language，即超文本标记语言)内容；如图1所示，方法包括以下步骤：
S1，接收网页获取指令，根据网页获取指令调用外部网页的静态内容；具体地包括：基于axios(一种基于promise用于浏览器和node.js的http客户端，用于向后台发起请求的，还有在请求中做更多是可控功能)封装获取静态文件方法，设置请求的响应类型为document。获取静态文件方法为getStaticDocument方法。
S2，利用外部网页的静态内容生成新的网页静态内容；具体地包括：
在需要调用外部HTML内容的页面或组件上请求调用外部HTML内容。外部HTML内容，可以是老系统的HTML内容或者需要修改或调用的HTML内容。在需要调用外部HTML的页面或组件执行getStaticDocument方法，发送指令，请求调用外部HTML内容。
对获取到的HTML内容进行处理，缓存HTML内容中标签的信息，并删除标签；将已缓存的标签的信息添加到新的标签上，得到新的HTML内容。具体地包括：将内容中的<html>、<body>标签上的id和class属性在Vuex(一个专为Vue.js应用程序开发的状态管理模式)中分别用tagHtmlId、tagHtmlClass、tagBodyId和tagBodyClass缓存起来，将<head>标签里包含的样式和JavaScript(简称js，一种具有函数优先的轻量级，解释型或即时编译型的高级编程语言)效果用tagHeadCssJs缓存起来，然后删除<html>、<head>、<body>标签，得到新的HTML内容。
本实施例中HTML内容的效果具体为JavaScript效果。
S3，当需要保留外部网页的样式和JavaScript效果时，将新的网页静态内容插入页面或组件。具体地包括：将缓存好的tagHtmlId和tagHtmlClass添加到新HTML内容的<html>标签上，将tagBodyId和tagBodyClass添加到新HTML内容的<body>标签上，然后将tagHeadCssJs插入到新HTML内容的<head>标签里，最后使用jQuery(一种高效、精简并且功能丰富的JavaScript工具库)中的.html()方法，将新的HTML内容插入到页面或组件中。
在页面或组件销毁时，删除刚刚插入的内容，重置为插入前的状态。这样可以方便页面或组件HTML内容的多次修改。
S4，当不需要保留外部网页的样式和JavaScript效果时，删除新的网页静态内容的样式和JavaScript效果，将删除样式和JavaScript效果后的网页静态内容插入到页面或组件；获取样式和效果编辑指令，根据所编辑指令在页面或组件中生成新的网页样式和JavaScript效果。
具体地包括：对步骤S2处理后得到的HTML内容做进一步处理，遍历该HTML内容，删除该HTML内容的css和js，即删除样式和JavaScript效果，然后用v-html指令插入到页面或组件中，最后在页面或组件中编写需要的样式和JavaScript效果，最终完成网页生成。
通过上述方法步骤，本发明实施例将老系统的内容，或经常修改的内容做成外部HTML内容，这样在新系统中开发网站时，调用之前老系统开发的HTML内容，不需要使用iframe去套嵌，可以实现新系统完美兼容老系统的HTML内容，提升网页生成效率。HTML内容可以灵活的裁剪添加，既可以保留原HTML内容的样式和效果，又可以根据网站业务需求自由调整网页样式和效果，提升了网站开发的效率。
实施例二：
本发明实施例二提供一种计算机设备，如图2所示，包括存储器和处理器，存储器上存储有可在处理器上运行的计算机程序，计算机程序被处理器执行时实现实施例一提供的网页生成方法。
在本实施例设备的实现中，存储器和处理器之间直接或间接地电性连接，以实现数据的传输或交互。例如，这些元件相互之间可以通过一条或者多条通信总线或信号线电性连接，如可以通过总线连接。存储器中存储有实现数据访问控制方法的计算机执行指令，包括至少一个可以软件或固件的形式存储于存储器中的软件功能模块，处理器通过运行存储在存储器内的软件程序以及模块，从而执行各种功能应用以及数据处理。存储器可以是，但不限于，随机存取存储器(RandomAccessMemory，简称：RAM)，只读存储器(ReadOnlyMemory，简称：ROM)，可编程只读存储器(ProgrammableRead-OnlyMemory，简称：PROM)，可擦除只读存储器(ErasableProgrammableRead-OnlyMemory，简称：EPROM)，电可擦除只读存储器(ElectricErasableProgrammableRead-OnlyMemory，简称：EEPROM)等。其中，存储器用于存储程序，处理器在接收到执行指令后，执行程序。进一步地，上述存储器内的软件程序以及模块还可包括操作系统，其可包括各种用于管理系统任务(例如内存管理、存储设备控制、电源管理等)的软件组件和/或驱动，并可与各种硬件或软件组件相互通信，从而提供其他软件组件的运行环境。处理器可以是一种集成电路芯片，具有信号的处理能力。述的处理器可以是通用处理器，包括中央处理器(CentralProcessingUnit，简称：处理器)、网络处理器(NetworkProcessor，简称：NP)等。可以实现或者执行本实施例中公开的各方法、步骤及逻辑流程框图。通用处理器可以是微处理器或者该处理器也可以是任何常规的处理器等。
本发明实施例二的计算机设备可以是搭载Android、iOS或windows系统的手机、电脑等具有计算能力的电子设备。
本实施例二可以将老系统的内容，或经常修改的内容做成外部HTML内容，这样在新系统中开发网站时，调用之前老系统开发的HTML内容，不需要使用iframe去套嵌，可以实现新系统完美兼容老系统的HTML内容，提升网页生成效率。HTML内容可以灵活的裁剪添加，既可以保留原HTML内容的样式和效果，又可以根据网站业务需求自由调整网页样式和效果，提升了网站开发的效率。
实施例三：
本发明实施例三提供一种计算机可读的存储介质，其上存储有计算机程序，当由处理器执行计算机程序时，以执行实施例一提供的网页生成方法。
本领域普通技术人员应理解：实现上述各实施例的全部或部分方法步骤可以通过程序指令相关的硬件来完成。前述的程序可以存储于计算机可读取的存储介质中。该程序在执行时，执行包括上述各方法实施例的步骤；而前述的存储介质包括但不局限于：ROM、RAM、磁碟或者光盘等各种可以存储程序代码的介质，具体的介质类型本申请不做限制。
本实施例三采存储介质上的计算机程序可以实现实施例一提供的方法，将老系统的内容，或经常修改的内容做成外部HTML内容，这样在新系统中开发网站时，调用之前老系统开发的HTML内容，不需要使用iframe去套嵌，可以实现新系统完美兼容老系统的HTML内容，提升网页生成效率。HTML内容可以灵活的裁剪添加，既可以保留原HTML内容的样式和效果，又可以根据网站业务需求自由调整网页样式和效果，提升了网站开发的效率。
以上所述，仅为本发明较佳的具体实施方式，但本发明的保护范围并不局限于此，任何熟悉本技术领域的技术人员在本发明揭露的技术范围内，可轻易想到的变化或替换，都应涵盖在本发明的保护范围之内。因此，本发明的保护范围应该以权利要求的保护范围为准。
Claims (8)
1.一种网页生成方法，其特征在于，方法包括：
接收网页获取指令，根据所述网页获取指令调用外部网页的静态内容；
利用所述外部网页的静态内容生成新的网页静态内容；
当需要保留所述外部网页的样式和效果时，将所述新的网页静态内容插入页面或组件；
当不需要保留所述外部网页的样式和效果时，删除所述新的网页静态内容的样式和效果，将删除样式和效果后的网页静态内容插入到页面或组件；获取样式和效果编辑指令，根据所述编辑指令在所述页面或组件中生成新的网页样式和效果。
2.如权利要求1所述的网页生成方法，其特征在于，利用所述外部网页的静态内容包括：缓存所述网页静态内容中标签的信息，并删除所述标签。
3.如权利要求2所述的网页生成方法，其特征在于，生成新的网页静态内容包括：将已缓存的所述标签的信息添加到新的标签上，得到所述新的网页静态内容。
4.如权利要求2所述的网页生成方法，其特征在于，所述标签包括：<html>、<body>和<head>；所述标签的信息包括：id、class属性、样式和效果。
5.如权利要求1-4任一项所述的网页生成方法，其特征在于，将所述新的网页静态内容插入所述页面或组件之后还包括：在所述页面或所述组件销毁时，删除所述新的网页静态内容，并将所述页面或所述组件重置为插入前的状态。
6.如权利要求1所述的网页生成方法，其特征在于，调用外部网页的静态内容包括：封装获取静态文件方法，设置请求的响应类型，在所述页面或组件上通过所述获取静态文件方法请求调用所述外部网页静态内容。
7.一种计算机设备，包括存储器和处理器，所述存储器上存储有可在所述处理器上运行的计算机程序，其特征在于，所述计算机程序被所述处理器执行时实现权利要求1至6任一项所述的网页生成方法。
8.一种计算机可读存储介质，其上存储有计算机程序，其特征在于，所述计算机程序被处理器执行时实现权利要求1至6任一项所述的网页生成方法。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202011355783.7A CN112558964A (zh) | 2020-11-27 | 2020-11-27 | 一种网页生成方法、计算机设备及存储介质 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202011355783.7A CN112558964A (zh) | 2020-11-27 | 2020-11-27 | 一种网页生成方法、计算机设备及存储介质 |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN112558964A true CN112558964A (zh) | 2021-03-26 |
Family
ID=75046246
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202011355783.7A Pending CN112558964A (zh) | 2020-11-27 | 2020-11-27 | 一种网页生成方法、计算机设备及存储介质 |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN112558964A (zh) |
Cited By (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| WO2024027252A1 (zh) * | 2022-08-02 | 2024-02-08 | 杭州未名信科科技有限公司 | 静态网页的生成方法、生成装置、电子设备及存储介质 |
Citations (9)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN106293669A (zh) * | 2015-06-02 | 2017-01-04 | 阿里巴巴集团控股有限公司 | 一种网页组件的生成方法和装置 |
| WO2017088509A1 (zh) * | 2015-11-24 | 2017-06-01 | 华讯方舟科技有限公司 | 一种页面定制化的方法和装置 |
| CN107341038A (zh) * | 2017-07-26 | 2017-11-10 | 成都三零盛安信息系统有限公司 | 兼容性处理方法、装置及电子设备 |
| CN109190069A (zh) * | 2018-08-01 | 2019-01-11 | 北京空中优宜信息技术有限公司 | 一种网页元素样式管理方法、装置及电子设备 |
| CN109670129A (zh) * | 2018-11-27 | 2019-04-23 | 广东耐思智慧科技有限公司 | 一种将html网页转为适配mip格式的方法及装置 |
| CN109710224A (zh) * | 2019-01-17 | 2019-05-03 | 宜创(北京)科技有限公司 | 页面处理方法、装置、设备及存储介质 |
| CN110083383A (zh) * | 2019-03-18 | 2019-08-02 | 平安普惠企业管理有限公司 | 浏览器式样兼容方法、装置、计算机设备及存储介质 |
| CN110781423A (zh) * | 2019-10-10 | 2020-02-11 | 腾讯科技（深圳）有限公司 | 网页生成方法、装置及电子设备 |
| CN111444455A (zh) * | 2020-03-25 | 2020-07-24 | 平安医疗健康管理股份有限公司 | 浏览器兼容方法、系统、计算机设备及存储介质 |
-
2020
- 2020-11-27 CN CN202011355783.7A patent/CN112558964A/zh active Pending
Patent Citations (9)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN106293669A (zh) * | 2015-06-02 | 2017-01-04 | 阿里巴巴集团控股有限公司 | 一种网页组件的生成方法和装置 |
| WO2017088509A1 (zh) * | 2015-11-24 | 2017-06-01 | 华讯方舟科技有限公司 | 一种页面定制化的方法和装置 |
| CN107341038A (zh) * | 2017-07-26 | 2017-11-10 | 成都三零盛安信息系统有限公司 | 兼容性处理方法、装置及电子设备 |
| CN109190069A (zh) * | 2018-08-01 | 2019-01-11 | 北京空中优宜信息技术有限公司 | 一种网页元素样式管理方法、装置及电子设备 |
| CN109670129A (zh) * | 2018-11-27 | 2019-04-23 | 广东耐思智慧科技有限公司 | 一种将html网页转为适配mip格式的方法及装置 |
| CN109710224A (zh) * | 2019-01-17 | 2019-05-03 | 宜创(北京)科技有限公司 | 页面处理方法、装置、设备及存储介质 |
| CN110083383A (zh) * | 2019-03-18 | 2019-08-02 | 平安普惠企业管理有限公司 | 浏览器式样兼容方法、装置、计算机设备及存储介质 |
| CN110781423A (zh) * | 2019-10-10 | 2020-02-11 | 腾讯科技（深圳）有限公司 | 网页生成方法、装置及电子设备 |
| CN111444455A (zh) * | 2020-03-25 | 2020-07-24 | 平安医疗健康管理股份有限公司 | 浏览器兼容方法、系统、计算机设备及存储介质 |
Cited By (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| WO2024027252A1 (zh) * | 2022-08-02 | 2024-02-08 | 杭州未名信科科技有限公司 | 静态网页的生成方法、生成装置、电子设备及存储介质 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| US10726195B2 (en) | Filtered stylesheets | |
| CN108156022B (zh) | 一种服务调用方法、装置及电子设备 | |
| WO2017124952A1 (zh) | 一种网页脚本加载方法和装置 | |
| CN106354483B (zh) | 一种数据处理方法、装置及电子设备 | |
| CN113010827A (zh) | 页面渲染方法、装置、电子设备以及存储介质 | |
| CN110598135A (zh) | 网络请求处理方法、装置、计算机可读介质及电子设备 | |
| CN112612982A (zh) | 网页预加载方法、装置及计算机设备 | |
| CN112559934A (zh) | 一种页面弹窗显示方法及装置 | |
| CN112559026A (zh) | 基于api接口的原生能力拓展方法、设备及存储介质 | |
| CN112558964A (zh) | 一种网页生成方法、计算机设备及存储介质 | |
| CN113050921A (zh) | 一种网页转换方法、装置、存储介质和计算机设备 | |
| CN110688594A (zh) | 网页前端的页面跳转方法及装置 | |
| CN113157274B (zh) | 基于微前端的软件开发方法、装置、电子设备及存储介质 | |
| CN114254229A (zh) | 网页渲染方法及装置 | |
| CN114995810A (zh) | 一种列表数据的复用实现方法、装置、设备及存储介质 | |
| CN114237407A (zh) | 一种字体图标处理方法、装置及计算机可读存储介质 | |
| CN116136757A (zh) | 日志输出方法、装置及电子设备 | |
| CN113377376A (zh) | 数据包生成方法、数据包生成装置、电子设备及存储介质 | |
| CN111767498A (zh) | 一种实现文件信息共享的方法和装置 | |
| CN113986322B (zh) | 一种动态修改页面代码的方法、装置及存储介质 | |
| CN117971205A (zh) | Web树组件生成方法、装置、电子设备和存储介质 | |
| CN110968709B (zh) | 数据传输方法及相关系统 | |
| CN111274574B (zh) | 网页事件防抖方法、装置、服务器及计算机可读存储介质 | |
| CN107102866B (zh) | iOS系统下的原生APP文件生成方法、设备以及服务器 | |
| CN117348960A (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 |