一种Web页面构建方法、装置、计算设备和存储介质与流程

文档序号:16133802发布日期:2018-12-01 00:39阅读:166来源:国知局

本发明涉及web技术领域,尤其涉及一种web页面构建方法、装置、计算设备和存储介质。

背景技术

网站(web)已经深入各行各业,成为最流行的信息和业务平台,包括:电子政务、电子商务、网上银行、网上营业厅等。

随着嵌入式产品的得到越来越广泛的应用,随之而来的是客户对产品界面的要求也越来越丰富。现有技术中,针对不同产品需要对应开发不同的硬件、软件、web等一整套组成部分。随着企业产品的增多,这种开发过程逐渐体现出其局限性:新产品开发周期慢、同时维护多个产品工作量越来越大。这导致企业不断吸收更多人力来完成这些重复而大量的工作,导致产品开发、维护的人力成本越来越高。

综上所述,如何制作出一套既满足通用性,又具有较高的灵活性和扩展性的web页面是亟待解决的问题。



技术实现要素:

本发明实施例提供一种web页面构建方法、装置、计算设备和存储介质,用以解决现有技术中web页面存在的通用性,灵活性,扩展性差的问题。

本发明实施例提供一种web页面的构建方法,包括:

服务器根据用户设备的设备信息,确定需要在所述用户设备中显示的web页面的设置信息;

所述服务器根据所述设置信息,确定所述设置信息对应的动态服务器页面asp文件的特征;

所述服务器若确定所述服务器中存在包括所述特征的asp文件,则将包括所述特征的asp文件加入至生成所述web页面的asp脚本中;

所述服务器执行所述asp脚本,生成所述web页面。

一种可能的实现方式,所述服务器根据所述设置信息,确定所述设置信息对应的动态服务器页面asp文件的特征,包括:

所述服务器根据所述设置信息,确定所述web页面的元素;

所述服务器将所述web页面的元素,确定为所述web页面的asp文件的特征。

一种可能的实现方式,所述服务器根据所述设置信息,确定所述设置信息对应的动态服务器页面asp文件的特征,包括:

所述服务器根据所述设置信息,确定所述web页面的元素以及所述元素的配置参数;

所述服务器将所述web页面的元素以及所述元素的配置参数,确定为所述web页面的asp文件的特征。

通过将web页面的元素以及所述元素的配置参数结合作为所述web页面的asp文件的特征,可以更快的筛选出用户设备需要的配置信息中对应的元素的配置参数与预先存储的asp文件的元素的配置参数的不同的元素,进而提高web页面构建的效率。

一种可能的实现方式,所述服务器将所述asp文件加入至生成所述web页面的asp脚本中,包括:

所述服务器将所述asp文件的配置参数修改为所述web页面的元素的配置参数;

所述服务器将修改后的所述asp文件引用至所述web页面的asp模板脚本中;所述asp模板脚本为用于生成相同用户设备类型的web页面的asp模板脚本。

一种可能的实现方式,所述服务器将修改后的所述asp文件引用至所述web页面的asp模板脚本中之后,还包括:

所述服务器根据所述web页面中的元素,确定对应的css样式;并将所述css样式引用至所述asp脚本中。

一种可能的实现方式,所述方法还包括:

所述服务器若确定所述服务器中不存在所述特征的asp文件,则根据所述特征生成对应特征的asp文件,并将所述特征的asp文件加入至生成所述web页面的asp脚本。

本发明实施例提供一种web页面构建装置,包括:

处理单元,用于根据用户设备的设备信息,确定需要在所述用户设备中显示的web页面的设置信息;根据所述设置信息,确定所述设置信息对应的动态服务器页面asp文件的特征;若确定所述服务器中存在包括所述特征的asp文件,则将包括所述特征的asp文件加入至生成所述web页面的asp脚本中;

生成单元,用于执行所述asp脚本,生成所述web页面。

一种可能的实现方式,所述处理单元包括:

确定模块,用于根据所述设置信息,确定所述web页面的元素;将所述web页面的元素,确定为所述web页面的asp文件的特征。

