專利名稱：三位一體頁面開發(fā)系統(tǒng)的制作方法
技術領域：
本發(fā)明屬于頁面開發(fā)技術領域，具體涉及一種三位一體頁面開發(fā)系統(tǒng)。
背景技術：
現(xiàn)有技術中頁面開發(fā)一般都是基于ajax技術開發(fā)的動態(tài)頁面，用ajax的方式進行前后臺交互。然后單純的ajax進行交互的話編碼非常復雜。同時這種方式進行開發(fā)如果想要再擴展編碼會非常困難。如果是前臺寫js的話會導致事務失效，如果是后臺編碼的·話會要求開發(fā)人員至少懂得兩種語言。傳統(tǒng)的表單開發(fā)對于業(yè)務開發(fā)人員來說比較費時費力。因為業(yè)務開發(fā)人員大多都是比較了解后臺邏輯的開發(fā)。對于頁面是否好看這種涉及到特殊層面的因素不甚敏感。采用模版加配置的方式開發(fā)可以節(jié)省下調(diào)整頁面樣式的時間。因為模版只有一個，樣式顏色什么的只要調(diào)整模版即可，甚至在項目過程中做大的樣式變更也不需要重新編碼。另一方面，html頁面無法和后臺代碼緊密結合，而JSP頁面又面臨高并發(fā)乏力的問題。本發(fā)明因此而來。

發(fā)明內(nèi)容
本發(fā)明目的在于提供一種三位一體頁面開發(fā)系統(tǒng)，解決了現(xiàn)有技術中頁面開發(fā)時難以滿足高效開發(fā)、開發(fā)過程繁瑣等問題。為了解決現(xiàn)有技術中的這些問題，本發(fā)明提供的技術方案是—種三位一體頁面開發(fā)系統(tǒng)，其特征在于所述系統(tǒng)包括頁面展示交互模塊、配置模塊、控制模塊和頁面調(diào)整模塊；所述頁面展示交互模塊用于展示頁面內(nèi)容和與用戶交互進行提交表單數(shù)據(jù)；所述配置模塊用于進行用戶提交的表單數(shù)據(jù)進行驗證，配置用戶表單數(shù)據(jù)的提交方向和表單數(shù)據(jù)的來源，配置與表單相關的事件事項；所述頁面調(diào)整模塊通過實現(xiàn)配置模塊配置的事件事項的相關行為進行頁面的調(diào)整；所述控制模塊負責接受頁面的請求，并根據(jù)配置模塊的配置調(diào)用頁面調(diào)整模塊進行頁面表單的處理。優(yōu)選的，所述配置模塊配置的事件事項包括表單載入前事件事項、表單載入后事件事項、表單提交前事件事項、表單提交后事件事項。優(yōu)選的，所述頁面調(diào)整模塊包括表單載入前行為接口、表單載入后行為接口、表單提交前行為接口、表單提交后行為接口。本發(fā)明能夠解決純HTML頁面其擴展性不足的問題，同時也能改變開發(fā)頁面需要進行編碼的狀況，可以完全以配置的方式進行頁面開發(fā)。由于是將服務器端壓力分擔到客戶端，假如客戶端的性能非常有限的話會比較影響性能。因此，本發(fā)明使用一套三位一體的頁面模型，保證了展示、配置、編碼三方面的需求，以保證開發(fā)人員可以以更高的效率開發(fā)代碼。單純的HTML+AJAX頁面運行效率很高，但是卻有著難以擴展的問題，并且編寫一個這樣的應用，其成本比之動態(tài)頁面要高的多。而動態(tài)頁面技術如JSP、ASP等雖然解決了動態(tài)擴展問題，可是這種技術在高并發(fā)下會帶來性能瓶頸。該模型將展示部分(如HTML頁面)置于中心的位置，后臺部分有一個配置文件和一份java代碼與其對應。通過配置配置文件和編寫java代碼讓HTML顯著解決了 HTML頁面難以與后臺交互的問題。同時由于后臺有一份配置文件與頁面對應，可以通過配置的方式進行也沒開發(fā)?？梢酝ㄟ^配置頁面上有哪些文本框，使用什么組件，該頁面的數(shù)據(jù)從何而來，要提交到什么地方去都可以以配置的方式進行。用這種 辦法可以顯著提高頁面的開發(fā)效率。而且這種方式也解決了系統(tǒng)頁面統(tǒng)一換膚的問題，因為所有的頁面都來自于同一模版，只要更換一個也沒既可以把整個頁面的樣式全部換掉。本發(fā)明用了一個統(tǒng)一的方式予以解決,用類似html+xml+java這樣三位一體的方式做到了快速開發(fā)的目的。具體的，本發(fā)明的頁面開發(fā)模型有三部分組成頁面部分擔任展示工作和前臺組織工作，他也是操作的發(fā)起人，頁面發(fā)起請求以請求數(shù)據(jù)，頁面發(fā)起數(shù)據(jù)提交來提交數(shù)據(jù)。配置部分配置部分代表表單的配置部分，現(xiàn)在的表單的配置只有一個驗證，之后要可以配置從哪里獲取數(shù)據(jù)、從哪里聯(lián)動獲取數(shù)據(jù)，涉及業(yè)務對象的保存方法，前后事件的配置。代碼部分代碼部分是新加入的一個部分，這個部分就代表著頁面的代碼部分?，F(xiàn)在打算加入頁面的前事件、后事件、提交前事件、提交后事件這些編碼的接口部分來彌補高擴展帶來的聚合性下降。相對于現(xiàn)有技術中的方案，本發(fā)明的優(yōu)點是單純的ajax進行交互的話編碼非常復雜，而且這種方式進行開發(fā)如果想要再擴展編碼會非常困難。如果是前臺寫js的話會導致事務失效，如果是后臺編碼的話會要求開發(fā)人員至少懂得兩種語言。本發(fā)明技術方案開發(fā)人員只用熟悉自己的領域，解決了開發(fā)效率低下的問題。傳統(tǒng)的表單開發(fā)對于業(yè)務開發(fā)人員來說比較費時費力。因為業(yè)務開發(fā)人員大多都是比較了解后臺邏輯的開發(fā)。對于頁面是否好看這種涉及到特殊層面的因素不甚敏感。采用模版加配置的方式開發(fā)可以節(jié)省下調(diào)整頁面樣式的時間。因為模版只有一個，樣式顏色什么的只要調(diào)整模版即可，甚至在項目過程中做大的樣式變更也不需要重新編碼。本發(fā)明解決了開發(fā)人員不善于表單開發(fā)的問題，同時也解決了變更網(wǎng)站樣式需要全部重新開發(fā)頁面的問題。傳統(tǒng)html頁面無法和后臺代碼緊密結合，而JSP頁面又面臨高并發(fā)乏力的問題。本發(fā)明技術方案解決了 html頁面無法與后臺代碼結合的問題。


