專利名稱：一種動(dòng)態(tài)發(fā)布網(wǎng)站頁面的設(shè)計(jì)方法及系統(tǒng)的制作方法
技術(shù)領(lǐng)域：
本發(fā)明涉及網(wǎng)站頁面設(shè)計(jì)領(lǐng)域，具體涉及一種動(dòng)態(tài)發(fā)布網(wǎng)站頁面的設(shè)計(jì)方法及系統(tǒng)。
背景技術(shù)：
在網(wǎng)站設(shè)計(jì)中，純粹的HTML (Hypertext Markup Language,文本標(biāo)記語言)格式的網(wǎng)頁通常被稱為“靜態(tài)網(wǎng)頁”，早期的網(wǎng)站一般都是由靜態(tài)網(wǎng)頁制作的。靜態(tài)網(wǎng)頁的網(wǎng)址形式通常以.htm、.html等為后綴的。在HTML格式的網(wǎng)頁上，也可以出現(xiàn)各種動(dòng)態(tài)的效果，如.GIF格式的動(dòng)畫、FLASH、滾動(dòng)字母等，這些“動(dòng)態(tài)效果”只是視覺上的，與我們常說的動(dòng)態(tài)網(wǎng)頁是不同的概念。靜態(tài)網(wǎng)頁是實(shí)實(shí)在在保存在服務(wù)器上的文件，每個(gè)網(wǎng)頁都是一個(gè)獨(dú)立的文件等。動(dòng)態(tài)頁面是以JSP、PHP、ASP或CGI等編程語言編寫制作的；動(dòng)態(tài)頁面用于展示較為個(gè)性化的數(shù)據(jù)，比如“用戶的個(gè)人信息”，這些信息統(tǒng)一存放在服務(wù)器的數(shù)據(jù)庫中，當(dāng)用戶A和用戶B請求服務(wù)器時(shí)，服務(wù)器動(dòng)態(tài)返回用戶A、B自己的個(gè)人信息；動(dòng)態(tài)頁面并不以文件的形式在服務(wù)器獨(dú)立存在(靜態(tài)頁面是在服務(wù)器存在對應(yīng)的文件，如index, html文件)，只有當(dāng)用戶請求服務(wù)器時(shí)才返回一個(gè)網(wǎng)頁；動(dòng)態(tài)頁面是通過不同的參數(shù)識別不同的請求，返回不同的內(nèi)容的，一般是以一個(gè)JSP、PHP程序文件存在接受參數(shù)請求。但是動(dòng)態(tài)頁面的缺點(diǎn)在于當(dāng)用戶頁面需求發(fā)生變化時(shí)，例如，頁面格局的調(diào)換，就需要程序員人工修改動(dòng)態(tài)程序JSP、PHP來實(shí)現(xiàn)變化，而頁面需求的變化中，80 %以上的變化只是頁面展現(xiàn)效果的變化，程序員花費(fèi)大量的時(shí)間成本去修改動(dòng)態(tài)JSP、PHP程序頁面，企業(yè)也增加了大量運(yùn)維成本。