修改模块,用于将所述asp文件的配置参数修改为所述web页面的元素的配置参数;将修改后的所述asp文件引用至所述web页面的asp模板脚本中;所述asp模板脚本为用于生成相同用户设备类型的web页面的asp模板脚本;

一种可能的实现方式,所述修改模块还用于:

根据所述web页面中的元素,确定对应的css样式;并将所述css样式引用至所述asp脚本中。

一种可能的实现方式,所述处理单元还用于:若确定服务器中不存在所述特征的asp文件,则根据所述特征生成对应特征的asp文件,并将所述特征的asp文件加入至生成所述web页面的asp脚本。

本发明实施例提供一种计算机可读存储介质,所述计算机可读存储介质存储有计算机可执行指令,所述计算机可执行指令用于使所述计算机执行上述实施方式中任一项所述的方法。

本发明实施例提供一种web页面构建的计算设备,包括:

存储器,用于存储程序指令;

处理器,用于调用所述存储器中存储的程序指令,按照获得的程序执行上述实施方式中任一项所述的方法。

本发明实施例,具有如下有益效果:

通过服务器根据用户设备的设备信息,确定需要在所述用户设备中显示的web页面的设置信息;进而确定所述设置信息对应的动态服务器页面asp文件的特征;所述服务器若确定所述服务器中存在包括所述特征的asp文件,则将包括所述特征的asp文件加入至生成所述web页面的asp脚本中;通过所述服务器执行所述asp脚本,生成所述web页面。进而省去了在开发不同的用户设备的web页面时,针对相同设置所需的asp的文件,节省了大量的开发成本和后期维护成本,提高了用户设备的web页面的开发的通用性,灵活性,扩展性,极大的节约了人力成本,提高了web页面的生成效率。

附图说明

图1为本发明实施例提供的一种web构建方法的流程示意图;

图2为本发明实施例提供的一种web构建方法的流程示意图;

图3为本发明实施例提供的一种web构建装置的结构示意图。

具体实施方式

随着网络技术及网页设计的发展,网页的内容越来越丰富,并且通常采用超文本标记语言(hypertextmark-uplanguage,html)格式来体现,html文本是由tml命令组成的描述性文本,html命令可以说明文字、图形、动画、声音、表格、链接等。html不是一种编程语言,而是一种标记语言(markuplanguage),标记语言是一套标记标签(markuptag),html使用标记标签来描述网页,html标记标签通常被称为html标签(htmltag)。html标签是由尖括号包围的关键词,比如<html>;html标签通常是成对出现的,比如<b>和</b>;标签对中的第一个标签是开始标签,第二个标签是结束标签;开始和结束标签也被称为开放标签和闭合标签;html文档描述网页,html文档包含html标签和纯文本,html文档也被称为网页。

在实际应用中,随着嵌入式产品的得到越来越广泛的应用,随之而来的是客户对产品界面的要求也越来越丰富。现有技术中,针对不同产品需要对应开发不同的web页面中的所有元素,元素属性等一整套组成部分。随着企业产品的增多,导致新产品开发周期慢、同时维护多个产品工作量越来越大,效率过低。因此,如图1所示,本申请实施例提供一种web页面构建方法的流程示意图,包括以下步骤:

步骤101:服务器根据用户设备的设备信息,确定需要在所述用户设备中显示的web页面的设置信息;

步骤102:所述服务器根据所述设置信息,确定所述设置信息对应的动态服务器页面asp文件的特征;

步骤103:所述服务器若确定所述服务器中存在包括所述特征的asp文件,则将包括所述特征的asp文件加入至生成所述web页面的asp脚本中;

步骤104:所述服务器执行所述asp脚本,生成所述web页面。

其中,html的结构包括头部(head)、主体(body)两大部分,其中,头部描述浏览器所需的信息,而主体则包含所要说明的具体内容。

在步骤101中,所述用户设备的设备信息可以根据具体的设备进行确定,例如,若所述用户设备为路由器,则所述设备信息可以包括:wan口状态、lan口状态和网络速率,设备型号等。若所述用户设备为监控设备,则所述设备信息可以包括:显示摄像头实时录像,监控结果,预警信息等。智能停车场停车位监控类设备的设备信息可以包括:显示停车位使用情况等。

