CN104123143A - 用户控件加载系统及方法 - Google Patents

Abstract

一种用户控件加载系统及方法，其包括：根据用户选择的用户控件创建文本文件，并将客户端向服务器请求的用户控件的信息保存至该文本文件中；判断网页文件中是否有客户端向服务器请求的用户控件；当网页文件中没有客户端向服务器请求的用户控件时，通过网页脚本文件中的网页脚本方法请求服务器调用服务文件；根据客户端发送的用户控件所对应的预设参数读取相应文本文件中所需的用户控件的信息，并将所述用户控件的信息返回给服务文件；利用网页脚本文件中的网页脚本方法调用服务文件中获取的所述用户控件的信息，并对用户控件进行封装；将封装好的用户控件加载到网页页面。该系统及方法可以将用户控件实时加载到客户端的网页页面上。

Description

用户控件加载系统及方法

技术领域

本发明涉及一种用户控件加载系统及方法。

背景技术

在网页页面的开发过程中，经常会遇到自定义的用户控件在网页页面中重复使用。目前使用用户控件流行的做法是：在页面设计时向页面中添加需要的用户控件。这种方式不仅会造成页面文档所占磁盘空间太大，并且会延迟页面的加载速度从而造成客户端响应速度迟缓，影响浏览网站时的用户体验，此外这种方式还能轻易地在窗体中进行页面导航和网站分析，影响网站的安全性。

发明内容

鉴于以上内容，有必要提供用户控件加载系统及方法，其可以有效地将用户控件实时加载到客户端的网页页面上，不仅使生成的网页页面很小，满足快速加载和高响应率的要求，而且在用户检视网页源代码时看不到网站的源码，也不能进行网站的导航操作，保证了网站的安全性。

一种用户控件加载系统，其包括：创建模块，用于根据选择的用户控件创建文本文件，并将客户端向服务器请求的用户控件的信息保存至该文本文件中；判断模块，用于判断网页文件中是否有客户端向服务器请求的用户控件；调用模块，用于当网页文件中没有客户端向服务器请求的用户控件时，通过网页脚本文件中的网页脚本方法请求服务器调用服务文件；读取模块，用于根据客户端发送的用户控件所对应的预设参数读取相应文本文件中所需的用户控件的信息，并将所述用户控件的信息返回给服务文件；封装模块，用于利用网页脚本文件中的网页脚本方法调用服务文件中获取的所述用户控件的信息，并对用户控件进行封装；加载模块，用于将封装好的用户控件加载到网页页面。

一种用户控件加载方法，该方法包括：创建步骤，根据用户选择的用户控件创建文本文件，并将客户端向服务器请求的用户控件的信息保存至该文本文件中；判断步骤，判断网页文件中是否有客户端向服务器请求的用户控件；调用步骤，当网页文件中没有客户端向服务器请求的用户控件时，通过网页脚本文件中的网页脚本方法请求服务器调用服务文件；读取步骤，根据客户端发送的用户控件所对应的预设参数读取相应文本文件中所需的用户控件的信息，并将所述用户控件的信息返回给服务文件；封装步骤，利用网页脚本文件中的网页脚本方法调用服务文件中获取的所述用户控件的信息，并对用户控件进行封装；加载步骤，将封装好的用户控件加载到网页页面。

相较于现有技术，所述用户控件加载系统及方法，其提供邮件模板供寄件人微调保证了邮件的规范性，并对发送的邮件进行审批保证了企业信息安全，最大限度降低了人为疏失发生的可能。

附图说明

图1是本发明用户控件加载系统的应用环境图。

图2是本发明用户控件加载系统的模块图。

图3是本发明用户控件加载方法的较佳实施例的流程图。

主要元件符号说明

服务器	1
		客户端	3
网络	4
		用户控件加载系统	10
创建模块	100
		判断模块	101
调用模块	102
		读取模块	103
封装模块	104
		加载模块	105

获取模块	106
		存储器	11
处理器	12

如下具体实施方式将结合上述附图进一步说明本发明。

具体实施方式

如图1所示，是本发明用户控件加载系统的应用环境图。用户控件加载系统10应用于服务器1中生成用户所需的用户控件并动态加载到客户端3的网页上。所述服务器1通过网络4与多个客户端3进行通信连接。

所述客户端3可以是台式电脑、笔记本电脑、平板电脑等。所述网络4可以是国际互联网、企业内部网或者其它无线网络。

