基于iframe实现系统文件版本控制的方法及装置与流程

本发明属于网页版本控制领域，具体涉及一种基于iframe实现系统文件版本控制的方法及装置。

背景技术：

目前比较流行的b/s框架系统，由于系统不断进行升级，浏览器端的页面也在不断的进行更新和美化，而在页面更新美化的过程中控制页面上各种元素的样式css文件以及控制页面上各种交互动作的javascript文件也在不断的进行更新。目前市场上大多数的主流浏览器，如谷歌、火狐等为了提高页面的加载效率采取的缓存机制会对开发人员进行文件版本更新时造成极大困扰，如果有一些通用的文件需要进行版本更新，页面数量较大时会进行很多重复性质的工作，而这无疑就降低了工作效率。

此为现有技术的不足，因此，针对现有技术中的上述缺陷，提供一种基于iframe实现系统文件版本控制的方法及装置，是非常有必要的。

技术实现要素：

本发明的目的在于，针对上述由于系统不断进行升级，浏览器端的页面也在不断的进行更新和美化，通用的文件需要进行版本更新，页面数量较大时会进行很多重复性质的工作的缺陷，提供一种基于iframe实现系统文件版本控制的方法及装置，以解决上述技术问题。

为实现上述目的，本发明给出以下技术方案：

一种基于iframe实现系统文件版本控制的方法，将网页系统中版本需更新文件进行封装，通过iframe将封装后文件引入网页系统。

进一步地，具体包括如下步骤：

s1.新建空页面；

s2.在空页面中新建版本文件；

s3.新建应用页面；

s4.通过iframe将版本文件引入应用页面。

进一步地，所述版本文件包括css样式文件和js脚本文件。

进一步地，步骤s1具体步骤如下：

s11.新建version.html文件；

s12.在version.html文件页面指定网页应用系统中各页面需要引入的css样式文件和js脚本文件。

进一步地，步骤s2具体步骤如下：

s21.新建js脚本文件夹；

s22.在js脚本文件夹中新建js脚本文件；

s23.新建css样式文件夹；

s24.在css样式文件夹中新建css样式文件。

进一步地，步骤s3具体步骤如下：

s31.新建index.html文件；

s32.设定应用页面属性。

进一步地，步骤s4具体步骤如下：

通过iframe元素将version.html文件页面引入index.html文件页面。

进一步地，步骤s32中，设定应用页面宽度域300像素，高度域100像素，应用页面区域四周的距离距上50像素，距下10像素，左右居中。

本发明还给出如下技术方案：

一种基于iframe实现系统文件版本控制的装置，包括：

空页面创建模块，用于新建空页面；

版本文件创建模块，用于在空页面中新建版本文件；

应用页面创建模块，用于新建应用页面；

版本文件引入模块，用于通过iframe将版本文件引入应用页面。

进一步地，空页面创建模块包括：

version.html文件创建单元，用于新建version.html文件；

版本文件指定单元，用于在version.html文件页面指定网页应用系统中各页面需要引入的css样式文件和js脚本文件；

版本文件创建模块包括：

js脚本文件夹创建单元，用于新建js脚本文件夹；

js脚本文件创建单元，用于在js脚本文件夹中新建js脚本文件；

css样式文件夹创建单元，用于新建css样式文件夹；

css样式文件创建单元，用于在css样式文件夹中新建css样式文件；

应用页面创建模块包括：

index.html文件创建单元，用于新建index.html文件；

应用页面属性设定单元，用于设定应用页面属性。

本发明的有益效果在于：

本发明在系统页面中引入带有需要的引入文件的空页面，通过控制此空页面中的文件版本信息即可实现系统文件的版本控制，简化了传统的对个版本文件加版本号的工作，提高开发效率，节约人力资源，保证系统质量。

此外，本发明设计原理可靠，结构简单，具有非常广泛的应用前景。

由此可见，本发明与现有技术相比，具有突出的实质性特点和显著的进步，其实施的有益效果也是显而易见的。

附图说明

图1为本发明的方法流程图一；

图2为本发明的方法流程图二；

图3为本发明的系统示意图；