根据不同用户设备的设备信息,以及用户访问所述用户设备时需要在web页面展示的数据以及交互的需求,可以包括不同的设置信息。

所述设置信息可以为厂家预设的设置信息,厂家还可以根据具体情况的需要,更新所述设置信息;所述设置信息也可以为所述服务器从所述用户设备的数据库中获取web页面文件后获取的数据,所述服务器可以将所述web页面文件保存为asp文件,加入asp脚本中;也可以保存为其他格式的编辑文件,例如,javascript,在此不做限定。下面以asp文件为例进行说明,其他文件的设置方式可以参考asp文件的设置方式,在此不再赘述。

所述web页面文件可以为xml文件,xml指可扩展标记语言(extensiblemarkuplanguage),仅用于传输数据,而非显示数据,xml标签没有被预定义。xml数据以纯文本格式进行存储,xml文档形成了一种树结构,它从“根部”开始,然后扩展到“枝叶”。xml文档必须包含根元素。该元素是所有其他元素的父元素。xml文档中的元素形成了一棵文档树。这棵树从根部开始,并扩展到树的最底端。所有元素均可拥有子元素:所有元素均可拥有文本内容和属性(类似html中)。xml元素指的是从(且包括)开始标签直到(且包括)结束标签的部分。元素可包含其他元素、文本或者两者的混合物。通过xmldom(documentobjectmodel)可以访问和操作xml中所有的元素,并且可以修改元素的内容(文本以及属性),创建新的元素。

当然,也可以根据asp获取所述用户设备的设置信息,例如,通过ado接口从asp文件内部访问所述用户设备的数据库。具体的,可以包括:创建至数据库的ado连接(adoconnection),打开数据库连接,创建ado记录集(adorecordset),打开记录集(recordset),从数据集中提取所需要的数据,关闭数据集,关闭连接。

因此,针对不同的设置信息,需要对所述用户设备的web页面设置不同的html元素,以及所述html元素对应的属性。

html主要用于显示数据,即使用html进行布局和显示。因此,在构建所述web页面时,仅需要设置所述html的布局和显示的元素即可。在需要动态更新所述web页面中的数据时,可以通过javascript,读取xml文件,进而更新html中的数据内容,不再需要对html进行任何的改变。

html元素指的是从开始标签(starttag)到结束标签(endtag)的所有代码。元素的内容是开始标签与结束标签之间的内容。大多数html元素可拥有属性,属性为html元素提供附加信息。html标签可以拥有属性。属性提供了有关html元素的更多的信息。属性是以名称/值对的形式出现,比如:name="value"。属性在html元素的开始标签中规定。

为提高html的开发效率,本申请实施例中,可以通过动态服务器页面(activeserverpages,asp)进行web网页的构建。

asp是在internet信息服务(internetinformationservices,iis)中运行的程序。服务器可执行asp文件中的脚本。asp文件可以包含html标签,asp文件也可以包含服务器端脚本,这些脚本被分隔符<%和%>包围起来。所述服务器脚本,可包含合法的表达式、语句、或者运算符。

asp可以动态地编辑、改变或者添加web页面的任何内容;asp可以为不同的用户定制网页,以提高web页面的可用性。

在步骤102中,所述服务器根据所述设置信息,确定所述设置信息对应的动态服务器页面asp文件的特征,包括:

步骤一、所述服务器根据所述设置信息,确定所述web页面的元素;

步骤二、所述服务器将所述web页面的元素,确定为所述web页面的asp文件的特征。

web上的一个应用程序可以是一组asp文件。这些asp文件一起协同工作来完成某项任务。在页面上创建需使用的函数、页眉、页脚或者其他元素时,可以直接先通过引用预先存储的asp文件来实现,以减少开发的工作量,提高开发和维护的效率。因此,可以根据判断所述页面上需要的asp文件的特征,进而确定需要引用的asp文件。