發(fā)明內(nèi)容
針對現(xiàn)有技術(shù)中存在的缺陷，本發(fā)明所要解決的技術(shù)問題是提供一種動(dòng)態(tài)發(fā)布網(wǎng)站頁面的設(shè)計(jì)方法及系統(tǒng)，快速實(shí)現(xiàn)各種常見頁面效果變化及數(shù)據(jù)調(diào)整，實(shí)時(shí)得到頁面更新。為解決上述技術(shù)問題，本發(fā)明采用的技術(shù)方案如下:一種動(dòng)態(tài)發(fā)布網(wǎng)站頁面的設(shè)計(jì)方法，包括以下步驟:(I)瀏覽器向服務(wù)器發(fā)送http請求信息，請求所需的信息頁面；(2)服務(wù)器根據(jù)http請求信息獲取url中的模板標(biāo)記號查找對應(yīng)的模板，根據(jù)urI中的數(shù)據(jù)標(biāo)記查找所需的信息數(shù)據(jù)；(3)服務(wù)器將所述信息數(shù)據(jù)填充到對應(yīng)的模板中，合成頁面后返回到瀏覽器。一種動(dòng)態(tài)發(fā)布網(wǎng)站頁面的設(shè)計(jì)系統(tǒng)，包括用于瀏覽器向服務(wù)器發(fā)送http請求信息，請求所需的信息頁面的頁面請求裝置；用于服務(wù)器根據(jù)http請求信息獲取url中的模板標(biāo)記號查找對應(yīng)的模板，根據(jù)url中的數(shù)據(jù)標(biāo)記查找所需的信息數(shù)據(jù)的查找裝置；用于服務(wù)器將所述信息數(shù)據(jù)填充到對應(yīng)的模板中，合成頁面返回給瀏覽器的合成裝置。本發(fā)明的效果在于:采用增加模板文件，代替動(dòng)態(tài)JSP、PHP程序頁面，將展現(xiàn)(模板)和數(shù)據(jù)分離，用戶請求服務(wù)器時(shí)，服務(wù)器將用戶數(shù)據(jù)和模板合成，并返回給用戶，并且提供了模板編輯的快捷方法，不需要程序員進(jìn)行參與，普通用戶只需要通過瀏覽器在線修改模板效果，就可以快速實(shí)現(xiàn)各種常見的頁面效果變化及數(shù)據(jù)調(diào)整，并且實(shí)時(shí)得到頁面更新，節(jié)省了程序員需要人工修改動(dòng)態(tài)JSP、PHP程序頁面的時(shí)間。


