專利名稱:動態網頁生成系統及其方法
技術領域:
本發明涉及一種動態網頁生成系統及其方法,尤其涉及一種通過靜態巻標以及動
態巻標對應關系,將動態內容取代靜態內容的動態網頁生成系統及其方法。
背景技術:
現有動態網頁的開發流程,大致分為動態網頁接口設計以及動態程序撰寫兩部分,而動態網頁接口設計多半是由美工人員負責,而動態程序撰寫則是由研發人員進行撰寫。 而動態程序撰寫需要等待美工人員將動態網頁接口設計完成后,在美工人員所提供的靜態網頁上,進行動態程序撰寫,當研發人員需要對靜態網頁接口進行修改時,則需要將靜態網頁以及所編寫好的動態程序的動態網頁返回至美工人員進行接口的修改,因此,需要花費較多的時間。 除此之外,在美工人員或是研發人員在對網頁進行修改時,在進行網頁修改時,不論美工人員修改到動態程序,或是研發人員修改到靜態網頁時,都會造成動態網頁出錯的困擾,造成修改維護上的困擾,也會影響到動態網頁開發的時程。 綜上所述,可知現有技術中長期以來一直存在動態網頁修改維護不易的問題,因此有必要提出改進的技術手段,來解決該問題。
發明內容
有鑒于現有技術存在動態網頁修改維護不易的問題,本發明提出一種動態網頁生成系統及其方法,其中 本發明所提出的動態網頁生成系統,其包含靜態網頁、動態程序檔案、讀取模塊、分析模塊、生成模塊以及巻標清除模塊。 其中,靜態網頁包含至少一靜態巻標;動態程序檔案包含至少一動態巻標;讀取模塊,用以讀取靜態網頁以及動態程序檔案;分析模塊,依據讀取模塊所讀取的靜態網頁以及動態程序檔案,分析靜態巻標以及動態巻標的對應關系;生成模塊,依據靜態巻標以及動態巻標的對應關系,將動態程序檔案中動態巻標對應的內容,取代靜態網頁中與動態巻標相對應的靜態巻標的內容,生成整合檔案;以及巻標清除模塊,刪除整合檔案中的靜態巻標以及動態巻標,以生成動態網頁。 本發明所提出的動態網頁生成方法,其包含下列步驟 首先,建立靜態網頁,靜態網頁包含至少一靜態巻標;接著,建立動態程序檔案,動
態程序檔案包含至少一動態巻標;接著,讀取靜態網頁以及動態程序檔案;接著,分析靜態
巻標以及動態巻標的對應關系;接著,依據靜態巻標以及動態巻標的對應關系,將動態程序
檔案中動態巻標對應的內容,取代靜態網頁中與動態巻標相對應的靜態巻標的內容,生成
整合檔案;最后,刪除整合檔案中的靜態巻標以及動態巻標,以生成動態網頁。 本發明所提出的系統與方法如上,與現有技術之間的差異在于本發明于靜態網頁
4中包含至少一靜態巻標,以及動態程序檔案包含至少一動態巻標,動態巻標與靜態巻標相互對應,當讀取靜態網頁以及動態程序檔案,依據靜態巻標以及動態巻標的對應關系,將動態程序檔案中動態巻標對應的內容,取代靜態網頁中與動態巻標相對應的靜態巻標的內容,并刪除整合檔案中的靜態巻標以及動態巻標,以生成動態網頁,使得靜態網頁以及動態程序可以分開修改以及維護,并且有效率地將靜態網頁以及動態程序加以整合。
通過上述的技術手段,本發明可以達成修改維護動態網頁快速的技術功效。
圖1為本發明動態網頁生成系統方框圖。 圖2為本發明動態網頁生成方法流程圖。 圖3A為本發明靜態網頁內容示意圖。 圖3B為本發明動態程序檔案內容示意圖。 圖4為本發明整合檔案內容示意圖。 圖5為本發明動態網頁內容示意圖。
具體實施例方式以下將配合圖示及實施例來詳細說明本發明的實施方式,藉此對本發明如何應用
技術手段來解決技術問題并達成技術功效的實現過程能充分理解并據以實施。
以下將說明本發明動態網頁生成系統,并請同時參考圖1所示,圖1為本發明動態
網頁生成系統方框圖。
如圖1所示,本發明所提出的動態網頁生成系統,其包含靜態網頁10、動態程序
檔案20、讀取模塊30、分析模塊40、生成模塊50以及巻標清除模塊60。 靜態網頁IO為一般使用超文件標示語言(HyperText Markup Language,HTML)所
預先建立的網頁,值得注意的是,在靜態網頁10中除了標準的超文件標示語言之外,包含
有靜態巻標,靜態巻標用以對靜態網頁10中的超文件標示語言內容加以標記。 靜態巻標可以依照超文件標示語言中的巻標方式,或是可以依照所定義的巻標方
式,對靜態網頁10中超文件標示語言內容進行區域的標記,在此僅為舉例說明,并不以此
局限本發明的應用。 靜態巻標所標記的區域可以標記為不同的巻標,超文件標示語言可以簡單分為起始區、樣式表、增加區域、替換區域、圖形鏈接區、標題鏈接區以及標題名稱區,在此僅為舉例說明,并不以此局限本發明的應用,使用者可以依照實際的情況對靜態網頁io進行不同的區分,并且標記為不同的巻標。 值得一提的是,靜態巻標還包含有起始巻標以及終止巻標,用以標記區域的起始
以及終止,分別與起始巻標以及終止巻標相互對應,而不同區域所標記的不同巻標可以以
流水號方式加以標記,所謂流水號方式是指以起始數字或是有規律的符號(例如英文符
號)為起始,依序對起始數字增加1或是下一個有規律的符號進行標記。 具體而言,假設將靜態網頁10中的超文件標示語言內容分為5個不同的巻標,并
且以數字"1"為起始,因此,5個不同的標記即為"〈! -l一〉"、"〈 ! -2—>"、"〈 ! _3—>"、
"〈! -4一〉"以及"〈! -5—>",或是以英文符號'1"為起始,因此,5個不同的標記即為"〈! -A—>"、"〈 ! -B—>"、"〈 ! -C—>"、"〈 ! -D—〉"以及"〈! _E—〉",而靜態巻標所包含的起始巻標假設為"["以及終止巻標"]",靜態巻標即以"〈! -1[一>""〈 ! -1]一>"為相對應的第一靜態巻標,上述僅為舉例說明,并不以此局限本發明,事實上可以依照使用者的需求自行定義靜態巻標。 動態程序檔案20為一般使用動態網頁語言所預先建立的網頁,一般常見的動態網頁語言分為"PHP (Hypertext Preprocessor) ,,、" JSP (Java ServerPages),,以及"ASP(Active Server Pages)"等多種動態網頁語言,在此僅為舉例說明,并不以此局限本發明的應用。 值得注意的是,在動態程序檔案20中除了上述標準的動態網頁語言之外,包含有
動態巻標,動態巻標用以對動態程序檔案20中的動態網頁語言內容加以標記。 動態程序檔案20中的動態巻標與靜態網頁10中的靜態巻標相互對應,因此,靜態
巻標包含的起始巻標以及終止巻標在動態巻標中也存在,而動態巻標與靜態巻標的差異在
于動態巻標還包含判斷巻標,判斷巻標可以通過數字方式,或是符號方式進行判斷,通過動
態巻標中的判斷巻標即可以判斷出是否需要將動態程序檔案20中的內容取代靜態網頁10
中的內容。 具體而言,假設將動態程序檔案20中的動態網頁語言內容分為5個不同的巻標,并且以數字"1"為起始,因此,5個不同的標記即為"〈! -1一>"、"〈! -2—>"、"〈! -3—>"、"〈! -4一>"以及"〈! -5—>",動態巻標所包含的起始巻標假設為"["以及終止標簽"]",此外,假設判斷標簽"T"代表"是"以及判斷標簽"F"代表"否",因此與靜態巻標相對應的第一動態巻標即為"〈! -l-T[->""〈! -l-T]一V,,上述僅為舉例說明,并不以此局限本發明,事實上可以依照使用者的需求自行定義動態巻標。 上述的靜態巻標以及動態巻標皆以舉例方式進行說明,目的在于說明可以具以實施的方式,事實上可以依照使用者自行定義靜態巻標以及動態巻標。 在建立好靜態網頁10以及動態程序檔案20后,即可以通過讀取模塊30分別讀取靜態網頁10以及動態程序檔案20,并且通過分析模塊40將讀取模塊30所讀取到的靜態網頁10中的靜態巻標優先取出,接著依照靜態巻標對比動態程序檔案20中的動態巻標,當靜態網頁10中的靜態巻標在動態程序檔案20中對比出相互對應的動態巻標時,則分析模塊40會分析出靜態網頁10以及動態程序檔案20中具有相對應關系的靜態巻標以及動態巻標。 具體而言,假設靜態網頁10中分別具有"〈! -1[一>"、"〈 ! _1]一>"、"〈! -2[—〉"、"〈! -2]—〉"、"〈! -3[—〉"以及"〈! -3]—〉"六個靜態巻標,并且動態程序檔案20中分別具有"〈! -l-T[->,、'〈! -1普->"、"〈! -3-T[—〉"以及"〈! _3普->"四個動態巻標,分析模塊40則會依據靜態網頁10中的六個靜態巻標在動態程序檔案20中對比出相互對應的動態巻標分別為"〈! -l-T[—>""〈! -l-T]—>"、"〈 ! -3-T[—>"以及"〈! -3-"—>",則分析模塊40會分析出靜態巻標"〈! -1[一>"、"〈! -1]一>"與動態巻標"〈! -l-T[->""〈! -l-T]一〉"相互對應,以及靜態巻標"〈! -3[—>"以及"〈! -3]—>"與動態巻標"〈! -3-T[—>""〈! -3-"—>"相互對應。
接著,在分析模塊40分析出具有對應關系的靜態巻標以及動態巻標之后,通過生成模塊50將動態程序檔案20中動態巻標對應的內容,取代靜態網頁10中與動態巻標相對
6應的靜態巻標的內容,生成整合檔案;并且再通過巻標清除模塊60,刪除整合檔案中的靜態巻標以及動態巻標,以生成動態網頁。 除此之外,本發明還包含有檢測模塊70,用以測試通過生成模塊50以及巻標清除模塊60所生成的動態網頁是否符合超文件標示語言,或是測試動態網頁是否符合動態網頁語言。 當測試動態網頁不否符合超文件標示語言時,則發出錯誤提示信息,通知使用者進行靜態網頁的修改;反之,當測試動態網頁不否符合動態網頁語言時,則發出錯誤提示信息,通知使用者進行動態程序檔案的修改。 接著,以一個實施例來解說本發明的運作方式及流程,并請參照圖2、圖3A、圖3B、圖4以及圖5所示。 圖2為本發明動態網頁生成方法流程圖;圖3A為本發明靜態網頁內容示意圖;圖3B為本發明動態程序檔案內容示意圖;圖4為本發明整合檔案內容示意圖;以及圖5為本發明動態網頁內容示意圖。 如圖3A所示,在靜態網頁80中通過第一靜態巻標81"〈 ! -1[一>"'〈! _1]一>"以及第二靜態巻標82 "〈 ! -2[—>" "〈 ! -2]—>"將靜態網頁10中超文件標示語言內容分為2個不同的標簽(步驟100)。 如圖3B所示,在動態程序檔案90中通過第 一 動態巻標91"〈 ! -l-l[一>""〈! -1-1]—〉"以及第二動態巻標92"〈 ! -2-1[—>""〈! -2_1]—>"將動態程序檔案90中動態網頁語言內容分為2個不同的標簽(步驟200)。
接著,通過讀取模塊30讀取靜態網頁80以及動態程序檔案90(步驟300),并且通過分析模塊40將讀取模塊30所讀取到的靜態網頁80以及動態程序檔案90,對靜態網頁80以及動態程序檔案90中靜態巻標以及動態巻標的對應關系進行分析(步驟400)。
由于在靜態網頁中包含有第一靜態巻標81"〈 ! -1[一>""〈! -1]一〉"以及第二靜態巻標82"〈! 一2[—>""〈! _2]—〉",而在動態程序檔案90中包含有第一動態巻標91 "〈! -l-l[->""〈 ! -1-1]—〉"、第二動態巻標92 "〈 ! -2-1 [—>""〈 ! -2_1]—>",由于第一靜態巻標81與第一動態巻標91以及第二靜態巻標82與第二動態巻標92相互對應,因此,分析模塊40會分析出第一靜態巻標81與第一動態巻標91以及第二靜態巻標82與第二動態巻標92相互對應。 接著,會通過生成模塊50將分析模塊40所分析出第一靜態巻標81與第一動態巻標91以及第二靜態巻標82與第二動態巻標92相互對應,并且第一動態巻標91以及第二動態巻標92所包含的判斷標簽93皆為"l",在實施例中,判斷標簽93為"l"即為需要將動態程序檔案90中第一動態巻標91對應的內容,取代靜態網頁80中與第一動態巻標91相對應的第一靜態巻標81的內容;以及需要將動態程序檔案90中第二動態巻標92對應的內容,取代靜態網頁80中與第二動態巻標92相對應的第二靜態巻標82的內容,并生成整合檔案100 (步驟500),其整合檔案100如圖4所示。 接著,再通過巻標清除模塊60,刪除整合檔案中的第一靜態巻標、第二靜態巻標、第一動態巻標以及第二動態巻標后,即可以生成動態網頁101(步驟600),其動態網頁101如圖5所示。 除此之外,本發明還包含有檢測模塊70,用以測試通過生成模塊50以及巻標清除
7模塊60處理后所生成的動態網頁是否符合超文件標示語言(步驟710),或是測試動態網頁是否符合動態網頁語言(步驟730)。 當測試動態網頁不否符合超文件標示語言時,則發出錯誤提示信息(步驟720),通知使用者進行靜態網頁的修改;反之,當測試動態網頁不否符合動態網頁語言時,則發出錯誤提示信息(步驟740),通知使用者進行動態程序檔案的修改。 綜上所述,可知本發明與現有技術之間的差異在于在靜態網頁中包含至少一靜態
巻標,以及動態程序檔案包含至少一動態巻標,動態巻標與靜態巻標相互對應,當讀取靜態
網頁以及動態程序檔案,依據靜態巻標以及動態巻標的對應關系,將動態程序檔案中動態
巻標對應的內容,取代靜態網頁中與動態巻標相對應的靜態巻標的內容,并刪除整合檔案
中的靜態巻標以及動態巻標,以生成動態網頁,使得靜態網頁以及動態程序可以分開修改
以及維護,并且有效率的將靜態網頁以及動態程序加以整合的技術手段。 通過該技術手段可以來解決現有技術所存在動態網頁修改維護不易的問題,進而
達成修改維護動態網頁快速的技術功效。 雖然本發明所提出的實施方式如上,但是所述的內容并非用來直接限定本發明的專利保護范圍。任何本發明所屬技術領域中具有通常技術知識的人員,在不脫離本發明所提出的精神和范圍的前提下,可以在實施的形式上及細節上作一些更改。本發明的專利保護范圍,仍須以所附的權利要求書范圍所界定為準。
權利要求
一種動態網頁生成系統,其特征在于,包含一靜態網頁,該靜態網頁包含至少一靜態卷標;一動態程序檔案,該動態程序檔案包含至少一動態卷標;一讀取模塊,用以讀取該靜態網頁以及該動態程序檔案;一分析模塊,依據讀取模塊所讀取的該靜態網頁以及該動態程序檔案,分析該些靜態卷標以及該些動態卷標的一對應關系;一生成模塊,依據該對應關系,將該動態程序檔案中該些動態卷標對應的內容,取代該靜態網頁中與該些動態卷標相對應的該些靜態卷標的內容,生成一整合檔案;及一卷標清除模塊,刪除該整合檔案中的該些靜態卷標以及該些動態卷標,以生成一動態網頁。
2. 如權利要求1所述的動態網頁生成系統,其特征在于該些靜態巻標以及該些動態巻標包含有起始巻標以及終止巻標,且該些動態巻標還包 含有判斷巻標。
3. 如權利要求1所述的動態網頁生成系統,其特征在于 該些靜態巻標是以流水號方式加以標記。
4. 如權利要求1所述的動態網頁生成系統,其特征在于還包含一檢測模塊,用以測試該動態網頁是否符合超文件標示語言,或是測試該動態 網頁是否符合動態網頁語言。
5. 如權利要求4所述的動態網頁生成系統,其特征在于當測試該動態網頁不否符合超文件標示語言時,則發出一錯誤提示信息,通知使用者 進行該靜態網頁的修改;當測試該動態網頁不否符合動態網頁語言時,則發出一錯誤提示 信息,通知使用者進行該動態程序檔案的修改。
6. —種動態網頁生成方法,其特征在于,包含下列步驟 建立一靜態網頁,該靜態網頁包含至少一靜態巻標; 建立一動態程序檔案,該動態程序檔案包含至少一動態巻標; 讀取該靜態網頁以及該動態程序檔案; 分析該些靜態巻標以及該些動態巻標的一對應關系;依據該對應關系,將該動態程序檔案中該些動態巻標對應的內容,取代該靜態網頁中 與該些動態巻標相對應的該些靜態巻標的內容,生成一整合檔案;及刪除該整合檔案中的該些靜態巻標以及該些動態巻標,以生成一動態網頁。
7. 如權利要求6所述的動態網頁生成方法,其特征在于該些靜態巻標以及該些動態巻標包含有起始巻標以及終止巻標,且該些動態巻標還包 含有判斷巻標。
8. 如權利要求6所述的動態網頁生成方法,其特征在于 該些靜態巻標是以流水號方式加以標記。
9. 如權利要求6所述的動態網頁生成方法,其特征在于還包含測試該動態網頁是否符合超文件標示語言,或是測試該動態網頁是否符合動態 網頁語言的步驟。
10. 如權利要求9所述的動態網頁生成方法,其特征在于當測試該動態網頁編碼不否符合超文件標示語言時,則發出一錯誤提示信息,通知使 用者進行該靜態網頁的修改;當測試該動態網頁編碼不否符合動態網頁語言時,則發出一 錯誤提示信息,通知使用者進行該動態程序檔案的修改。
全文摘要
一種動態網頁生成系統及其方法,其通過在靜態網頁以及動態程序檔案分別包含相對應的靜態卷標以及動態卷標,當讀取靜態網頁以及動態程序檔案,依據靜態卷標以及動態卷標的對應關系,將動態程序檔案中動態卷標對應的內容,取代靜態網頁中與動態卷標相對應的靜態卷標的內容,并刪除整合檔案中的靜態卷標以及動態卷標,以生成動態網頁的技術手段,可以解決動態網頁修改維護不易的問題,從而可以達成修改維護動態網頁快速的技術功效。
文檔編號G06F17/30GK101770495SQ20091000121
公開日2010年7月7日 申請日期2009年1月4日 優先權日2009年1月4日
發明者方慧, 邱全成 申請人:英業達股份有限公司