所述asp文件的特征可以包括:所述web页面的元素。

举例来说,若确定所述元素为用于用户输入账户信息的表单,所述表单元素可以为不同类型的输入元素、复选框、单选按钮和提交按钮等元素的一项或多项。所述服务器可以获取所述用于用户输入账户信息的表单对应的asp文件,其中,所述asp文件中可能全部包括所述元素中需要的asp文件,例如,输入元素对应的asp文件,选择列表对应的asp文件,按钮对应的asp文件。也可能还需要再添加相应的元素,此时,可以再对应查找相应的元素对应的asp,并根据asp文件的引用命令,引用至所述元素对应的asp文件中。

在具体实施过程中,可以通过对所述asp文件添加标签确定所述asp文件的特征,也可以通过读取所述asp文件,进而确定所述asp文件中的元素,在此不做限定。

通过将web页面的元素作为所述web页面的asp文件的特征,可以准确的筛选出用户设备需要的配置信息中对应的元素的特征与预先存储的asp文件的元素的不同的元素的特征,进而提高web页面构建的效率。

一种可能的实现方式,所述服务器根据所述设置信息,确定所述设置信息对应的动态服务器页面asp文件的特征,包括:

步骤一、所述服务器根据所述设置信息,确定所述web页面的元素以及所述元素的配置参数;

步骤二、所述服务器将所述web页面的元素以及所述元素的配置参数,确定为所述web页面的asp文件的特征。

通过将web页面的元素以及所述元素的配置参数结合作为所述web页面的asp文件的特征,可以更快的筛选出用户设备需要的配置信息中对应的元素的配置参数与预先存储的asp文件的元素的配置参数的不同的元素,进而提高web页面构建的效率。

在步骤103中,一种可能的实现方式,若确定所述预先存储的asp文件的元素的配置参数与所述用户设备需要的配置信息中对应的元素的配置参数不同,所述服务器将所述asp文件加入至生成所述web页面的asp脚本中的过程,可以包括:

步骤一、所述服务器将所述asp文件的配置参数修改为所述web页面的元素的配置参数;

步骤二、所述服务器将修改后的所述asp文件引用至所述web页面的asp模板脚本中;所述asp模板脚本为用于生成相同用户设备类型的web页面的asp模板脚本。

通过上述方法生成所述asp文件的模板,可以更好的适应用户的需要,满足用户的设置信息的情况下,提高模板的通用性,进一步提高web页面的构建的效率。

一种可能的实现方式,可以根据web页面中的元素的类型生成对应的asp文件的模板,用于所述服务器在开发web页面需要使用所述类型的元素时,直接调用所述asp文件的模板,仅需要修改对应的参数即可,而不需要再次编写对应的asp文件,提高了开发和维护的效率。

结合上述例子,若所述服务器确定所述asp文件为用于用户输入账户信息的表单的asp文件,其中所述web页面中需要用户输入账号信息的表单中仅需要输入控件和按钮,此时,可以筛选所述asp文件的模板中的元素,并根据所述web页面中元素的配置参数相应修改。

基于同样的发明构思,所述asp脚本也可以根据用户设备的类型设置相应的模板,即所述asp模板脚本,以提高所述asp脚本的开发效率。

一种可能的实现方式,所述方法还包括:

所述服务器若确定所述服务器中不存在所述特征的asp文件,则根据所述特征生成对应特征的asp文件,并将所述特征的asp文件加入至生成所述web页面的asp脚本。

通过上述方法生成所述asp文件的模板,可以更好的适应用户的需要,满足用户的设置信息的情况下,提高模板的通用性,进一步提高web页面的构建的效率。

进一步的,可以根据生成的所述asp脚本,更新所述asp模板脚本,便于生成所述用户设备的相同类型的其他用户设备时,或者,所述用户设备需要更新升级时,对应修改所述web页面中的asp文件,提高生产和运维相同类型的用户设备对应的web页面的效率。