下面結合附圖及實施例對本發(fā)明作進一步描述圖I為三位一體頁面開發(fā)系統(tǒng)的系統(tǒng)架構圖；圖2為本發(fā)明系統(tǒng)打開頁面的工作流程圖；圖3為本發(fā)明系統(tǒng)打開頁面的工作流程圖。
具體實施例方式以下結合具體實施例對上述方案做進一步說明。應理解，這些實施例是用于說明本發(fā)明而不限于限制本發(fā)明的范圍。實施例中采用的實施條件可以根據(jù)具體廠家的條件做進一步調(diào)整，未注明的實施條件通常為常規(guī)實驗中的條件。實施例本實施例得到的三位一體頁面開發(fā)系統(tǒng)，包括頁面展示交互模塊、配置模塊、控制模塊和頁面調(diào)整模塊；所述頁面展示交互模塊用于展示頁面內(nèi)容和與用戶交互進行提交表單數(shù)據(jù)；所述配置模塊用于進行用戶提交的表單數(shù)據(jù)進行驗證，配置用戶表單數(shù)據(jù)的提交方向和表單數(shù)據(jù)的來源，配置與表單相關的事件事項；所述頁面調(diào)整模塊通過實現(xiàn)配置模塊配置的事件事項的相關行為進行頁面的調(diào)整；所述控制模塊負責接受頁面的請求，并根據(jù)配置模塊的配置調(diào)用頁面調(diào)整模塊進行頁面表單的處理。
具體的頁面展示交互模塊包括頁面部分，頁面部分由前臺負責，前臺指的是在前后臺體系中的前臺角色，以及這個角色所負責的功能。頁面展示交互模塊的功能包括I、發(fā)起請求以請求數(shù)據(jù)通過配置特定的后臺方法來決定調(diào)用什么來填充頁面。2、提交數(shù)據(jù)表單的工作其實就兩個，展示數(shù)據(jù)和提交數(shù)據(jù)。表單頁面上組件是組件自己負責，這里不討論。對于表單本身來說，他就是一個提交數(shù)據(jù)。數(shù)據(jù)提交給固定的目標，由控制器來決定把數(shù)據(jù)交給哪個服務?？刂破饕勒张渲梦募頉Q定如何轉發(fā)。在體系里頁面扮演的角色很單純，就是數(shù)據(jù)展示和提交。二、配置模塊配置模塊是該系統(tǒng)的依托，之所以是配置，而不是代碼，是為了保證其易擴展性，如果使用了代碼的話，在進行維護項目時會因為代碼的不易擴展性而受到阻礙，而且配置模塊也便于設計器進行管理。配置模塊要管理的部分包括I、驗證部分表單的驗證體系，這里和以前沒有變化。2、表單toolbar :toolbar是表單提交的配置，在這里需要配置提交的方向，是直接進行form提交、走自己的服務、亦或是改變form提交所執(zhí)行的內(nèi)容。3、數(shù)據(jù)來源表單的數(shù)據(jù)來源配置，設定配置走那個后臺方法，這個來源和表單綁定是息息相關的。4、數(shù)據(jù)提交數(shù)據(jù)提交就是我們可以配置表單的提交方向。默認情況下表單提交的服務都是同一個，都是“控制部分”。但是隨著后臺配置的不同，他將執(zhí)行不同的增、刪、改服務。這些都是可配置的，包括其明細表的這些東西都是可以配置的。如果toolbar上配置了提交按鈕，也可以在toolbar上配置。如果不配置就走表單本身的提交，這樣既保證了擴展性，也保證了特殊性。5、事件配置事件配置分為表單載入前事件、載入后事件、提交前事件、提交后事件。載入時間是表單統(tǒng)一的，如果沒有在toolbar上單獨配置的話，提交事件是走表單的統(tǒng)一事件，如果單獨配置了，則走單獨配置的部分。配置模塊是中轉點，該部分將由表單后臺驅(qū)動來驅(qū)動起來，這個驅(qū)動就是控制模塊。三、頁面調(diào)整模塊頁面調(diào)整模塊通過代碼部分實現(xiàn)，該部分是是頁面的補充，新建了一個基類作為后臺表單的實現(xiàn)?，F(xiàn)有的擴展點有4個，載入前、載入后、提交前、提交后。這4個部分是代碼實現(xiàn)。這里默認的代碼就是調(diào)用默認事件，如果希望加入自己的事件代碼就可以在這里實現(xiàn)，如果沒有實現(xiàn)或沒有代碼就直接走表單配置的部分。四、控制模塊控制模塊是將前三者串聯(lián)在一起的引擎，在打開頁面時由頁面向他提出請求，他負責根據(jù)配置模塊提供給頁面展示交互模塊數(shù)據(jù)。在也沒提交時也是他根據(jù)頁面的配置來將結果提交到事先配置好的部分去。五、工作流程為了更清晰的講述各個環(huán)節(jié)是如何協(xié)作的，這里以流程圖的方式詳細說明。 這里分成兩塊來說，一塊是打開頁面,一塊是提交頁面。圖2為打開頁面的工作流程圖。包括以下步驟I、從打開一個頁面開始，頁面主動向后臺發(fā)起請求,獲取這個頁面需要得知的相
關信息。2、到達后臺首先到達控制模塊，控制模塊向配置模塊獲取相關配置信息，并根據(jù)這些信息開始組織信息。3、之后開始將調(diào)整模塊實例化，同時執(zhí)行注冊在調(diào)整模塊里的加載前事件。4、此時開始執(zhí)行頁面的初始化邏輯，也許是獲取數(shù)據(jù)，也許是執(zhí)行一段邏輯。5、在執(zhí)行完畢后開始執(zhí)行調(diào)整模塊的加載后事件。6、將執(zhí)行的結果和之前從頁面配置里的數(shù)據(jù)打包返回給頁面展示交互模塊。7、頁面拿到數(shù)據(jù)開始構建頁面，并完成頁面的打開。下面是頁面提交流程，如圖3所示，提交其實和加載本質(zhì)上是同一套引擎，這里為了清楚起見，所以分成兩個來說。I、從頁面向后臺提交開始，頁面向后臺提交信息，需要后臺完成一個業(yè)務邏輯。2、到達后臺首先到達控制模塊，控制模塊向配置模塊獲取相關提交配置信息，并根據(jù)這些提交信息開始進行提交操作。3、之后開始將調(diào)整模塊實例化，同時執(zhí)行注冊在調(diào)整模塊里的提交前事件。4、此時根據(jù)頁面提交配置和配置模塊的配置來進行提交業(yè)務邏輯操作。5、在執(zhí)行完畢后開始執(zhí)行調(diào)整模塊的提交后事件。6、將執(zhí)行的結果打包返回給頁面展示交互模塊。7、頁面拿到數(shù)據(jù)相關信息提示出來。上述實例只為說明本發(fā)明的技術構思及特點，其目的在于讓熟悉此項技術的人是能夠了解本發(fā)明的內(nèi)容并據(jù)以實施，并不能以此限制本發(fā)明的保護范圍。凡根據(jù)本發(fā)明精神實質(zhì)所做的等效變換或修飾，都應涵蓋在本發(fā)明的保護范圍之內(nèi)。
權利要求
1.一種三位一體頁面開發(fā)系統(tǒng)，其特征在于所述系統(tǒng)包括頁面展示交互模塊、配置模塊、控制模塊和頁面調(diào)整模塊；所述頁面展示交互模塊用于展示頁面內(nèi)容和與用戶交互進行提交表單數(shù)據(jù)；所述配置模塊用于進行用戶提交的表單數(shù)據(jù)進行驗證，配置用戶表單數(shù)據(jù)的提交方向和表單數(shù)據(jù)的來源，配置與表單相關的事件事項；所述頁面調(diào)整模塊通過實現(xiàn)配置模塊配置的事件事項的相關行為進行頁面的調(diào)整；所述控制模塊負責接受頁面的請求，并根據(jù)配置模塊的配置調(diào)用頁面調(diào)整模塊進行頁面表單的處理。
2.根據(jù)權利要求I所述的三位一體頁面開發(fā)系統(tǒng)，其特征在于所述配置模塊配置的事件事項包括表單載入前事件事項、表單載入后事件事項、表單提交前事件事項、表單提交后事件事項。
3.根據(jù)權利要求I所述的三位一體頁面開發(fā)系統(tǒng)，其特征在于所述頁面調(diào)整模塊包括表單載入前行為接口、表單載入后行為接口、表單提交前行為接口、表單提交后行為接口。
全文摘要
本發(fā)明公開了一種三位一體頁面開發(fā)系統(tǒng)，其特征在于所述系統(tǒng)包括頁面展示交互模塊、配置模塊、控制模塊和頁面調(diào)整模塊；所述頁面展示交互模塊用于展示頁面內(nèi)容和與用戶交互進行提交表單數(shù)據(jù)；所述配置模塊用于進行用戶提交的表單數(shù)據(jù)進行驗證，配置用戶表單數(shù)據(jù)的提交方向和表單數(shù)據(jù)的來源，配置與表單相關的事件事項；所述頁面調(diào)整模塊通過實現(xiàn)配置模塊配置的事件事項的相關行為進行頁面的調(diào)整；所述控制模塊負責接受頁面的請求，并根據(jù)配置模塊的配置調(diào)用頁面調(diào)整模塊進行頁面表單的處理。該系統(tǒng)解決了開發(fā)人員不善于表單開發(fā)的問題，同時也解決了變更網(wǎng)站樣式需要全部重新開發(fā)頁面的問題。
文檔編號G06F17/30GK102915244SQ201210371630
公開日2013年2月6日 申請日期2012年9月28日 優(yōu)先權日2012年9月28日
發(fā)明者邵帥, 夏幫國, 王長堯 申請人:方正國際軟件有限公司