專利名稱：一種基于web的在線表單開發(fā)工具的制作方法
技術領域：
本發(fā)明涉及TOB開發(fā)領域技術，特別涉及WEB的在線表單開發(fā)工具的領域。
背景技術：
目前WEB應用開發(fā)領域存在很多成熟的基本開發(fā)技術，如DHTML、Javascript, CSS、AJAX等，這些是TOB應用的最基本組成元素。而在實際的開發(fā)中，因為這些技術都太基礎，運用它們來搭建個完整的應用是一件很復雜的事情，我們要考慮頁面展現(xiàn)、后臺訪問、 數(shù)據(jù)庫處理等諸多的客觀問題。對于大型應用系統(tǒng)開發(fā)來說，通常會有相應的較復雜的組件處理這些功能，如 visual studio,eclipse等開發(fā)平臺，但對于開發(fā)較小的應用來說，要熟悉如此寵大的開發(fā)平臺要花費很多時間，對開發(fā)人員的專業(yè)水平也有很高的要求，而我們的應用系統(tǒng)本身的功能開發(fā)其實并不復雜。所以我們需要有一種更為輕量級的輔助開發(fā)工具，幫助我們快速搭建較為簡單的業(yè)務。另一方面，應用系統(tǒng)的開發(fā)通常都會面臨一個麻煩的事情，用戶需求的變更。但應用系統(tǒng)一旦開發(fā)完成并發(fā)布后，如果要繼續(xù)增加或修改需求，將會造成很高的開發(fā)成本。由此需要開發(fā)一種工具能夠內(nèi)嵌于我們的應用系統(tǒng)中，在系統(tǒng)發(fā)布后，利用這個工具我們能夠靈活地修改或增加一些用戶所需的業(yè)務功能。