在具体实施过程中,asp中的application对象将asp文件捆绑在一起,形成一个应用程序。application对象用于存储和访问来自任何页面的变量,变量可以包括application变量,session变量等。application变量用于存储一个特定的应用程序中所有用户的信息,且对一个应用程序中的所有页面均有效。所有的用户分享一个application对象。session变量用于存储单一用户的信息,并且对一个应用程序中的所有页面均有效。例如,存储于session中的数据可以包括姓名、id或参数。

在具体实施过程中,所述服务器将生成所述asp脚本之后,还包括:

所述服务器根据所述web页面中的元素,确定对应的css样式;并将所述css样式引用至所述asp脚本中。

通过上述方法直接调用所述asp文件的模板,仅需要修改对应的参数即可,而不需要再次编写对应的asp文件,提高了开发和维护的效率。

在具体实施过程中,可以根据用户设备的类型进行分类,并将相同类型的用户设备需要的css样式用相同标签进行标记,还可以存储至相同的文件夹中,用于引用时可以仅根据用户设备的类型进行查找,节省了服务器的开销,提高了web网页的开发效率。

一种可能的实现方式,所述用户设备的数据库存储所述web页面的样式字段,用于保存所述web页面的css样式信息。

根据所述用户设备的类型对应存储所述web页面的css样式信息,在所述css样式信息中包括根据css的类型进行分组后的css样式。所述css样式可以为根据现有的web页面中提取出的css样式,也可以为针对所述用户设备新生成的css样式。

css样式是一种改变html元素样式的方式。html元素样式,能够通过使用style属性直接将样式添加到html元素,或者间接地在独立的样式表中(css文件)进行定义。通过使用html4.0,所有的格式化代码均可移出html文档,然后移入一个独立的样式表。对html进行分类(设置类),进而为元素的类定义css样式。为相同的类设置相同的样式,或者为不同的类设置不同的样式。

具体的,可以有以下三种方式来插入css样式表。外部样式表:当样式需要被应用到很多页面的时候,外部样式表将是理想的选择。使用外部样式表,你就可以通过更改一个文件来改变整个站点的外观。内部样式表:当单个文件需要特别样式时,就可以使用内部样式表。你可以在head部分通过<style>标签定义内部样式表。内联样式表:当特殊的样式需要应用到个别元素时,就可以使用内联样式。使用内联样式的方法是在相关的标签中使用样式属性。样式属性可以包含任何css属性。

一种可能的实现方式,所述方法还包括:

所述服务器若确定所述服务器中不存在所述特征的asp文件,则根据所述特征生成对应特征的asp文件,并将所述特征的asp文件加入至生成所述web页面的asp脚本。

通过上述方法只需要直接调用所述asp文件的模板,而不需要再次编写对应的asp文件,提高了开发和维护的效率。

在步骤104中,包括:

所述服务器执行所述asp脚本,并从所述用户设备的数据库中获取所述用户设备的数据,生成所述web页面的html文件;

所述服务器将所述web页面的html文件返回至浏览器;所述浏览器为接收到用户输入的所述web页面请求的浏览器。

所述浏览器根据所述服务器发送的所述web页面的html文件,加载所述html文件对应的html数据,并在加载完毕后,解析所述html数据,建立标签元素组成的树结构,并计算建立的树结构中各标签的位置,最后,根据各标签的位置进行排版后显示web网页请求对应的网页。

如图2所示,本发明实施例提供一种web页面构建方法的流程示意图,包括:

步骤201:服务器向设备数据库发送所述用户设备的设置信息的获取请求;

所述设置信息中的数据可以为webstyle格式,也可以为其他格式,在此不做限定。

步骤202:所述设备数据库返回所述用户设备的设置信息;

所述设备数据库还可以返回所述用户设备的设置信息在web页面上显示的元素的配置参数。

步骤203:所述服务器根据所述设置信息,确定所述设置信息对应的动态服务器页面asp文件的特征;

具体的,所述服务器根据所述设置信息,确定所述web页面的元素;

所述服务器将所述web页面的元素,确定为所述web页面的asp文件的特征。

步骤204:所述服务器根据所述特征,生成所述web页面的asp脚本;

