專利名稱：頁面展現(xiàn)系統(tǒng)和頁面展現(xiàn)方法
技術(shù)領(lǐng)域：
本發(fā)明涉及頁面控制領(lǐng)域，具體而言，涉及一種頁面展現(xiàn)系統(tǒng)和一種頁面展現(xiàn)方法。
背景技術(shù)：
在傳統(tǒng)的web應(yīng)用的頁面中，經(jīng)常會有這樣的場景web應(yīng)用系統(tǒng)把主頁面分成幾個部分，如上面是系統(tǒng)頭區(qū)框，左邊是功能樹區(qū)域，右側(cè)是具體功能區(qū)。如圖I所示，在功能區(qū)中，經(jīng)常會以彈出窗口的形式展現(xiàn)出某一個頁面，傳統(tǒng)的頁面格局都采用web的框架，來展現(xiàn)彈出頁面，如圖，框I是主頁面，框3彈出窗口其實是框2彈出窗口的功能頁面中的 一個框架，所以，框3彈出窗口是不可能突破框2的彈出窗口的區(qū)域限制。上述方案的缺陷在于，隨著用戶逐級的不斷打開窗口，由于受父功能頁面區(qū)域的限制，彈出窗口的范圍會變得越來越小，這樣無論是在操作性還是在可視性上，都給用戶帶來了很大的不便。因此，需要一種新的技術(shù)方案，使彈出頁面的窗口不受父功能頁面區(qū)域的限制，保證無論用戶打開的是第幾級的功能頁面，都可以在整個頁面看到功能頁面中的內(nèi)容，也就是彈出窗口能突破父功能頁面框架區(qū)域的限制，既要把框架中要展示的內(nèi)容展現(xiàn)到主頁面上，同時，又要保持彈出頁面與父功能頁面之間的正常交互。