發(fā)明內(nèi)容
本發(fā)明的目的在于提供一種基本于WEB的在線開發(fā)工具，讓用戶可以在一個可視化的界面上簡單快捷地搭建各種業(yè)務，既可以獨立開發(fā)應用，也能夠內(nèi)嵌于其它系統(tǒng)中，作為擴展工具。本發(fā)明的又一目的是在DHTML、Javascript、CSS、AJAX、SQL等技術的基礎上開發(fā)， 通過對這些原始技術進行一定程度的封裝，形成一個獨立完整的構(gòu)件庫，開發(fā)人員在使用此構(gòu)件庫時可以少關注技術細節(jié)問題，多關注業(yè)務功能的實現(xiàn)，從而提高開發(fā)效率。并且本發(fā)明對很多公共的程序模式進行封裝，如數(shù)據(jù)庫訪問、服務端程序訪問，減少開發(fā)的環(huán)節(jié)。為此，本發(fā)明公開了一種基于TOB的在線表單開發(fā)工具，包括可視化表單設計器，用于供用戶在該界面上設計待生成表單，所述界面上設置有多個表單控件以及至少一個代碼編輯器；保存模塊，其以HTML頁面文件的格式保存生成的表單，將表單保存在數(shù)據(jù)庫中；數(shù)據(jù)庫，其中設置有保存表單的子數(shù)據(jù)庫和保存業(yè)務數(shù)據(jù)的子數(shù)據(jù)庫；數(shù)據(jù)集控件，其中建立有表單控件與數(shù)據(jù)庫中的業(yè)務數(shù)據(jù)的對應關系數(shù)據(jù)；其中，在保存生成的表單時，所述代碼編輯器編輯出的業(yè)務邏輯與通過表單控件設定的表單頁面元素一同保存，并且表單在展現(xiàn)時，通過數(shù)據(jù)集控件中的對應關系，將數(shù)據(jù)庫中的業(yè)務數(shù)據(jù)顯示在表單控件中。所述的基于TOB的在線表單開發(fā)工具中，所述表單設計器中封裝有多種API函數(shù)，供所述至少一個代碼編輯器調(diào)用。所述的基于TOB的在線表單開發(fā)工具中，所述API函數(shù)包括數(shù)據(jù)驗證、數(shù)據(jù)庫訪問和/或業(yè)務模塊訪問。所述的基于WEB的在線表單開發(fā)工具中，所述保存模塊除了以HTML頁面文件的格式保存生成的表單之外，還將表單的設計內(nèi)容以設計串數(shù)據(jù)的形式存儲在數(shù)據(jù)庫中，每次保存表單時會更新相應的設計串，每次重新修改表單時則從數(shù)據(jù)庫中把相應的設計串讀取到可視化設計界面中。所述的基于TOB的在線表單開發(fā)工具中，所述保存模塊除了以HTML頁面文件的格式保存生成的表單之外，還將在一個系統(tǒng)中設計好的表單在數(shù)據(jù)庫中保存成預定格式的文件，以在另一個系統(tǒng)中進行導入。所述的基于TOB的在線表單開發(fā)工具中，還包括讀寫模塊，其從數(shù)據(jù)庫中讀取表單，并可進行修改操作。所述的基于TOB的在線表單開發(fā)工具中，所述代碼編輯器中包括Javascript腳本編輯界面。本發(fā)明的有益效果是1、本發(fā)明最終呈現(xiàn)的是可視化設計的界面，所見即所得，用戶可以像使用普通網(wǎng)頁編輯工具一樣使用此模塊，較為人性化；2、本發(fā)明對些基本的技術進行了集成和封裝，使用戶易于使用，可以快速構(gòu)建業(yè)務；3、本發(fā)明提供的控件種類齊全、交互性好，能夠滿足基本業(yè)務的開發(fā)需要；4、本發(fā)明提供了多樣的數(shù)據(jù)驗證功能，保證業(yè)務數(shù)據(jù)的準確；5、同時由于本發(fā)明采用的都是通用的TOB開發(fā)技術，不依靠任何第三方控件支持，所以易于集成；6、由于本發(fā)明屬于相對獨立的模塊，而且屬于前端開發(fā)工具，所以集成此工具后， 使用其進行開發(fā)時不會對母系統(tǒng)產(chǎn)生影響，風險低；7、由于屬于前端開發(fā)工具，不完全依賴于服務端，所以對此工具開發(fā)的業(yè)務可以隨時隨地維護，方便管理，對用戶變化的需求可以靈活應對；8、本發(fā)明采用的技術均為基本開發(fā)技術，并有一定程度的封裝，使用更為簡單，對開發(fā)人員的專業(yè)水平要求不高。
具體實施例方式為此，本發(fā)明公開了一種基于TOB的在線表單開發(fā)工具，包括可視化表單設計器，用于供用戶在該界面上設計待生成表單，所述界面上設置有多個表單控件以及至少一個代碼編輯器；也可以有多個代碼編輯器，供熟悉不同代碼的用戶使用。多個表單控件可以包括有按鈕、標簽、圖像、頁簽、超鏈接、單選列表、復選列表、表格、文本框、文本域、單選、復選、下拉列表、附件上傳、圖表、OFFICE等。保存模塊，其以HTML頁面文件的格式保存生成的表單，將表單保存在數(shù)據(jù)庫中；數(shù)據(jù)庫，其中設置有保存表單的子數(shù)據(jù)庫和保存業(yè)務數(shù)據(jù)的子數(shù)據(jù)庫；數(shù)據(jù)集控件，其中建立有表單控件與數(shù)據(jù)庫中的業(yè)務數(shù)據(jù)的對應關系數(shù)據(jù)；
其中，在保存生成的表單時，所述代碼編輯器編輯出的業(yè)務邏輯與通過表單控件設定的表單頁面元素一同保存，并且表單在展現(xiàn)時，通過數(shù)據(jù)集控件中的對應關系，將數(shù)據(jù)庫中的業(yè)務數(shù)據(jù)顯示在表單控件中。所述的基于TOB的在線表單開發(fā)工具中，所述表單設計器中封裝有多種API函數(shù)， 供所述至少一個代碼編輯器調(diào)用。所述的基于TOB的在線表單開發(fā)工具中，所述API函數(shù)包括數(shù)據(jù)驗證、數(shù)據(jù)庫訪問和/或業(yè)務模塊訪問。所述的基于TOB的在線表單開發(fā)工具中，所述保存模塊除了以HTML頁面文件的格式保存生成的表單之外，還將表單的設計內(nèi)容以設計串數(shù)據(jù)的形式存儲在數(shù)據(jù)庫中，每次保存表單時會更新相應的設計串，每次重新修改表單時則從數(shù)據(jù)庫中把相應的設計串讀取到可視化設計界面中。所述的基于TOB的在線表單開發(fā)工具中，所述保存模塊除了以HTML頁面文件的格式保存生成的表單之外，還將在一個系統(tǒng)中設計好的表單保存成預定格式的文件，以在另一個系統(tǒng)中進行導入。所述的基于TOB的在線表單開發(fā)工具中，還包括讀寫模塊，其從數(shù)據(jù)庫中讀取表單，并可進行修改操作。所述的基于TOB的在線表單開發(fā)工具中，所述代碼編輯器中包括Javascript腳本編輯界面。另一種實現(xiàn)形式是本發(fā)明提供一種基本于TOB的在線開發(fā)工具，讓用戶可以在一個可視發(fā)的界面上篩單快捷地搭建各種業(yè)務，既可以獨立開發(fā)應用，也能夠內(nèi)嵌于其它系統(tǒng)中，作為擴展工具。本發(fā)明是在DHTML、Javascript、CSS、AJAX、SQL等技術的基礎上開發(fā)，通過對這些原始技術進行一定程度的封裝，形成一個獨立完整的構(gòu)件庫，開發(fā)人員在使用此構(gòu)件庫時可以少關注技術細節(jié)問題，多關注業(yè)務功能的實現(xiàn)，從而提高開發(fā)效率。并且本發(fā)明對很多公共的程序模式進行封裝，如數(shù)據(jù)庫訪問、服務端程序訪問，減少開發(fā)的環(huán)節(jié)。以下是本發(fā)明設計方案的具體闡述。開發(fā)一個應用通常要考慮的最基本步驟是，第一設計用戶界面，第二是界面與數(shù)據(jù)庫以及服務端程序交互，完成這兩項功能才能算是一個基本的應用。本發(fā)明作為一個實用型工具，要付諸實踐首先需要解決這兩個問題，首先要提供一個供用戶設計頁面的可視化界面，可以設計保存文件；然后要設計一套機制，使用戶設計的頁面可以訪問數(shù)據(jù)庫和服務端的程序，實現(xiàn)數(shù)據(jù)的交互；另外還需封裝一些常用API函數(shù)供用戶使用，方便開發(fā)。可視化表單設計表單控件在標準HTML元素的基礎上，對元素繼續(xù)進行封裝，豐富元素的屬性和方法，并且重新封裝了一些日常業(yè)務中常用的控件?？丶诰庉嫿缑嬷锌梢匀我馔戏牛O置屬性或方法，遵循的規(guī)則仍然是DHTML、CSS和Javascript標準。工具中提供的控件有按鈕、標簽、圖像、頁簽、超鏈接、單選列表、復選列表、表格、文本框、文本域、單選、復選、下拉列表、附件上傳、圖表、OFFICE等。
代碼編寫工具提供Javascript腳本編輯界面，用戶可以在這里書寫業(yè)務邏輯，在保存表單時會將這些代碼與頁面元素一同保存，生成一個完整的頁面。工具本身也封裝了大量的API 函數(shù)，如數(shù)據(jù)驗證、數(shù)據(jù)庫訪問、業(yè)務模塊訪問等，方便用戶使用，提高開發(fā)效率。數(shù)據(jù)集機制數(shù)據(jù)集是表單實現(xiàn)數(shù)據(jù)庫訪問的核心控件，它建立表單控件與數(shù)據(jù)庫表的對應關系，在發(fā)起業(yè)務時通過此控件把業(yè)務數(shù)據(jù)格式化保存到數(shù)據(jù)庫中，業(yè)務在展現(xiàn)時通過此控件把原先存儲的數(shù)據(jù)在各個控件中顯現(xiàn)出來。文件存儲與讀取一個表單在設計完后需要保存并生成可訪問的頁面，對于同一個表單保存完后還要重新修改。表單的保存分三種形式可訪問的靜態(tài)頁面表單每次保存都會生成靜態(tài)頁面，是標準的HTML頁面，也是業(yè)務最終使用的頁面。數(shù)據(jù)庫設計串表單的設計內(nèi)容會存儲在數(shù)據(jù)庫中，每次保存表單時會更新這個設計串，每次重新修改表單時則從數(shù)據(jù)庫中把這個設計串讀取到可視化設計界面中?？梢浦驳脑O計文件可以指定生成一個特殊格式的文件，用于系統(tǒng)間表單的移植， 在一個系統(tǒng)中設計好的表單可以保存這樣一個文件，在另一個系統(tǒng)中進行導入。表單運行業(yè)務數(shù)據(jù)保存、更新與查詢表單數(shù)據(jù)的保存使用的是數(shù)據(jù)集機制。在新建一張表單的同時，需要創(chuàng)建一張與之關聯(lián)的數(shù)據(jù)表，每個表單的字段對應一個數(shù)據(jù)集字段，然后在通過表單上的數(shù)據(jù)集控件建立表單與數(shù)據(jù)庫的關聯(lián)，使數(shù)據(jù)可以隨著表單業(yè)務的流轉(zhuǎn)自己保存與更新。表單與服務端交互表單中頁面與數(shù)據(jù)庫的交互、頁面與服務端程序的交互都是以AJAX異步調(diào)用的方式來實現(xiàn)，服務端程序首先封裝數(shù)據(jù)庫訪問和其它程序訪問的方法，用戶界面用 Javascript方法發(fā)起AJAX請求來獲取數(shù)據(jù)。本發(fā)明所實現(xiàn)的是在通用技術基礎上的優(yōu)化重組，提高開發(fā)效率。本發(fā)明有如下優(yōu)點本發(fā)明最終呈現(xiàn)的是可視化設計的界面，所見即所得，用戶可以像使用普通網(wǎng)頁編輯工具一樣使用此模塊，較為人性化；本發(fā)明對一些基本的技術進行了集成和封裝，使用戶易于使用，可以快速構(gòu)建業(yè)務；本發(fā)明提供的控件種類齊全、交互性好，能夠滿足基本業(yè)務的開發(fā)需要；本發(fā)明提供了多樣的數(shù)據(jù)驗證功能，保證業(yè)務數(shù)據(jù)的準確；同時由于本發(fā)明采用的都是通用的TOB開發(fā)技術，不依靠任何第三方控件支持， 所以易于集成；由于本發(fā)明屬于相對獨立的模塊，而且屬于前端開發(fā)工具，所以集成此工具后，使用其進行開發(fā)時不會對母系統(tǒng)產(chǎn)生影響，風險低；由于屬于前端開發(fā)工具，不完全依賴于服務端，所以對此工具開發(fā)的業(yè)務可以隨時隨地維護，方便管理，對用戶變化的需求可以靈活應對；本發(fā)明采用的技術均為基本開發(fā)技術，并有一定程度的封裝，使用更為簡單，對開發(fā)人員的專業(yè)水平要求不高。為了達到上述所述的目的，本發(fā)明解決其技術問題所采用的技術方案的步驟是表單設計布局頁面運行表單可視化設計界面，新建表單，在表單中拖放業(yè)務所需的各種 HTML控件，設置控件的屬性，并調(diào)整頁面布局；代碼編寫布局好頁面的控件以后，開始書寫代碼。打開表單工具的腳本代碼編輯窗口，出現(xiàn)一個文本編輯區(qū)域，按照標準的Javascript編寫格式在此處編寫業(yè)務代碼，可以是自定義的函數(shù)，也可以調(diào)用工具封裝的API函數(shù)，或Javascript內(nèi)置的函數(shù)；數(shù)據(jù)綁定頁面設計好后，開始建立頁面與數(shù)據(jù)庫的關聯(lián)。在頁面上添加一個數(shù)據(jù)集控件，在數(shù)據(jù)集控件中配置此數(shù)據(jù)集對應的數(shù)據(jù)表名和所有表字段。數(shù)據(jù)集控件配置完成后重新回到頁面編輯界面，雙擊相應的控件，打開屬性窗口，在屬性窗口中選擇需要對應到數(shù)據(jù)集的字段，一個控件只能綁定一個字段。例如，有一個文本框控件綁定了一個數(shù)據(jù)集字段以后，當表單在運行時，用戶在文本框中輸入數(shù)據(jù)，則數(shù)據(jù)會自動對應保存到相應的數(shù)據(jù)庫表中。保存表單表單界面設計完，編寫好代碼邏輯并綁定完數(shù)據(jù)集后，表單的設計工作基本完成，可以點擊保存了。保存前可以先設置保存選項保存設計串、生成設計文件和生成運行文件，其中保存設計串和生成運行文件是系統(tǒng)默認執(zhí)行的動作，生成設計文件為可選，勾選此項后會額外生成一個可移植的表單文件。表單保存完成了還要以重新打開進行設計，重復1)、2)、3)的步驟。表單運行發(fā)起表單表單在設計完成之后，會最終生成一個可運行的HTML文件，使用瀏覽器打開此文件即可看到一個完整的網(wǎng)頁界面，此頁面是可交互的，用戶可以進行數(shù)據(jù)錄入等操作，用戶也可以在表單設計的時候通過編寫更復雜的Javascript來實現(xiàn)更復雜的功能。表單提交用戶在填寫完所需的數(shù)據(jù)后，點擊表單的提交功能，此時表單的內(nèi)置方法會根據(jù)表單控件與數(shù)據(jù)集的綁定關系，將用戶數(shù)據(jù)保存到數(shù)據(jù)庫中。表單查詢表單查詢是指對用戶以前提交過的表單進行查詢與重現(xiàn)，通過表單提交的記錄可以分析出此記錄由哪個表單提交，并可以使用這個表單把數(shù)據(jù)庫存儲的內(nèi)容在表單上重新顯示出來。表單查詢功能可以用表單來實現(xiàn)，也可以借助其它開發(fā)工具來實現(xiàn)。表單可以單獨運行，也可以將其整合到其它復雜業(yè)務系統(tǒng)中，以達到對其它系統(tǒng)擴展功能的目的。盡管本發(fā)明的實施方案已公開如上，但其并不僅僅限于說明書和實施方式中所列運用，它完全可以被適用于各種適合本發(fā)明的領域，對于熟悉本領域的人員而言，可容易地實現(xiàn)另外的修改，因此在不背離權(quán)利要求及等同范圍所限定的一般概念下，本發(fā)明并不限于特定的細節(jié)和這里示出與描述的圖例。
權(quán)利要求
1.一種基于WEB的在線表單開發(fā)工具，其特征在于，包括可視化表單設計器，用于供用戶在該界面上設計待生成表單，所述界面上設置有多個表單控件以及至少一個代碼編輯器；保存模塊，其以HTML頁面文件的格式保存生成的表單，將表單保存在數(shù)據(jù)庫中；數(shù)據(jù)庫，其中設置有保存表單的子數(shù)據(jù)庫和保存業(yè)務數(shù)據(jù)的子數(shù)據(jù)庫；數(shù)據(jù)集控件，其中建立有表單控件與數(shù)據(jù)庫中的業(yè)務數(shù)據(jù)的對應關系數(shù)據(jù)；其中，在保存生成的表單時，所述代碼編輯器編輯出的業(yè)務邏輯與通過表單控件設定的表單頁面元素一同保存，并且表單在展現(xiàn)時，通過數(shù)據(jù)集控件中的對應關系，將數(shù)據(jù)庫中的業(yè)務數(shù)據(jù)顯示在表單控件中。
2.如權(quán)利要求1所述的基于WEB的在線表單開發(fā)工具，其特征在于，所述表單設計器中封裝有多種API函數(shù)，供所述至少個代碼編輯器調(diào)用。
3.如權(quán)利要求1所述的基于WEB的在線表單開發(fā)工具，其特征在于，所述API函數(shù)包括數(shù)據(jù)驗證、數(shù)據(jù)庫訪問和/或業(yè)務模塊訪問。
4.如權(quán)利要求1所述的基于WEB的在線表單開發(fā)工具，其特征在于，所述保存模塊除了以HTML頁面文件的格式保存生成的表單之外，還將表單的設計內(nèi)容以設計串數(shù)據(jù)的形式存儲在數(shù)據(jù)庫中，每次保存表單時會更新相應的設計串，每次重新修改表單時則從數(shù)據(jù)庫中把相應的設計串讀取到可視化設計界面中。
5.如權(quán)利要求1所述的基于WEB的在線表單開發(fā)工具，其特征在于，所述保存模塊除了以HTML頁面文件的格式保存生成的表單之外，還將在一個系統(tǒng)中設計好的表單保存成預定格式的文件，以在另一個系統(tǒng)中進行導入。
6.如權(quán)利要求1所述的基于WEB的在線表單開發(fā)工具，其特征在于，還包括讀寫模塊， 其從數(shù)據(jù)庫中讀取表單，并可進行修改操作。
7.如權(quán)利要求1所述的基于WEB的在線表單開發(fā)工具，其特征在于，所述代碼編輯器中包括Javascript腳本編輯界面。
全文摘要
本發(fā)明公開了一種基于WEB的在線表單開發(fā)工具，包括可視化表單設計器，用于供用戶在該界面上設計待生成表單，所述界面上設置有多個表單控件以及至少一個代碼編輯器；保存模塊，其以HTML頁面文件的格式保存生成的表單，將表單保存在數(shù)據(jù)庫中；數(shù)據(jù)庫，其中設置有保存表單的子數(shù)據(jù)庫和保存業(yè)務數(shù)據(jù)的子數(shù)據(jù)庫；數(shù)據(jù)集控件，其中建立有表單控件與數(shù)據(jù)庫中的業(yè)務數(shù)據(jù)的對應關系數(shù)據(jù)；其中，在保存生成的表單時，所述代碼編輯器編輯出的業(yè)務邏輯與通過表單控件設定的表單頁面元素一同保存，并且表單在展現(xiàn)時，通過數(shù)據(jù)集控件中的對應關系，將數(shù)據(jù)庫中的業(yè)務數(shù)據(jù)顯示在表單控件中。本發(fā)明提供的在線表單開發(fā)工具，提高了開發(fā)效率。
文檔編號G06F9/44GK102360296SQ20111032174
公開日2012年2月22日 申請日期2011年10月20日 優(yōu)先權(quán)日2011年10月20日
發(fā)明者劉欣茹, 沈繁榮 申請人:北京金和軟件股份有限公司