具体的,所述服务器若确定所述服务器中存在包括所述特征的asp文件,则将包括所述特征的asp文件加入至生成所述web页面的asp脚本中;所述服务器将所述asp文件的配置参数修改为所述web页面的元素的配置参数;所述服务器将修改后的所述asp文件引用至所述web页面的asp模板脚本中;所述asp模板脚本为用于生成相同用户设备类型的web页面的asp模板脚本。

所述服务器根据所述web页面中的元素,确定对应的css样式;并将所述css样式引用至所述asp脚本中。

步骤205:所述服务器接收用户设备发送所述web页面的访问请求;

步骤206:所述服务器根据所述访问请求向所述数据库发送所述web页面的数据访问请求;

步骤207:所述服务器接收所述数据库返回的所述web页面的数据,执行所述asp脚本,生成所述web页面。

步骤208:所述用户设备接收所述web页面的文件;

步骤209:所述用户设备的浏览器渲染所述web页面的文件并显示web页面。

如图3所示,本发明实施例提供一种web页面构建装置,包括:

处理单元301,用于根据用户设备的设备信息,确定需要在所述用户设备中显示的web页面的设置信息;根据所述设置信息,确定所述设置信息对应的动态服务器页面asp文件的特征;若确定所述服务器中存在包括所述特征的asp文件,则将包括所述特征的asp文件加入至生成所述web页面的asp脚本中;

生成单元302,用于执行所述asp脚本,生成所述web页面。

一种可能的实现方式,处理单元301包括:

确定模块,用于根据所述设置信息,确定所述web页面的元素;将所述web页面的元素,确定为所述web页面的asp文件的特征。

修改模块,用于将所述asp文件的配置参数修改为所述web页面的元素的配置参数;将修改后的所述asp文件引用至所述web页面的asp模板脚本中;所述asp模板脚本为用于生成相同用户设备类型的web页面的asp模板脚本;

一种可能的实现方式,所述修改模块,还用于根据所述web页面中的元素,确定对应的css样式;并将所述css样式引用至所述asp脚本中。

一种可能的实现方式,处理单元301还用于:若确定服务器中不存在所述特征的asp文件,则根据所述特征生成对应特征的asp文件,并将所述特征的asp文件加入至生成所述web页面的asp脚本。

本发明实施例提供一种计算机可读存储介质,所述计算机可读存储介质存储有计算机可执行指令,所述计算机可执行指令用于使所述计算机执行上述实施方式中任一项所述的方法。

本发明实施例提供一种web页面构建的计算设备,包括:

存储器,用于存储程序指令;

处理器,用于调用所述存储器中存储的程序指令,按照获得的程序执行上述实施方式中任一项所述的方法。

本领域内的技术人员应明白,本发明的实施例可提供为方法、系统、或计算机程序产品。因此,本发明可采用完全硬件实施例、完全软件实施例、或结合软件和硬件方面的实施例的形式。而且,本发明可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、cd-rom、光学存储器等)上实施的计算机程序产品的形式。

本发明是参照根据本发明实施例的方法、设备(系统)、和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理设备的处理器以产生一个机器,使得通过计算机或其他可编程数据处理设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。

这些计算机程序指令也可存储在能引导计算机或其他可编程数据处理设备以特定方式工作的计算机可读存储器中,使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品,该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。

这些计算机程序指令也可装载到计算机或其他可编程数据处理设备上,使得在计算机或其他可编程设备上执行一系列操作步骤以产生计算机实现的处理,从而在计算机或其他可编程设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。

尽管已描述了本发明的优选实施例,但本领域内的技术人员一旦得知了基本创造性概念,则可对这些实施例做出另外的变更和修改。所以,所附权利要求意欲解释为包括优选实施例以及落入本发明范围的所有变更和修改。

显然,本领域的技术人员可以对本发明进行各种改动和变型而不脱离本发明的精神和范围。这样,倘若本发明的这些修改和变型属于本发明权利要求及其等同技术的范围之内,则本发明也意图包含这些改动和变型在内。

当前第1页1 2 
网友询问留言 已有0条留言
  • 还没有人留言评论。精彩留言会获得点赞!
1