如图2所示，是本发明用户控件加载系统的模块图。在本实施例中，所述用户控件加载系统10包括创建模块100、判断模块101、调用模块102、读取模块103、封装模块104、加载模块105及获取模块106。本发明所称的模块是指一种能够被处理器12所执行并且能够完成固定功能的一系列计算机程序段，其存储在存储器11中。在本实施例中，关于各模块的功能将在图3的流程图中具体描述。

如图3所示，是本发明用户控件加载方法的较佳实施例的流程图。根据不同的需求，该流程图中步骤的顺序可以改变，某些步骤可以省略。

步骤S10，初始化服务器1上的网页文件、服务文件、级联样式表（Cascading Style Sheet，CSS）、网页脚本文件，并触发该网页文件对应的网页事件onload。

所述网页文件为在服务器1上运行的动态网页文件，其包括aspx文件及jsp（Java Server Pages)文件。所述网页文件由浏览器解析，最终呈现给用户的文件。该网页文件包含客户端3向服务器1请求加载成功的用户控件。当客户端3再次向服务器1请求该用户控件时，会直接从网页文件中获取，并在该网页文件对应的网页页面上显示。

所述服务文件用于从服务器1上获取生成用户控件所需的信息，其包括泛型服务常式.ashx文件。所述服务文件对应服务地址url。

所述网页脚本文件用于保存多个网页脚本方法，每个网页脚本方法所对应的用途可能不一样，利用所述网页脚本方法可以调用服务文件中所获取的生成用户控件所需的信息，并传送给网页文件进行渲染和解析，所述网页脚本文件可以是JavaScript。

所述级联样式表用于控制网页外观，即控制用户控件的显示属性。通过该级联样式表可以指定用户控件在网页中的位置，外观等。

所述一个网页文件对应一个网页页面，该网页文件绑定一个网页事件onload。在初始化完毕后，触发该网页事件onload来完成初始化后的后续动作，该网页事件onload用于根据客户端3请求生成相应的用户控件，并加载到该网页文件对应的网页页面上。

步骤S11，创建模块100根据用户选择的用户控件创建文本文件。所述文本文件用于保存客户端3向服务器1请求的用户控件的信息。

步骤S12，判断模块101判断网页文件中是否有客户端3向服务器1请求的用户控件。当网页文件中有客户端3向服务器1请求的用户控件时，执行步骤S17，获取模块106直接从网页文件中获取客户端3向服务器1请求的用户控件；当网页文件中没有客户端3向服务器1请求的用户控件时，执行步骤S13。

步骤S13，调用模块102通过利用网页脚本文件中的网页脚本方法请求服务器1调用所述服务文件，使该服务文件与服务器1异步通信以获取文本文件中用户控件的信息。

在本实施例中，网页脚本文件以JavaScript为例，服务文件以泛型服务常式.ashx文件为例，调用模块创建一个网页脚本方法（如GetStream），在网页脚本方法中利用JQuery类中异步加载Ajax的XMLHttpRequest技术及泛型服务常式.ashx文件地址来实现服务文件与服务器1的异步通信。

步骤S14，读取模块103根据客户端3发送的用户控件所对应的预设参数读取相应文本文件中所需的用户控件的信息，并将所述用户控件的信息返回给服务文件。

所述预设参数为客户端3与服务器1预约好的参数，如客户端3请求的用户控件为列表，列表所对应的预设参数为200，当客户端3发送该预设参数为200时，服务器1就能知道客户端所请求的用户控件为列表。

在本实施例中，读取模块103使用文件流FileStream到服务器1中该用户控件所对应的文本文件的位置上打开该文本文件，并生成文本读写器（如StreamReader），对该文本文件进行只读操作，以字符流形式读取并返回给服务文件。

步骤S15，封装模块104利用网页脚本文件中的网页脚本方法调用服务文件中获取的所述用户控件的信息，并对用户控件进行封装。

在本实施例中，封装模块104利用网页脚本文件JavaScript中的网页脚本方法和级联样式表对所需的用户控件进行封装。具体封装过程如下：首先给字符流添加不同的超文本标记语言（Hypertext Markup Language，HTML）标签，所述字符流为网页脚本文件从服务文件中调用的，其次为该HTML标签添加用户所需的CSS样式，从而使浏览器能够根据HTML标签进行识别及解析，并在网页页面上显示用户控件。所述HTML标签是HTML语言中最基本的单位，每个用户控件对应一个HTML标签，如列表对应列表标签、窗体对应窗体标签等。

