TW201441837A - 用戶控制項載入系統及方法 - Google Patents

Abstract

一種用戶控制項載入系統及方法，其包括：根據用戶選擇的用戶控制項創建文字文檔，並將用戶端向伺服器請求的用戶控制項的資訊保存至該文字文檔中；當網頁文檔中沒有用戶端向伺服器請求的用戶控制項時，透過網頁腳本文檔中的網頁腳本方法請求伺服器調用服務文檔；根據用戶端發送的用戶控制項所對應的預設參數讀取相應文字文檔中所需的用戶控制項的資訊，並將所述用戶控制項的資訊返回給服務文檔；利用網頁腳本文檔中的網頁腳本方法調用服務文檔中獲取的所述用戶控制項的資訊，並對用戶控制項進行封裝；將封裝好的用戶控制項載入到網頁頁面。

Description

用戶控制項載入系統及方法

本發明涉及一種用戶控制項載入系統及方法。

在網頁頁面的開發過程中，經常會遇到自定義的用戶控制項在網頁頁面中重複使用。目前使用用戶控制項流行的做法是：在頁面設計時向頁面中添加需要的用戶控制項。這種方式不僅會造成頁面文檔所佔磁碟空間太大，並且會延遲頁面的載入速度從而造成用戶端回應速度遲緩，影響瀏覽網站時的用戶體驗，此外這種方式還能輕易地在表單中進行頁面導航和網站分析，影響網站的安全性。

鑒於以上內容，有必要提供用戶控制項載入系統及方法，其可以有效地將用戶控制項即時載入到用戶端的網頁頁面上，不僅使生成的網頁頁面很小，滿足快速載入和高回應率的要求，而且在用戶檢視網頁源代碼時看不到網站的源碼，也不能進行網站的導航操作，保證了網站的安全性。

一種用戶控制項載入系統，其包括：創建模組，用於根據選擇的用戶控制項創建文字文檔，並將用戶端向伺服器請求的用戶控制項的資訊保存至該文字文檔中；判斷模組，用於判斷網頁文檔中是否有用戶端向伺服器請求的用戶控制項；調用模組，用於當網頁文檔中沒有用戶端向伺服器請求的用戶控制項時，透過網頁腳本文檔中的網頁腳本方法請求伺服器調用服務文檔；讀取模組，用於根據用戶端發送的用戶控制項所對應的預設參數讀取相應文字文檔中所需的用戶控制項的資訊，並將所述用戶控制項的資訊返回給服務文檔；封裝模組，用於利用網頁腳本文檔中的網頁腳本方法調用服務文檔中獲取的所述用戶控制項的資訊，並對用戶控制項進行封裝；載入模組，用於將封裝好的用戶控制項載入到網頁頁面。

一種用戶控制項載入方法，該方法包括：創建步驟，根據用戶選擇的用戶控制項創建文字文檔，並將用戶端向伺服器請求的用戶控制項的資訊保存至該文字文檔中；判斷步驟，判斷網頁文檔中是否有用戶端向伺服器請求的用戶控制項；調用步驟，當網頁文檔中沒有用戶端向伺服器請求的用戶控制項時，透過網頁腳本文檔中的網頁腳本方法請求伺服器調用服務文檔；讀取步驟，根據用戶端發送的用戶控制項所對應的預設參數讀取相應文字文檔中所需的用戶控制項的資訊，並將所述用戶控制項的資訊返回給服務文檔；封裝步驟，利用網頁腳本文檔中的網頁腳本方法調用服務文檔中獲取的所述用戶控制項的資訊，並對用戶控制項進行封裝；載入步驟，將封裝好的用戶控制項載入到網頁頁面。

相較於習知技術，所述用戶控制項載入系統及方法，其提供郵件範本供寄件人微調保證了郵件的規範性，並對發送的郵件進行審批保證了企業資訊安全，最大限度降低了人為疏失發生的可能。

1．．．伺服器

3．．．用戶端

4．．．網路

10．．．用戶控制項載入系統

100．．．創建模組

101．．．判斷模組

102．．．調用模組

103．．．讀取模組

104．．．封裝模組

105．．．載入模組

106．．．獲取模組

11．．．儲存器

12．．．處理器

圖1是本發明用戶控制項載入系統的應用環境圖。

圖2是本發明用戶控制項載入系統的模組圖。

圖3是本發明用戶控制項載入方法的較佳實施例的流程圖。

如圖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上的文字文檔讀取的生成用戶控制項所需的資訊，利用網頁腳本文檔中的網頁腳本方法和級聯樣式表對所需的用戶控制項進行封裝，並動態載入到網頁頁面中。不僅生成的網頁頁面很小，滿足快速載入和高回應率的要求，同時也保證了網站的安全性。

最後應說明的是，以上實施例僅用以說明本發明的技術方案而非限制，儘管參照較佳實施例對本發明進行了詳細說明，本領域的普通技術人員應當理解，可以對本發明的技術方案進行修改或等同替換，而不脫離本發明技術方案的精神和範圍。

10．．．用戶控制項載入系統

100．．．創建模組

101．．．判斷模組

102．．．調用模組

103．．．讀取模組

104．．．封裝模組

105．．．載入模組

106．．．獲取模組

11．．．儲存器

12．．．處理器

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樣式。