本发明专利技术公开了一种网页生成方法、计算机设备及存储介质。方法包括：接收网页获取指令，根据网页获取指令调用外部网页的静态内容；利用外部网页的静态内容生成新的网页静态内容；当需要保留外部网页的样式和效果时，将新的网页静态内容插入页面或组件；当不需要保留外部网页的样式和效果时，删除新的网页静态内容的样式和效果，再插入到页面或组件；根据编辑指令在页面或组件中生成新的网页样式和效果。计算机设备包括存储器和处理器，计算机程序被处理器执行时实现上述方法。计算机可读存储介质，其上存储有计算机程序，计算机程序被处理器执行时实现上述方法。本发明专利技术可以在新系统中调用老系统或外部的网页静态内容，提升网站开发效率。率。率。
【技术实现步骤摘要】
一种网页生成方法、计算机设备及存储介质
[0001]本专利技术属于计算机
，具体涉及一种网页生成方法、计算机设备及存储介质。
技术介绍
[0002]在当前的网站开发领域，使用新系统开发的网站也日益增多。然而，一些网站还是采用老系统的开发模式，在用新系统开发网站时，需要兼容这些老系统，如何调用这些老系统生成的网页静态内容成为一个需要解决的问题。
[0003]另外，在使用新系统开发网站时，每当修改文件，都要重新打包部署，当有些内容需要经常修改时，就需要不断地打包部署，这样使网站开发效率大大地降低。
技术实现思路
[0004]为了解决上述现有技术存在的问题和不足，本专利技术的目的是提供一种网页生成方法、计算机设备及存储介质，可以在新系统中调用老系统或外部的网页静态内容，提升网站开发的效率。
[0005]为实现是上述目的，本专利技术首先提供一种网页生成方法，方法包括：
[0006]接收网页获取指令，根据网页获取指令调用外部网页的静态内容；
[0007]利用外部网页的静态内容生成新的网页静态内容；
[0008]当需要保留外部网页的样式和效果时，将新的网页静态内容插入页面或组件；
[0009]当不需要保留外部网页的样式和效果时，删除新的网页静态内容的样式和效果，将删除样式和效果后的网页静态内容插入到页面或组件；获取样式和效果编辑指令，根据编辑指令在页面或组件中生成新的网页样式和效果。
[0010]进一步地，利用外部网页的静态内容包括：缓存网页静态内容中标签的信息，并删除标签。
[0011]进一步地，标签包括：<html>、<body>和<head>；标签的信息包括：id、class属性、样式和效果。
[0012]进一步地，得到新的网页静态内容包括：将已缓存的标签的信息添加到新的标签上，得到新的网页静态内容。
[0013]进一步地，将新的网页静态内容插入到页面或组件上之后还包括：在页面或组件销毁时，删除新的网页静态内容，并将页面或组件重置为插入前的状态。
[0014]进一步地，调用外部网页的静态内容包括：封装获取静态文件方法，设置请求的响应类型，在页面或组件上通过获取静态文件方法请求调用外部网页静态内容。
[0015]本专利技术还提供一种计算机设备，包括存储器和处理器，存储器上存储有可在处理器上运行的计算机程序，计算机程序被处理器执行时实现上述的网页生成方法。
[0016]本专利技术还提供一种计算机可读存储介质，其上存储有计算机程序，计算机程序被处理器执行时实现上述的网页生成方法。
[0017]与现有技术相比，本专利技术的有益效果包括：本专利技术将老系统的内容，或经常修改的内容做成外部HTML内容，这样在新系统中开发网站时，调用之前老系统开发的HTML内容，不需要使用iframe去套嵌，不需要打包部署，可以实现新系统完美兼容老系统的HTML内容，提升网页生成效率。HTML内容可以灵活的裁剪添加，既可以保留原HTML内容的样式和效果，又可以根据网站业务需求自由调整网页样式和效果，提升了网站开发的效率。
附图说明
[0018]图1是本专利技术实施例一的方法步骤图；
[0019]图2是本专利技术实施例二的线路连接图.
具体实施方式
[0020]为了使本专利技术的目的、技术方案及优点更加清楚明白，以下结合附图及实施例，对本专利技术进行进一步详细说明。应当理解，此处所描述的具体实施例仅仅用以解释本专利技术，并不用于限定本专利技术。
[0021]实施例一：
[0022]本专利技术实施例一提供一种网页生成方法，新系统以Vue(一套构建用户界面的渐进式框架)系统为例，网页静态内容具体为HTML(HyperText Markup Language，即超文本标记语言)内容；如图1所示，方法包括以下步骤：
[0023]S1，接收网页获取指令，根据网页获取指令调用外部网页的静态内容；具体地包括：基于axios(一种基于promise用于浏览器和node.js的http客户端，用于向后台发起请求的，还有在请求中做更多是可控功能)封装获取静态文件方法，设置请求的响应类型为document。获取静态文件方法为getStaticDocument方法。
[0024]S2，利用外部网页的静态内容生成新的网页静态内容；具体地包括：
[0025]在需要调用外部HTML内容的页面或组件上请求调用外部HTML内容。外部HTML内容，可以是老系统的HTML内容或者需要修改或调用的HTML内容。在需要调用外部HTML的页面或组件执行getStaticDocument方法，发送指令，请求调用外部HTML内容。
[0026]对获取到的HTML内容进行处理，缓存HTML内容中标签的信息，并删除标签；将已缓存的标签的信息添加到新的标签上，得到新的HTML内容。具体地包括：将内容中的<html>、<body>标签上的id和class属性在Vuex(一个专为Vue.js应用程序开发的状态管理模式)中分别用tagHtmlId、tagHtmlClass、tagBodyId和tagBodyClass缓存起来，将<head>标签里包含的样式和JavaScript(简称js，一种具有函数优先的轻量级，解释型或即时编译型的高级编程语言)效果用tagHeadCssJs缓存起来，然后删除<html>、<head>、<body>标签，得到新的HTML内容。
[0027]本实施例中HTML内容的效果具体为JavaScript效果。
[0028]S3，当需要保留外部网页的样式和JavaScript效果时，将新的网页静态内容插入页面或组件。具体地包括：将缓存好的tagHtmlId和tagHtmlClass添加到新HTML内容的<html>标签上，将tagBodyId和tagBodyClass添加到新HTML内容的<body>标签上，然后将tagHeadCssJs插入到新HTML内容的<head>标签里，最后使用jQuery(一种高效、精简并且功能丰富的JavaScript工具库)中的.html()方法，将新的HTML内容插入到页面或组件中。
[0029]在页面或组件销毁时，删除刚刚插入的内容，重置为插入前的状态。这样可以方便页面或组件HTML内容的多次修改。
[0030]S4，当不需要保留外部网页的样式和JavaScript效果时，删除新的网页静态内容的样式和JavaScript效果，将删除样式和JavaScript效果后的网页静态内容插入到页面或组件；获取样式和效果编辑指令，根据所编辑指令在页面或组件中生成新的网页样式本文档来自技高网...
【技术保护点】
【技术特征摘要】
1.一种网页生成方法，其特征在于，方法包括：接收网页获取指令，根据所述网页获取指令调用外部网页的静态内容；利用所述外部网页的静态内容生成新的网页静态内容；当需要保留所述外部网页的样式和效果时，将所述新的网页静态内容插入页面或组件；当不需要保留所述外部网页的样式和效果时，删除所述新的网页静态内容的样式和效果，将删除样式和效果后的网页静态内容插入到页面或组件；获取样式和效果编辑指令，根据所述编辑指令在所述页面或组件中生成新的网页样式和效果。2.如权利要求1所述的网页生成方法，其特征在于，利用所述外部网页的静态内容包括：缓存所述网页静态内容中标签的信息，并删除所述标签。3.如权利要求2所述的网页生成方法，其特征在于，生成新的网页静态内容包括：将已缓存的所述标签的信息添加到新的标签上，得到所述新的网页静态内容。4.如权利要求2所述的网页生成方法，其特征在于，所述标签包括：<html>、<body&g...
【专利技术属性】
技术研发人员：黄敏志，潘叶江，
申请(专利权)人：华帝股份有限公司，
类型：发明
国别省市：
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。