本發(fā)明涉及表單數(shù)據(jù)管理技術領域，具體地說是基于Bootstrap的自定義表單系統(tǒng)。
背景技術：
隨著移動互聯(lián)網(wǎng)和智能手機的普及，廣大用戶訪問互聯(lián)網(wǎng)的習慣已由電腦轉(zhuǎn)為通過移動終端來進行與生活工作相關的活動。如：移動辦公、移動商務等。在我們的日常生活和工作中，隨處可見各種填寫表單的場景。例如：通信運營商的故障工單系統(tǒng)，都是由若干內(nèi)容和格式不同的表單元素構成，運維人員只需根據(jù)故障填寫相應的工單，就可發(fā)起一次修復故障的派遣單。這些工單的開發(fā)，主要有2種形式：
1、針對每個表單的內(nèi)容，進行單一定制開發(fā)，即：每個表單都要開發(fā)一系列的數(shù)據(jù)模型存儲、表單呈現(xiàn)邏輯。
2、提供預定義好的表單布局模版，由用戶根據(jù)需要選擇表單的布局并配置相應的表單元素，從而構成一張表單。
傳統(tǒng)方式定義出的表單已不能更好的支持移動終端使用了。由此可知現(xiàn)有技術方案主要缺點包括以下幾個方面：
1.對移動終端的支持度不好
首先，傳統(tǒng)的表單呈現(xiàn)方式，多針對大屏幕PC電腦顯示器開發(fā)，因此在這些設備上顯示效果好，但是移動終端由于屏幕相對較小，傳統(tǒng)表單在移動終端設備上顯示效果較差。例如：在PC電腦顯示器上全屏顯示的一張表單，在通過移動終端訪問時，會出現(xiàn)大幅度的滾動條，而拖動滾動條對于移動終端，尤其是手機來說，是很不方便的。因此會降低易用性。
2.表單布局和配置靈活性低
第一，針對不同表單單一開發(fā)其數(shù)據(jù)存儲、表單呈現(xiàn)邏輯的方式存在開發(fā)工作量大，表單配置更改時修改量大，不易于維護，無法靈活配置表單布局等問題。
第二，針對提供預定義表單布局模版，再通過選定模版來確定表單布局的方式存在布局模版需要預定義，配置靈活度低，預定義模版內(nèi)容可能與用戶實際需求有差距等問題。
3.表單實體數(shù)據(jù)模型需先在數(shù)據(jù)庫中建立
表單對應的存儲數(shù)據(jù)的數(shù)據(jù)模型，需要先在數(shù)據(jù)庫中創(chuàng)建。如果表單元素屬性變更，數(shù)據(jù)模型中需要人工修改和維護。
技術實現(xiàn)要素：
本發(fā)明的技術任務是針對以上不足之處，提供基于Bootstrap的自定義表單系統(tǒng)，靈活便捷的配置用戶需要的表單，其具備配置靈活，同時支持PC電腦和移動終端都能兼容的表單呈現(xiàn)功能。
本發(fā)明解決其技術問題所采用的技術方案是：
基于Bootstrap的自定義表單系統(tǒng)，包括：
定義系統(tǒng)提供的表單元素控件，包括表單可視化編輯器，通過靈活的配置信息來定義表單元素控件的類型、數(shù)據(jù)格式， 表單元素控件配置信息支持靈活的可擴展屬性；
表單基礎信息和布局配置，以圖形化界面和可拖動的組件來完成表單元素控件的選擇和拖放，提供實時預覽功能，展現(xiàn)表單縮略圖；
表單呈現(xiàn)，根據(jù)配置的表單元素和布局，正確的顯示表單信息，支持在移動終端采用流式布局正確的展現(xiàn)表單信息；
表單的查詢結果列表配置，根據(jù)表單配置信息，提供該表單查詢結果列表中要顯示的列及其相關的配置，根據(jù)查詢結果列表配置信息，生成該表單的查詢結果列表；
表單實體數(shù)據(jù)模型動態(tài)創(chuàng)建，根據(jù)表單配置信息，動態(tài)生成數(shù)據(jù)模型。
對表單可視化編輯器進行功能區(qū)域劃分，包括：已配置表單列表區(qū)域，可用表單控件列表區(qū)域，表單設計區(qū)域，表單控件屬性配置區(qū)域，表單布局實時預覽區(qū)域；通過設計器，新建表單，并編輯其基礎信息；在基礎信息保存后，繼續(xù)選擇想要使用的控件并拖放到設計區(qū)域，對該控件的相關屬性進行個性化配置，該操作可重復進行，直到用戶認為表單提供的功能達到預期；期間用戶可根據(jù)實時預覽圖，調(diào)整控件屬性或拖動調(diào)整各個控件的顯示順序；待配置好表單布局后，在查詢結果列表配置選項卡中配置該表單的查詢列表需要顯示的列及其個性化配置，如果不配置，則默認顯示全部表單元素屬性。
對已配置的表單，根據(jù)其配置數(shù)據(jù)，生成該表單的編輯、查詢呈現(xiàn)頁面模版，其中使用Bootstrap技術對表單布局和查詢結果列表進行流式布局控制，從而保證每個表單的呈現(xiàn)頁面。
本發(fā)明的基于Bootstrap的自定義表單系統(tǒng)和現(xiàn)有技術相比，具有以下有益效果：
配置靈活、便捷，本發(fā)明的布局、表單元素的選定及配置均采用可視化配置。只需在可視化設計器中拖動需要使用的控件放置在設計區(qū)，并配置該控件的相應屬性即可完成配置；可以通過實時預覽功能，動態(tài)拖動已配置表單元素控件實現(xiàn)表單控件的顯示順序排序，配置十分靈活、方便；
表單元素控件配置擴展性高，系統(tǒng)中提供的可用表單元素控件本身定義了一些常用的屬性配置，以滿足日常需求，如果在使用中需要增加其他配置，只需在控件配置定義中增加擴展配置屬性信息，即可完成，無需再修改代碼。因此，本發(fā)明有很高的擴展性、靈活性；
對移動終端呈現(xiàn)顯示兼容性高，由于引入Bootstrap技術提供的流式布局，本發(fā)明配置的表單，不僅在PC電腦端顯示效果良好，而且對移動終端的顯示效果提供良好的兼容性，從而為移動辦公、移動商務等基于移動終端的操作，提供便捷的服務，滿足越來越多的用戶對移動終端使用的需求；
表單實體數(shù)據(jù)模型動態(tài)生成，維護便捷，維護復雜度低，本發(fā)明中配置的表單，在發(fā)布后，會自動根據(jù)表單配置信息生成實體數(shù)據(jù)模型，無需在數(shù)據(jù)庫中預先定義數(shù)據(jù)模型。因此對表單數(shù)據(jù)模型的日常維護便捷度高、維護復雜度低。
具體實施方式
下面結合具體實施例對本發(fā)明作進一步說明。
基于Bootstrap的自定義表單系統(tǒng)，包括：
定義系統(tǒng)提供的表單元素控件，包括表單可視化編輯器，通過靈活的配置信息來定義表單元素控件的類型、數(shù)據(jù)格式， 表單元素控件配置信息支持靈活的可擴展屬性；
表單基礎信息和布局配置，以圖形化界面和可拖動的組件來完成表單元素控件的選擇和拖放，提供實時預覽功能，展現(xiàn)表單縮略圖；
表單呈現(xiàn)，根據(jù)配置的表單元素和布局，正確的顯示表單信息，支持在移動終端采用流式布局正確的展現(xiàn)表單信息；
表單的查詢結果列表配置，根據(jù)表單配置信息，提供該表單查詢結果列表中要顯示的列及其相關的配置，根據(jù)查詢結果列表配置信息，生成該表單的查詢結果列表；
表單實體數(shù)據(jù)模型動態(tài)創(chuàng)建，根據(jù)表單配置信息，動態(tài)生成數(shù)據(jù)模型。
對表單可視化編輯器進行功能區(qū)域劃分，包括：已配置表單列表區(qū)域，可用表單控件列表區(qū)域，表單設計區(qū)域，表單控件屬性配置區(qū)域，表單布局實時預覽區(qū)域；通過設計器，新建表單，并編輯其基礎信息；在基礎信息保存后，繼續(xù)選擇想要使用的控件并拖放到設計區(qū)域，對該控件的相關屬性進行個性化配置，該操作可重復進行，直到用戶認為表單提供的功能達到預期；期間用戶可根據(jù)實時預覽圖，調(diào)整控件屬性或拖動調(diào)整各個控件的顯示順序；待配置好表單布局后，在查詢結果列表配置選項卡中配置該表單的查詢列表需要顯示的列及其個性化配置，如果不配置，則默認顯示全部表單元素屬性。
對已配置的表單，根據(jù)其配置數(shù)據(jù)，生成該表單的編輯、查詢呈現(xiàn)頁面模版，其中使用Bootstrap技術對表單布局和查詢結果列表進行流式布局控制，從而保證每個表單的呈現(xiàn)頁面。
基于Bootstrap的自定義表單系統(tǒng)，
定義可用表單元素控件及其屬性；
EasyUI實現(xiàn)對表單可視化設計器布局的呈現(xiàn)，包括已配置表單列表、可用組件列表、設計區(qū)域、表單元素組件屬性配置區(qū)域等功能；
實現(xiàn)拖拽可用組件列表中相應控件放置設計區(qū)域，并對該控件屬性進行配置和保存的功能；
對設計區(qū)域已放置的組件進行拖動排序并保存的功能；
實現(xiàn)在配置表單元素組件時顯示實時預覽的功能；
實現(xiàn)表單查詢結果列表配置功能，方便用戶定義需要顯示在列表中的屬性；
通過Bootstrap、JavaWeb等技術實現(xiàn)對已配置好的表單及其編輯、查詢界面進行呈現(xiàn)的功能；
通過Java提供的相關技術，動態(tài)生成表單數(shù)據(jù)模型；
使用本發(fā)明來配置的表單，用戶可根據(jù)自己預期的效果來配置表單布局和表單元素。用戶可靈活的控制每個表單元素的各種配置，并根據(jù)實時預覽效果，方便靈活的調(diào)整占用的列數(shù)，控件之間的顯示順序等。如果系統(tǒng)提供的表單元素控件中需要增加額外的配置項，只需在該控件的擴展配置屬性中增加該配置項就能完成，無需額外編寫程序來完成。因此本發(fā)明的配置靈活性高，易用性高，易于維護。并且由于本發(fā)明在表單顯示引入了Bootstrap流式布局技術，使得表單顯示頁面既支持PC電腦端訪問，又能為移動終端提供良好的顯示效果。因此本發(fā)明對終端兼容性高。表單的數(shù)據(jù)存儲模型，由系統(tǒng)動態(tài)創(chuàng)建和維護，無需人工修改和維護。
通過上面具體實施方式，所述技術領域的技術人員可容易的實現(xiàn)本發(fā)明。但是應當理解，本發(fā)明并不限于上述的具體實施方式。在公開的實施方式的基礎上，所述技術領域的技術人員可任意組合不同的技術特征，從而實現(xiàn)不同的技術方案。
除說明書所述的技術特征外，均為本專業(yè)技術人員的已知技術。