其中，1-空页面创建模块；1.1-version.html文件创建单元；1.2-版本文件指定单元；2-版本文件创建模块；2.1-js脚本文件夹创建单元；2.2-js脚本文件创建单元；2.3-css样式文件夹创建单元；2.4-css样式文件创建单元；3-应用页面创建模块；3.1-index.html文件创建单元；3.2-应用页面属性设定单元；4-版本文件引入模块。

具体实施方式：

为使得本发明的目的、特征、优点能够更加的明显和易懂，下面将结合本发明具体实施例中的附图，对本发明中的技术方案进行清楚、完整地描述。

实施例1：

本发明提供一种基于iframe实现系统文件版本控制的方法，将网页系统中版本需更新文件进行封装，通过iframe将封装后文件引入网页系统；

如图1所示，具体包括如下步骤：

s1.新建空页面；

s2.在空页面中新建版本文件；版本文件包括css样式文件和js脚本文件；

s3.新建应用页面；

s4.通过iframe将版本文件引入应用页面。

实施例2：

如图2所示，一种基于iframe实现系统文件版本控制的方法，包括如下步骤：

s1.新建空页面；具体步骤如下：

s11.新建version.html文件；

s12.在version.html文件页面指定网页应用系统中各页面需要引入的css样式文件和js脚本文件；

s2.在空页面中新建版本文件；版本文件包括css样式文件和js脚本文件；

具体步骤如下：

s21.新建js脚本文件夹；

s22.在js脚本文件夹中新建js脚本文件；

s23.新建css样式文件夹；

s24.在css样式文件夹中新建css样式文件；

s3.新建应用页面；具体步骤如下：

s31.新建index.html文件；

s32.设定应用页面属性；

s4.通过iframe元素将version.html文件页面引入index.html文件页面。

上述实施例2中，步骤s32中，设定应用页面宽度域300像素，高度域100像素，应用页面区域四周的距离距上50像素，距下10像素，左右居中。

实施例3：

上述实施例2中，

s1.新建空页面；通过如下代码实现：

s2.在空页面中新建版本文件；通过如下代码实现：

新建文件夹”js”，然后在js文件夹中新建一个js文件”testjs.js”新建文件夹”css”，然后在css文件夹中新建一个css文件”one.css”s3.新建应用页面；通过如下代码实现：

s4.通过iframe元素将version.html文件页面引入index.html文件页面；通过如下代码实现：

通过上述代码创建js脚本文件夹、css样式文件夹、version.html文件以及version.html文件；

在浏览器中打开index.html，打开开发者工具，可在network中查看当前页面所引入的样式及js文件的版本；

修改versiont.html文件中的文件版本号，在浏览器中刷新index.html页面，检查此时的版本信息，页面刷新时更新了览器中的缓存文件，实现了文件的版本更新。

实施例4：

如图3所示，本发明提供一种基于iframe实现系统文件版本控制的装置，包括：

空页面创建模块1，用于新建空页面；

版本文件创建模块2，用于在空页面中新建版本文件；

应用页面创建模块3，用于新建应用页面；

版本文件引入模块4，用于通过iframe将版本文件引入应用页面；

空页面创建模块1包括：

version.html文件创建单元1.1，用于新建version.html文件；

版本文件指定单元1.2，用于在version.html文件页面指定网页应用系统中各页面需要引入的css样式文件和js脚本文件；

版本文件创建模块2包括：

js脚本文件夹创建单元2.1，用于新建js脚本文件夹；

js脚本文件创建单元2.2，用于在js脚本文件夹中新建js脚本文件；

css样式文件夹创建单元2.3，用于新建css样式文件夹；

css样式文件创建单元2.4，用于在css样式文件夹中新建css样式文件；

应用页面创建模块3包括：

index.html文件创建单元3.1，用于新建index.html文件；

应用页面属性设定单元3.2，用于设定应用页面属性。

本发明的实施例是说明性的，而非限定性的，上述实施例只是帮助理解本发明，因此本发明不限于具体实施方式中所述的实施例，凡是由本领域技术人员根据本发明的技术方案得出的其他的具体实施方式，同样属于本发明保护的范围。