發(fā)明內(nèi)容
本發(fā)明所要解決的技術(shù)問題在于，提供一種新的技術(shù)方案，使彈出頁面的窗口不受父功能頁面區(qū)域的限制，保證無論用戶打開的是第幾級的功能頁面，都可以在整個頁面看到功能頁面中的內(nèi)容，也就是彈出窗口能突破父功能頁面框架區(qū)域的限制，既要把框架中要展示的內(nèi)容展現(xiàn)到主頁面上，同時，又要保持彈出頁面與父功能頁面之間的正常交互。有鑒于此，本發(fā)明提供一種頁面展現(xiàn)系統(tǒng)，包括頁面請求模塊，在客戶端，將瀏覽器的第一頁面中第二頁面的頁面請求，發(fā)送至服務(wù)器端；頁面信息處理模塊，在所述服務(wù)器端，獲取所述頁面請求對應(yīng)的頁面信息，并發(fā)送給所述客戶端；頁面構(gòu)建模塊，在所述客戶端，在所述第一頁面上創(chuàng)建框架，并使用所述頁面信息，在所述框架中構(gòu)建第三頁面。在此技術(shù)方案中，頁面發(fā)出請求到服務(wù)器，服務(wù)器解析請求的頁面，把頁面信息處理后返回到客戶端，客戶端解析頁面腳本信息，在頁面上創(chuàng)建框架，這個框架保證了彈出窗口的活動范圍擴大到系統(tǒng)主頁面上，這樣使彈出窗口能突破框架區(qū)域的限制，把框架中要展示的內(nèi)容展現(xiàn)到整個主頁面上。在上述技術(shù)方案中，優(yōu)選地，還包括頁面標識模塊，在所述第一頁面上添加標識，所述頁面構(gòu)建模塊根據(jù)所述標識，查找到所述第一頁面，并在所述第一頁面上創(chuàng)建所述框架。應(yīng)用此技術(shù)方案，在客戶端創(chuàng)建頁面的過程中，當瀏覽器收到請求后，找到系統(tǒng)主頁面，并提前在系統(tǒng)主頁面上增加標識，標識出自己的主頁面身份，瀏覽器通過這個主頁面標識定位到主頁面，然后在系統(tǒng)主頁面上創(chuàng)建一個框架。
在上述技術(shù)方案中，優(yōu)選地，還包括頁面關(guān)聯(lián)模塊，建立所述第二頁面和所述第三頁面之間的關(guān)聯(lián)。應(yīng)用此技術(shù)方案，在彈出頁面與功能頁面中建立關(guān)聯(lián)，保證彈出頁面與父功能頁面的正常交互。在上述技術(shù)方案中，優(yōu)選地，還包括所述頁面關(guān)聯(lián)模塊從所述第三頁面的窗口對象中提取環(huán)境上下文信息，并加入到所述第三頁面的窗口對象中。應(yīng)用此技術(shù)方案，瀏覽器在創(chuàng)建好彈出頁面后，在功能頁面的window對象中取到功能頁面的環(huán)境上下文出來，然后將功能頁面的環(huán)境上下文賦給彈出頁面的window對象上，使他們具有同樣的環(huán)境上下文，能夠正常通信。在功能頁面看來，彈出頁面就是自身的一部分。在上述技術(shù)方案中，優(yōu)選地，還包括所述第一頁面為所述瀏覽器的主頁面，所述第二頁面和所述第三頁面為所述主頁面上的功能頁面。本發(fā)明還提供了一種頁面展現(xiàn)方法，包括步驟302，在客戶端，將瀏覽器的第一頁面中第二頁面的頁面請求，發(fā)送至服務(wù)器端；步驟304，在所述服務(wù)器端，獲取所述頁面 請求對應(yīng)的頁面信息，并發(fā)送給所述客戶端；步驟306，在所述客戶端，在所述第一頁面上創(chuàng)建框架，并使用所述頁面信息，在所述框架中構(gòu)建第三頁面。在此技術(shù)方案中，頁面發(fā)出請求到服務(wù)器，服務(wù)器解析請求的頁面，把頁面信息處理后返回到客戶端，客戶端解析頁面腳本信息，在頁面上創(chuàng)建框架，這個框架保證了彈出窗口的活動范圍擴大到系統(tǒng)主頁面上，這樣使彈出窗口能突破框架區(qū)域的限制，把框架中要展示的內(nèi)容展現(xiàn)到整個主頁面上。在上述技術(shù)方案中，優(yōu)選地，在所述步驟306之前，還包括在所述第一頁面上添加標識；所述步驟306包括根據(jù)所述標識，查找到所述第一頁面，并在所述第一頁面上創(chuàng)建所述框架。應(yīng)用此技術(shù)方案，在客戶端創(chuàng)建頁面的過程中，當瀏覽器收到請求后，找到系統(tǒng)主頁面，并提前在系統(tǒng)主頁面上增加標識，標識出自己的主頁面身份，瀏覽器通過這個主頁面標識定位到主頁面，然后在系統(tǒng)主頁面上創(chuàng)建一個框架。在上述技術(shù)方案中，優(yōu)選地，還包括步驟308，建立所述第二頁面和所述第三頁面之間的關(guān)聯(lián)。應(yīng)用此技術(shù)方案，在彈出頁面與功能頁面中建立關(guān)聯(lián)，保證彈出頁面與父功能頁面的正常交互。在上述技術(shù)方案中，優(yōu)選地，所述步驟308包括從所述第三頁面的窗口對象中提取環(huán)境上下文信息，并加入到所述第三頁面的窗口對象中。應(yīng)用此技術(shù)方案，瀏覽器在創(chuàng)建好彈出頁面后，在功能頁面的window對象中取到功能頁面的環(huán)境上下文出來，然后將功能頁面的環(huán)境上下文賦給彈出頁面的window對象上，使他們具有同樣的環(huán)境上下文，能夠正常通信。在功能頁面看來，彈出頁面就是自身的一部分。在上述技術(shù)方案中，優(yōu)選地，還包括所述第一頁面為所述瀏覽器的主頁面，所述第二頁面和所述第三頁面為所述主頁面上的功能頁面。通過以上技術(shù)方案，可以實現(xiàn)一種頁面展現(xiàn)系統(tǒng)和一種頁面展現(xiàn)方法，使彈出頁面的窗口不受父功能頁面區(qū)域的限制，保證無論用戶打開的是第幾級的功能頁面，都可以在整個頁面看到功能頁面中的內(nèi)容，也就是彈出窗口能突破父功能頁面框架區(qū)域的限制，既把框架中要展示的內(nèi)容展現(xiàn)到主頁面上，又保持彈出頁面與父功能頁面之間的正常交互。