步骤S16，加载模块105将封装好的用户控件加载到网页页面。将网页脚本文件添加到网页文件中，初始化网页页面并将封装好的用户控件加载到网页页面上。

通过步骤S10到S17，其通过网页脚本文件调用服务文件从服务器1上的文本文件读取的生成用户控件所需的信息，利用网页脚本文件中的网页脚本方法和级联样式表对所需的用户控件进行封装，并动态加载到网页页面中。不仅生成的网页页面很小，满足快速加载和高响应率的要求，同时也保证了网站的安全性。

最后应说明的是，以上实施例仅用以说明本发明的技术方案而非限制，尽管参照较佳实施例对本发明进行了详细说明，本领域的普通技术人员应当理解，可以对本发明的技术方案进行修改或等同替换，而不脱离本发明技术方案的精神和范围。

Claims (10)

1.一种用户控件加载系统，其特征在于，该系统包括：

创建模块，用于根据选择的用户控件创建文本文件，并将客户端向服务器请求的用户控件的信息保存至该文本文件中；

判断模块，用于判断网页文件中是否有客户端向服务器请求的用户控件；

调用模块，用于当网页文件中没有客户端向服务器请求的用户控件时，通过网页脚本文件中的网页脚本方法请求服务器调用服务文件；

读取模块，用于根据客户端发送的用户控件所对应的预设参数读取相应文本文件中所需的用户控件的信息，并将所述用户控件的信息返回给服务文件；

封装模块，用于利用网页脚本文件中的网页脚本方法调用服务文件中获取的所述用户控件的信息，并对用户控件进行封装；

加载模块，用于将封装好的用户控件加载到网页页面。

2.如权利要求1所述的用户控件加载系统，其特征在于，该系统还包括获取模块，用于当网页文件中有客户端向服务器请求的用户控件时，直接从网页文件中获取。

3.如权利要求1所述的用户控件加载系统，其特征在于，所述网页文件包括aspx文件及jsp文件，所述服务文件包括泛型服务常式.ashx文件，所述网页脚本文件包括JavaScript。

4.如权利要求1所述的用户控件加载系统，其特征在于，所述读取模块使用文件流FileStream到服务器该用户控件所对应的文本文件的位置上打开该文本文件，并生成文本读写器，对该文本文件进行只读操作，以字符流形式读取并返回给服务文件。

5.如权利要求4所述的用户控件加载系统，其特征在于，所述封装模块封装用户控件具体包括：利用网页脚本文件中的网页脚本方法从服务文件中调用字符流，给所述字符流添加不同的超文本标记语言HTML标签，然后为该HTML标签添加用户所需的级联样式表CSS样式。

6.一种用户控件加载方法，其特征在于，该方法包括：

创建步骤，根据用户选择的用户控件创建文本文件，并将客户端向服务器请求的用户控件的信息保存至该文本文件中；

判断步骤，判断网页文件中是否有客户端向服务器请求的用户控件；

调用步骤，当网页文件中没有客户端向服务器请求的用户控件时，通过网页脚本文件中的网页脚本方法请求服务器调用服务文件；

读取步骤，根据客户端发送的用户控件所对应的预设参数读取相应文本文件中所需的用户控件的信息，并将所述用户控件的信息返回给服务文件；

封装步骤，利用网页脚本文件中的网页脚本方法调用服务文件中获取的所述用户控件的信息，并对用户控件进行封装；

加载步骤，将封装好的用户控件加载到网页页面。

7.如权利要求6所述的用户控件加载方法，其特征在于，该方法还包括获取步骤，当网页文件中有客户端向服务器请求的用户控件时，直接从网页文件中获取。

8.如权利要求6所述的用户控件加载方法，其特征在于，所述网页文件包括aspx文件及jsp文件，所述服务文件包括泛型服务常式.ashx文件，所述网页脚本文件包括JavaScript。

9.如权利要求6所述的用户控件加载方法，其特征在于，所述读取步骤使用文件流FileStream到服务器该用户控件所对应的文本文件的位置上打开该文本文件，并生成文本读写器，对该文本文件进行只读操作，以字符流形式读取并返回给服务文件。

10.如权利要求9所述的用户控件加载方法，其特征在于，所述封装用户控件具体步骤包括：利用网页脚本文件中的网页脚本方法从服务文件中调用字符流，给所述字符流添加不同的超文本标记语言HTML标签，然后为该HTML标签添加用户所需的级联样式表CSS样式。