圖1為具體實(shí)施方式
中動(dòng)態(tài)發(fā)布網(wǎng)站頁面的設(shè)計(jì)系統(tǒng)的結(jié)構(gòu)框圖；圖2為具體實(shí)施方式
中動(dòng)態(tài)發(fā)布網(wǎng)站頁面的設(shè)計(jì)方法的流程圖；圖3為具體實(shí)施方式
中對動(dòng)態(tài)發(fā)布網(wǎng)站頁面的時(shí)序圖；圖4為具體實(shí)施方式
中對動(dòng)態(tài)發(fā)布網(wǎng)站頁面模板進(jìn)行編輯的時(shí)序圖。
具體實(shí)施例方式下面結(jié)合說明書附圖與具體實(shí)施方式
對本發(fā)明做進(jìn)一步的詳細(xì)說明。如圖1所示，本具體實(shí)施方式
中動(dòng)態(tài)發(fā)布網(wǎng)站頁面的設(shè)計(jì)系統(tǒng)包括頁面請求裝置
11、查找裝置12、合成裝置13。頁面請求裝置11用于瀏覽器向服務(wù)器發(fā)送http請求信息，請求所需的信息頁面；查找裝置12用于服務(wù)器根據(jù)http請求信息獲取url中的模板標(biāo)記號查找對應(yīng)的模板，根據(jù)url中的數(shù)據(jù)標(biāo)記查找所需的信息數(shù)據(jù)；合成裝置13用于服務(wù)器將所述信息數(shù)據(jù)填充到對應(yīng)的模板中，合成頁面返回給瀏覽器。該系統(tǒng)還包括用于對模板進(jìn)行存儲和編輯的模板管理器15和用于存儲信息數(shù)據(jù)的數(shù)據(jù)管理器16，查找裝置12分別在模板管理器15和數(shù)據(jù)管理器16的數(shù)據(jù)庫中查找得到用戶所需頁面的模板和信息數(shù)據(jù)，再由合成裝置13合成頁面返回到瀏覽器，查找裝置12中還設(shè)有請求攔截單元14，用于攔截頁面請求裝置中瀏覽器向服務(wù)器所發(fā)送的http請求信
肩、O如圖2所示，基于圖1所示系統(tǒng)的動(dòng)態(tài)發(fā)布網(wǎng)站頁面的設(shè)計(jì)方法，包括以下步驟:步驟S21:瀏覽器向服務(wù)器發(fā)送http請求信息；根據(jù)用戶所要請求的信息，頁面請求裝置11通過瀏覽器向服務(wù)器發(fā)送http請求信息，請求所需的信息頁面。如圖3所示，用戶A通過請求“個(gè)人信息”頁面時(shí)，通過瀏覽器向服務(wù)器發(fā)送該頁面信息所對應(yīng)的http請求信息。步驟S22:根據(jù)請求信息，分別查找模板和信息數(shù)據(jù)；請求攔截單元14攔截到瀏覽器所發(fā)送的http請求信息，服務(wù)器根據(jù)用戶的http請求信息通過查找裝置12分別在模板管理器和數(shù)據(jù)管理器的數(shù)據(jù)庫中查找對應(yīng)的模板和需要的信息數(shù)據(jù)。如圖3所示，查找裝置12在模板管理器14中查找“個(gè)人信息”所對應(yīng)的模塊，在數(shù)據(jù)管理器15中查找用戶A的個(gè)人信息的信息數(shù)據(jù)。其中，對模板的查找是通過獲取http請求信息的url中的模板標(biāo)記號信息來查找的，模板標(biāo)記號是唯一的。對信息數(shù)據(jù)的查找是通過url中的數(shù)據(jù)標(biāo)記進(jìn)行查找，數(shù)據(jù)標(biāo)記可以有多個(gè)。其中，對于模板標(biāo)記號與模板的對應(yīng)，以及數(shù)據(jù)標(biāo)記與詳細(xì)信息數(shù)據(jù)的對應(yīng)，是在系統(tǒng)設(shè)置時(shí)，由系統(tǒng)設(shè)計(jì)人員在設(shè)計(jì)系統(tǒng)時(shí)，將模板的標(biāo)記號與信息數(shù)據(jù)的數(shù)據(jù)標(biāo)記設(shè)置在http請求的url中的。例如，url 為:http://172.19.33.106/3_8.html，系統(tǒng)設(shè)計(jì)時(shí)，將“3_8.html ”中 3 所在的位置設(shè)置為模板標(biāo)記號，8為數(shù)據(jù)標(biāo)號。在瀏覽器發(fā)送http請求后，請求攔截裝置11攔獲http信息請求中為“3_8.html”的請求，系統(tǒng)根據(jù)解析該請求信息得知需要使用的模板標(biāo)記號為3，需要查找的數(shù)據(jù)是數(shù)據(jù)標(biāo)記為8的數(shù)據(jù)，系統(tǒng)可獲取到標(biāo)記號為3的模板(模板可以從服務(wù)器的文件系統(tǒng)直接獲取)；并從數(shù)據(jù)庫中獲取模板標(biāo)記號3的數(shù)據(jù)條件(例如顯示前10條熱點(diǎn)新聞的條件)，再根據(jù)數(shù)據(jù)條件從數(shù)據(jù)庫中查找到標(biāo)記號等于8的新聞?wù)募癟oplO的列表數(shù)據(jù)(可以通用查詢技術(shù)sql)。所述數(shù)據(jù)條件指的是指信息數(shù)據(jù)的顯示條件，例如數(shù)據(jù)顯示的條數(shù)，顯示的屬性(如按時(shí)間顯示)。當(dāng)然，對http請求信息中url的設(shè)置(包括模板標(biāo)記號與數(shù)據(jù)標(biāo)記等)并不是唯一的。在查找到模板后，可以通過瀏覽器登錄到模板管理器14，根據(jù)需要在線對模板效果進(jìn)行修改。模板中包括了與用戶所請求信息相對應(yīng)的各模塊，如用于填充信息正文的正文模塊，用于存放正文中列表部分的網(wǎng)頁列表模塊，以及用于放置圖像或者圖形信息的圖形模塊等，在查找到對應(yīng)的模板后，可以通過瀏覽器對模板的各模塊的位置、各模塊的展現(xiàn)效果以及數(shù)據(jù)條件(數(shù)據(jù)條件是指信息數(shù)據(jù)的顯示條件)進(jìn)行在線編輯保存，然后將查找到的信息數(shù)據(jù)填充到模板中各對應(yīng)的模塊中，實(shí)現(xiàn)對各種頁面效果變化和數(shù)據(jù)調(diào)整，從而快速得到各種常見的頁面效果變化及數(shù)據(jù)調(diào)整。其中，對模板效果進(jìn)行編輯的具體方法如圖4所示:首先，根據(jù)請求信息查找并返回模板；然后查找模板中的用戶需要編輯內(nèi)容；最后對需要編輯的內(nèi)容進(jìn)行修改編輯，達(dá)到用戶想要的頁面效果，并保存編輯后的模板。當(dāng)然，對模板進(jìn)行編輯可以直接對新建模板進(jìn)行編輯。步驟S23:將信息數(shù)據(jù)填充到模板中合成頁面。最后，服務(wù)器通過合成裝置13將信息數(shù)據(jù)填充到模板中，合成頁面，將合成內(nèi)容返回給瀏覽器，本實(shí)施方式中將模板與數(shù)據(jù)合成(通用技術(shù)置標(biāo)替換)為頁面數(shù)據(jù)(html源碼)，將頁面數(shù)據(jù)返回給瀏覽器。在將信息數(shù)據(jù)填充到模板中，根據(jù)展現(xiàn)模塊中的各模塊位置，將信息數(shù)據(jù)中的相應(yīng)信息內(nèi)容填充到對應(yīng)的各模塊中，如正文信息填充到正文模塊中，圖像信息填充到圖形模塊中。通過上面的具體實(shí)施方式
可見，本發(fā)明提供了一種便捷的對動(dòng)態(tài)頁面的頁面格局進(jìn)行修改的方法及系統(tǒng)，通過將頁面的模塊與數(shù)據(jù)兩部分進(jìn)行分離，用戶可以方便的頁面的展現(xiàn)進(jìn)行修改，快速得到需要的更新頁面，不再需要程序員花費(fèi)大量的時(shí)間修改動(dòng)態(tài)程序來實(shí)現(xiàn)，很好地解決了動(dòng)態(tài)頁面需求變更的問題。顯然，本領(lǐng)域的技術(shù)人員可以對本發(fā)明進(jìn)行各種改動(dòng)和變型而不脫離本發(fā)明的精神和范圍。這樣，倘若本發(fā)明的這些修改和變型屬于本發(fā)明權(quán)利要求及其同等技術(shù)的范圍之內(nèi)，則本發(fā)明也意圖包含這些改動(dòng)和變型在內(nèi)。
權(quán)利要求
1.一種動(dòng)態(tài)發(fā)布網(wǎng)站頁面的設(shè)計(jì)方法，包括以下步驟: (1)瀏覽器向服務(wù)器發(fā)送http請求信息，請求所需的信息頁面； (2)服務(wù)器根據(jù)http請求信息獲取url中的模板標(biāo)記號查找對應(yīng)的模板，根據(jù)url中的數(shù)據(jù)標(biāo)記查找所需的信息數(shù)據(jù)；模板和信息數(shù)據(jù)是單獨(dú)存儲在服務(wù)器的數(shù)據(jù)庫中的； (3)服務(wù)器將所述信息數(shù)據(jù)填充到對應(yīng)的模板中，合成頁面后返回到瀏覽器。
2.如權(quán)利要求1所述的一種動(dòng)態(tài)發(fā)布網(wǎng)站頁面的設(shè)計(jì)方法，其特征在于:步驟(2)中，所述模板標(biāo)記號是唯一的。
3.如權(quán)利要求1或2所述的一種動(dòng)態(tài)發(fā)布網(wǎng)站頁面的設(shè)計(jì)方法，其特征在于:所述模板中包括與信息數(shù)據(jù)的內(nèi)容相對應(yīng)的正文模塊、圖像模塊和列表模塊。
4.如權(quán)利要求3所述的一種動(dòng)態(tài)發(fā)布網(wǎng)站頁面的設(shè)計(jì)方法，其特征在于:步驟(3)中，將信息數(shù)據(jù)填充到對應(yīng)的模塊中時(shí)，根據(jù)展現(xiàn)模塊中各模塊與信息數(shù)據(jù)中內(nèi)容的對應(yīng)關(guān)系，將信息數(shù)據(jù)中的內(nèi)容填充到對應(yīng)的模塊中。
5.如權(quán)利要求4所述的一種動(dòng)態(tài)發(fā)布網(wǎng)站頁面的設(shè)計(jì)方法，其特征在于:所述方法中，用戶根據(jù)需要對模板進(jìn)行在線編輯，包括對模板中各模塊位置、展現(xiàn)效果以及數(shù)據(jù)條件的編輯；所述數(shù)據(jù)條件是指信息數(shù)據(jù)的顯示條件。
6.如權(quán)利要求5所述的一種動(dòng)態(tài)發(fā)布網(wǎng)站頁面的設(shè)計(jì)方法，其特征在于:對模板進(jìn)行在線編輯的方法為: ①根據(jù)模板標(biāo)記號查找對應(yīng)的模板； ②查找模板中需要編輯的各模塊； ③對需要編輯的模塊進(jìn)行編輯并保存。
7.如權(quán)利要求5所述的一種動(dòng)態(tài)發(fā)布網(wǎng)站頁面的設(shè)計(jì)方法，其特征在于:對模板進(jìn)行在線編輯包括對新建模板的編輯。
8.一種動(dòng)態(tài)發(fā)布網(wǎng)站頁面的設(shè)計(jì)系統(tǒng)，包括用于瀏覽器向服務(wù)器發(fā)送http請求信息請求所需的信息頁面的頁面請求裝置； 用于服務(wù)器根據(jù)http請求信息獲取urI中的模板標(biāo)記號查找對應(yīng)的模板，根據(jù)url中的數(shù)據(jù)標(biāo)記查找所需的信息數(shù)據(jù)的查找裝置； 用于服務(wù)器將所述信息數(shù)據(jù)填充到對應(yīng)的模板中，合成頁面返回給瀏覽器的合成裝置。
9.如權(quán)利要求8所述的一種動(dòng)態(tài)發(fā)布網(wǎng)站頁面的設(shè)計(jì)系統(tǒng)，其特征在于:所述系統(tǒng)還包括用于對模板進(jìn)行存儲和在線編輯的模板管理器和用于存儲信息數(shù)據(jù)的數(shù)據(jù)管理器。
10.如權(quán)利要求8或9所述的一種動(dòng)態(tài)發(fā)布網(wǎng)站頁面的設(shè)計(jì)系統(tǒng)，其特征在于:所述查找裝置中還包括用于攔截http請求信息的請求攔截裝單元。
全文摘要
本發(fā)明公開了一種動(dòng)態(tài)發(fā)布網(wǎng)站頁面的設(shè)計(jì)方法及系統(tǒng)，屬于網(wǎng)站頁面設(shè)計(jì)領(lǐng)域。本發(fā)明通過增加模板文件，將頁面的展現(xiàn)與數(shù)據(jù)分離。用戶在請求頁面信息時(shí)，服務(wù)器分別查找模板和信息數(shù)據(jù)，再將信息數(shù)據(jù)與模板合成返回給數(shù)據(jù)。此外，用戶還能夠?qū)δ０暹M(jìn)行編輯，不需要程序員參與。通過本發(fā)明所述的方法與系統(tǒng)，普通用戶只需要通過瀏覽器在線修改模板效果，就可以快速實(shí)現(xiàn)各種常見的頁面效果變化及數(shù)據(jù)調(diào)整，并且實(shí)時(shí)得到頁面更新，提高了頁面編輯的效率。
文檔編號G06F17/30GK103198074SQ20121000446
公開日2013年7月10日 申請日期2012年1月9日 優(yōu)先權(quán)日2012年1月9日
發(fā)明者曾澤基, 魯永興 申請人:北大方正集團(tuán)有限公司, 北京北大方正電子有限公司