圖I示出了傳統(tǒng)的頁面展示界面示意圖；圖2示出了根據(jù)本發(fā)明的實施例的頁面展現(xiàn)系統(tǒng)的框圖；圖3示出了根據(jù)本發(fā)明的實施例的頁面展現(xiàn)方法的流程圖；圖4示出了根據(jù)本發(fā)明的實施例的頁面展示機制的流程圖；圖5示出了根據(jù)本發(fā)明的實施例的服務(wù)器頁面解析封裝的過程示意圖；圖6示出了根據(jù)本發(fā)明的實施例的客戶端創(chuàng)建頁面過程示意圖；圖7示出了根據(jù)本發(fā)明的實施例的建立頁面關(guān)聯(lián)過程示意圖；圖8示出了根據(jù)本發(fā)明的實施例的頁面展示機制的效果圖?！?br> 具體實施例方式為了能夠更清楚地理解本發(fā)明的上述目的、特征和優(yōu)點，下面結(jié)合附圖和具體實施方式
對本發(fā)明進行進一步的詳細描述。在下面的描述中闡述了很多具體細節(jié)以便于充分理解本發(fā)明，但是，本發(fā)明還可以采用其他不同于在此描述的其他方式來實施，因此，本發(fā)明并不限于下面公開的具體實施例的限制。圖2示出了本發(fā)明的實施例的頁面展現(xiàn)系統(tǒng)的框圖。如圖2所示，本發(fā)明的實施例的頁面展現(xiàn)系統(tǒng)200包括頁面請求模塊202，在客戶端，將瀏覽器的第一頁面中第二頁面的頁面請求，發(fā)送至服務(wù)器端；頁面信息處理模塊204，在所述服務(wù)器端，獲取所述頁面請求對應(yīng)的頁面信息，并發(fā)送給所述客戶端；頁面構(gòu)建模塊206，在所述客戶端，在所述第一頁面上創(chuàng)建框架，并使用所述頁面信息，在所述框架中構(gòu)建第三頁面。在此技術(shù)方案中，頁面發(fā)出請求到服務(wù)器，服務(wù)器解析請求的頁面，把頁面信息處理后返回到客戶端，客戶端解析頁面腳本信息，在頁面上創(chuàng)建框架，這個框架保證了彈出窗口的活動范圍擴大到系統(tǒng)主頁面上，這樣使彈出窗口能突破框架區(qū)域的限制，把框架中要展示的內(nèi)容展現(xiàn)到整個主頁面上。本發(fā)明的實施例的頁面展現(xiàn)系統(tǒng)200還包括頁面標識模塊208，在所述第一頁面上添加標識，所述頁面構(gòu)建模塊根據(jù)所述標識，查找到所述第一頁面，并在所述第一頁面上創(chuàng)建所述框架。應(yīng)用此技術(shù)方案，在客戶端創(chuàng)建頁面的過程中，當瀏覽器收到請求后，找到系統(tǒng)主頁面，并提前在系統(tǒng)主頁面上增加標識，標識出自己的主頁面身份，瀏覽器通過這個主頁面標識定位到主頁面，然后在系統(tǒng)主頁面上創(chuàng)建一個框架。本發(fā)明的實施例的頁面展現(xiàn)系統(tǒng)200還包括頁面關(guān)聯(lián)模塊210，建立所述第二頁面和所述第三頁面之間的關(guān)聯(lián)。應(yīng)用此技術(shù)方案，在彈出頁面與功能頁面中建立關(guān)聯(lián)，保證彈出頁面與父功能頁面的正常交互。在上述技術(shù)方案中還包括所述頁面關(guān)聯(lián)模塊從所述第三頁面的窗口對象中提取環(huán)境上下文信息，并加入到所述第三頁面的窗口對象中。應(yīng)用此技術(shù)方案，瀏覽器在創(chuàng)建好彈出頁面后,在功能頁面的window對象中取到功能頁面的環(huán)境上下文出來，然后將功能頁面的環(huán)境上下文賦給彈出頁面的window對象上，使他們具有同樣的環(huán)境上下文，能夠正常通信。在功能頁面看來，彈出頁面就是自身的一部分。在上述技術(shù)方案中還包括所述第一頁面為所述瀏覽器的主頁面，所述第二頁面和所述第三頁面為所述主頁面上的功能頁面。
圖3示出了根據(jù)本發(fā)明的實施例的頁面展現(xiàn)方法的流程圖。如圖3所示，本發(fā)明實施例的頁面展現(xiàn)方法包括步驟302，在客戶端，將瀏覽器的第一頁面中第二頁面的頁面請求，發(fā)送至服務(wù)器端；步驟304，在所述服務(wù)器端，獲取所述頁面請求對應(yīng)的頁面信息，并發(fā)送給所述客戶端；步驟306，在所述客戶端，在所述第一頁面上創(chuàng)建框架，并使用所述頁面信息，在所述框架中構(gòu)建第三頁面。在此技術(shù)方案中，頁面發(fā)出請求到服務(wù)器，服務(wù)器解析請求的頁面，把頁面信息處理后返回到客戶端，客戶端解析頁面腳本信息，在頁面上創(chuàng)建框架，這個框架保證了彈出窗口的活動范圍擴大到系統(tǒng)主頁面上，這樣使彈出窗口能突破框架區(qū)域的限制，把框架中要展示的內(nèi)容展現(xiàn)到整個主頁面上。在上述技術(shù)方案中，在所述步驟306之前，還包括在所述第一頁面上添加標識；所述步驟306包括根據(jù)所述標識，查找到所述第一頁面，并在所述第一頁面上創(chuàng)建所述框架。應(yīng)用此技術(shù)方案，在客戶端創(chuàng)建頁面的過程中，當瀏覽器收到請求后，找到系統(tǒng)主頁面，并提前在系統(tǒng)主頁面上增加標識，標識出自己的主頁面身份，瀏覽器通過這個主頁面標識 定位到主頁面，然后在系統(tǒng)主頁面上創(chuàng)建一個框架。在上述技術(shù)方案中，還包括步驟308，建立所述第二頁面和所述第三頁面之間的關(guān)聯(lián)。應(yīng)用此技術(shù)方案，在彈出頁面與功能頁面中建立關(guān)聯(lián)，保證彈出頁面與父功能頁面的正常交互。在上述技術(shù)方案中，所述步驟308包括從所述第三頁面的窗口對象中提取環(huán)境上下文信息，并加入到所述第三頁面的窗口對象中。應(yīng)用此技術(shù)方案，瀏覽器在創(chuàng)建好彈出頁面后，在功能頁面的window對象中取到功能頁面的環(huán)境上下文出來，然后將功能頁面的環(huán)境上下文賦給彈出頁面的window對象上，使他們具有同樣的環(huán)境上下文，能夠正常通信。在功能頁面看來，彈出頁面就是自身的一部分。在上述技術(shù)方案中，還包括所述第一頁面為所述瀏覽器的主頁面，所述第二頁面和所述第三頁面為所述主頁面上的功能頁面。圖4示出了根據(jù)本發(fā)明的實施例的頁面展示機制的流程圖。如圖4所示，頁面展示機制的具體流程如下步驟402，功能頁面發(fā)出頁面請求。功能頁面發(fā)出請求到服務(wù)器，請求某一頁面，進入步驟404。步驟404，服務(wù)器解析請求的頁面，進入步驟406。步驟406，生成頁面腳本。服務(wù)器解析完請求的頁面以后，但是不直接返回頁面，而是生成頁面腳本，進入步驟408。步驟408，請求返回。生成的頁面腳本封裝到請求后，重新返回至客戶端，進入步驟410。步驟410，客戶端接收頁面請求?？蛻舳私邮盏椒祷氐捻撁嬲埱螅M入步驟412。步驟412，客戶端在頁面上創(chuàng)建框架?？蛻舳伺浜戏祷氐哪_本信息在web系統(tǒng)的主頁面上創(chuàng)建一個框架，進入步驟414。步驟414，解析頁面腳本?？蛻舳私馕龇庋b的腳本信息內(nèi)容，進入步驟416。步驟416，創(chuàng)建頁面。客戶端解析封裝的腳本信息內(nèi)容后，在創(chuàng)建的框架內(nèi)創(chuàng)建頁面元素。進入步驟418。
步驟418，建立關(guān)聯(lián)?？蛻舳藢?chuàng)建的頁面與功能區(qū)的功能頁面建立關(guān)聯(lián)，使兩個頁面能正常交互。圖5示出了根據(jù)本發(fā)明的實施例的服務(wù)器頁面解析封裝的過程示意圖。如圖5所示，服務(wù)器頁面解析封裝的過程如下所述功能區(qū)向服務(wù)器500發(fā)出頁面請求，要求彈出顯示一個頁面，服務(wù)器500并沒有直接返回頁面文件，而是收到請求后，開始解析要請求的頁面信息。解析后，把頁面信息組織成客戶端能識別的頁面腳本，封裝到請求中。最后，服務(wù)器500請求返回到客戶端。圖6示出了根據(jù)本發(fā)明的實施例的客戶端創(chuàng)建頁面過程示意圖。如圖6所示，客戶端創(chuàng)建頁面過程如下所述瀏覽器600收到請求后，要找到系統(tǒng)主頁面，提前在系統(tǒng)主頁面上增加標識，標識出自己的主頁面身份，瀏覽器600通過這個主頁面標識定位到主頁面，然后在系統(tǒng)主頁面上創(chuàng)建一個框架，這個框架保證了彈出窗口的 活動范圍擴大到整個系統(tǒng)主頁面上。然后解析返回的請求中的頁面腳本，在框架中構(gòu)建頁面。圖7示出了根據(jù)本發(fā)明的實施例的建立頁面關(guān)聯(lián)過程示意圖?？蛻舳嗽趧?chuàng)建完頁面后，彈出頁面和功能頁面沒有直接聯(lián)系，但是系統(tǒng)需要彈出的頁面與功能區(qū)中的功能頁面能夠交互。一般將頁面中的環(huán)境上下文信息存儲在頁面的window對象中。如圖7所示，彈出頁面與功能頁面建立關(guān)聯(lián)的過程如下所述瀏覽器700在創(chuàng)建好彈出頁面后，在功能頁面的window對象中取到功能頁面的環(huán)境上下文出來，然后將功能頁面的環(huán)境上下文賦給彈出頁面的window對象上，使他們具有同樣的環(huán)境上下文，能夠正常通信。在功能頁面看來，彈出頁面就是自身的一部分。從而保證彈出的頁面與功能區(qū)中的功能頁面能夠交互。圖8示出了根據(jù)本發(fā)明的實施例的頁面展示機制的效果圖。如圖8所示，在本技術(shù)方案中，彈出窗口 6已經(jīng)突破了父功能頁面5的框架的限制，可以在整個主頁面4中顯示，并可以與父頁面5之間正常交互。以上結(jié)合附圖詳細說明了本發(fā)明的技術(shù)方案。頁面發(fā)出請求到服務(wù)器，服務(wù)器解析請求的頁面，把頁面信息處理后返回到客戶端，客戶端解析頁面腳本信息，在頁面上創(chuàng)建框架，這個框架保證了彈出窗口的活動范圍擴大到系統(tǒng)主頁面上，并可以與父頁面交互。這樣使彈出窗口既能突破框架區(qū)域的限制，把框架中要展示的內(nèi)容展現(xiàn)到整個主頁面上，同時，又能保證彈出頁面與父功能頁面之間的正常交互。以上所述僅為本發(fā)明的優(yōu)選實施例而已，并不用于限制本發(fā)明，對于本領(lǐng)域的技術(shù)人員來說，本發(fā)明可以有各種更改和變化。凡在本發(fā)明的精神和原則之內(nèi)，所作的任何修改、等同替換、改進等，均應(yīng)包含在本發(fā)明的保護范圍之內(nèi)。
權(quán)利要求
1.一種頁面展現(xiàn)系統(tǒng)，其特征在于，包括 頁面請求模塊，在客戶端，將瀏覽器的第一頁面中第二頁面的頁面請求，發(fā)送至服務(wù)器 端; 頁面信息處理模塊，在所述服務(wù)器端，獲取所述頁面請求對應(yīng)的頁面信息，并發(fā)送給所述客戶端； 頁面構(gòu)建模塊，在所述客戶端，在所述第一頁面上創(chuàng)建框架，并使用所述頁面信息，在所述框架中構(gòu)建第三頁面。
2.根據(jù)權(quán)利要求I所述的頁面展現(xiàn)系統(tǒng)，其特征在于，還包括 頁面標識模塊，在所述第一頁面上添加標識，所述頁面構(gòu)建模塊根據(jù)所述標識，查找到所述第一頁面，并在所述第一頁面上創(chuàng)建所述框架。
3.根據(jù)權(quán)利要求I所述的頁面展現(xiàn)系統(tǒng)，其特征在于，還包括 頁面關(guān)聯(lián)模塊，建立所述第二頁面和所述第三頁面之間的關(guān)聯(lián)。
4.根據(jù)權(quán)利要求3所述的頁面展現(xiàn)系統(tǒng)，其特征在于，所述頁面關(guān)聯(lián)模塊從所述第三頁面的窗口對象中提取環(huán)境上下文信息，并加入到所述第三頁面的窗口對象中。
5.根據(jù)權(quán)利要求I至4中任一項所述的頁面展現(xiàn)系統(tǒng)，其特征在于，所述第一頁面為所述瀏覽器的主頁面，所述第二頁面和所述第三頁面為所述主頁面上的功能頁面。
6.一種頁面展現(xiàn)方法，其特征在于，包括 步驟302，在客戶端，將瀏覽器的第一頁面中第二頁面的頁面請求，發(fā)送至服務(wù)器端； 步驟304，在所述服務(wù)器端，獲取所述頁面請求對應(yīng)的頁面信息，并發(fā)送給所述客戶端; 步驟306，在所述客戶端，在所述第一頁面上創(chuàng)建框架，并使用所述頁面信息，在所述框架中構(gòu)建第三頁面。
7.根據(jù)權(quán)利要求6所述的頁面展現(xiàn)方法，其特征在于，在所述步驟306之前，還包括在所述第一頁面上添加標識； 所述步驟306包括根據(jù)所述標識，查找到所述第一頁面，并在所述第一頁面上創(chuàng)建所述框架。
8.根據(jù)權(quán)利要求6所述的頁面展現(xiàn)方法，其特征在于，還包括 步驟308，建立所述第二頁面和所述第三頁面之間的關(guān)聯(lián)。
9.根據(jù)權(quán)利要求8所述的頁面展現(xiàn)方法，其特征在于，所述步驟308包括 從所述第三頁面的窗口對象中提取環(huán)境上下文信息，并加入到所述第三頁面的窗口對象中。
10.根據(jù)權(quán)利要求6至9中任一項所述的頁面展現(xiàn)方法，其特征在于，所述第一頁面為所述瀏覽器的主頁面，所述第二頁面和所述第三頁面為所述主頁面上的功能頁面。
全文摘要
本發(fā)明提供了一種頁面展現(xiàn)系統(tǒng)，包括頁面請求模塊，在客戶端，將瀏覽器的第一頁面中第二頁面的頁面請求，發(fā)送至服務(wù)器端；頁面信息處理模塊，在所述服務(wù)器端，獲取所述頁面請求對應(yīng)的頁面信息，并發(fā)送給所述客戶端；頁面構(gòu)建模塊，在所述客戶端，在所述第一頁面上創(chuàng)建框架，并使用所述頁面信息，在所述框架中構(gòu)建第三頁面。相應(yīng)地，本發(fā)明還提供了一種頁面展現(xiàn)方法。通過本發(fā)明的技術(shù)方案，可以使使彈出窗口能突破框架區(qū)域的限制，把框架中要展示的內(nèi)容展現(xiàn)到整個主頁面上，同時，又能保證彈出頁面與父功能頁面之間的正常交互。
文檔編號H04L29/08GK102902774SQ201210369478
公開日2013年1月30日 申請日期2012年9月28日 優(yōu)先權(quán)日2012年9月28日
發(fā)明者張建新, 丁銳鋒 申請人:用友軟件股份有限公司