一種bs軟件系統(tǒng)中一次性異步校驗并準確定位提示的模式的制作方法
【專利摘要】本發(fā)明公開了一種BS軟件系統(tǒng)中一次性異步校驗并準確定位提示的模式，包括如下步驟為：（1）頁面開發(fā)者在表單中的提交按鈕上加預設的屬性標志；（2）頁面操作者打開瀏覽器，訪問表單頁面url地址；（3）瀏覽器根據(jù)表單頁面url地址向后臺服務器請求頁面資源；（4）瀏覽器加載頁面，并且頁面js根據(jù)屬性標志"_ajaxValidationSubmit"綁定點擊事件到頁面表單的提交按鈕上；（5）頁面操作者填寫表單并點擊頁面上的提交按鈕；（6）頁面自動查找頁面上該按鈕對應的表單；（7）采用ajax異步方式提交表單數(shù)據(jù)到后臺服務；（8）后臺校驗表單數(shù)據(jù)；（9）頁面解析后臺返回的json或者xml格式的數(shù)據(jù)，讓B/S軟件開發(fā)者從繁瑣，復雜的表單校驗中解脫出來，節(jié)省時間，節(jié)約開發(fā)成本。
【專利說明】
一種BS軟件系統(tǒng)中一次性異步校驗并準確定位提示的模式
技術領域
[0001]本發(fā)明涉及計算機B/S架構的數(shù)據(jù)校驗領域領域，具體涉及一種BS軟件系統(tǒng)中一次性異步校驗并準確定位提示的模式。
【背景技術】
[0002]在采取B/S架構(瀏覽器/服務器模式的架構)的軟件系統(tǒng)中，常常需要對用戶在瀏覽器端輸入的表單數(shù)據(jù)進行有效性校驗，以保證輸入的數(shù)據(jù)合法有效。比如輸入的手機號碼格式必須是以I開頭長度為11位，年齡必須大于O等等。待校驗通過后，再通過Web Server與數(shù)據(jù)庫進行數(shù)據(jù)交互(寫入數(shù)據(jù)到數(shù)據(jù)庫，或者從數(shù)據(jù)庫輸出數(shù)據(jù)等)。常規(guī)的B/S軟件表單校驗方式一般分為下面幾種:
第一種:只在網(wǎng)頁上(瀏覽器端)用javascript校驗(前臺校驗數(shù)據(jù)只能使用javascript腳本)，也就是前臺校驗。
[0003]第二種:同步提交到后臺(服務器端)校驗，通過服務器端校驗后，頁面刷新統(tǒng)一顯示提示信息，也就是后臺校驗。
[0004]第三種:前后臺分別校驗，后臺同步校驗，也就是前后臺兩次校驗。
[0005]其中第一種，只在前臺校驗了的話，后臺沒有做校驗，大量業(yè)務操作放在了頁面上，因為網(wǎng)頁上的代碼完全暴露在客戶端，用戶完全可以自己寫一個釣魚頁面，向后臺服務器提交沒有校驗的數(shù)據(jù)。再者，后臺沒有校驗用戶提交的數(shù)據(jù)就直接處理業(yè)務邏輯或者插入數(shù)據(jù)庫，這樣一來，前端代碼會非常龐大，前端也會越來越難以維護，另外沒有校驗的數(shù)據(jù)會存在不完整的數(shù)據(jù)，也可能提交的數(shù)據(jù)含有木馬會對服務器數(shù)據(jù)安全造成威脅。
[0006]第二種，同步提交到后臺校驗，一個表單如果有多個字段需要校驗，則要多次刷新頁面，給服務器帶來了較多的壓力，另外多次刷新頁面，會出現(xiàn)刷新頁面前后有白屏的情況，用戶體驗不好;再者使用統(tǒng)一的提示信息，沒有明確定位到哪個字段校驗沒有通過，同樣為用戶帶來了不便，體驗不好。
[0007]第三種，做了兩次校驗，增加了重復代碼，增加了開發(fā)的難度，而且兩次校驗，很難保證兩次校驗的一致性，另外同樣存在上面第一種的前端代碼過于龐大和難以維護的問題。

【發(fā)明內容】

[0008]針對以上問題，本發(fā)明提供了一種BS軟件系統(tǒng)中一次性異步校驗并準確定位提示的模式，通過在表單頁面的提交按鈕上設置一些屬性標志，通過提交按鈕將表單的校驗數(shù)據(jù)向后臺發(fā)送校驗請求，從而進行有選擇性的，特定的校驗，提升了校驗效率，可以有效解決【背景技術】中的問題。
[0009]為了實現(xiàn)上述目的，本發(fā)明采用的技術方案如下:一種BS軟件系統(tǒng)中一次性異步校驗并準確定位提示的模式，在表單中的提交按鈕上加預設的屬性標志(屬性標志有兩個作用:1、標識該表單為前后臺一致性校驗表單，和常規(guī)的表單區(qū)別開來2、標識該表單在頁面加載的時候自動綁定點擊事件到該表單的提交按鈕上)，瀏覽器加載該表單頁面的時候，根據(jù)該預設屬性標志自動綁定點擊事件到該表單的提交按鈕上，當用戶點擊提交按鈕的時候，該技術方案自動尋找該按鈕的所屬表單，然后使用a jax(ajax是個異步的JavaScript和XML，是一種瀏覽器內置的僅有的前后臺異步通訊的接口；本專利為異步校驗領域的專利，只能選擇僅有的這樣一種異步通訊接口)方式向后臺提交該表單，后臺接收到請求后，校驗表單，如果某個字段沒有校驗通過，后臺直接返回json或者xml格式的信息，前臺根據(jù)后臺返回的json或者xml格式的信息，解析出需要顯示提示信息和字段，前臺將該提示信息，顯示在字段所對應的表單頁面元素上，并且前端光標聚焦到該提示的表單頁面元素上;如果后臺校驗通過，前臺直接提示校驗通過，走后面用戶定義的業(yè)務流程。
[0010]本發(fā)明的有益效果:
本發(fā)明的目的是讓B/S軟件開發(fā)者從繁瑣，復雜的表單校驗中解脫出來，節(jié)省時間，節(jié)約開發(fā)成本;讓運營系統(tǒng)的人員或者維護系統(tǒng)的人員更加方便易用，降低系統(tǒng)維護成本，具有以下優(yōu)點:
該發(fā)明有益效果為:
1，大大提高開發(fā)效率:使用一次性異步校驗，開發(fā)者只需要寫后臺的校驗，無需關心前臺校驗。
[0011]2，提升了用戶體驗:提交校驗無需多次刷新頁面，頁面不會有白屏問題，另外如果哪個表單項沒有校驗通過，在頁面上可以直觀的看到哪個表單項。
[0012]3，提高了系統(tǒng)性能:無需多次刷新頁面，系統(tǒng)壓力減少了，性能提高了。
[0013]4，提高了系統(tǒng)安全性:前后臺配合的校驗模式使得系統(tǒng)安全增強。
[0014]5，提高了數(shù)據(jù)一致性，前后臺配合的校驗模式保證了前后臺校驗一致，減少了軟件缺陷。
【附圖說明】
[0015]圖1為本發(fā)明的原理圖。
[0016]圖2為本發(fā)明的時序圖。
【具體實施方式】
[0017]為了使本發(fā)明的目的、技術方案及優(yōu)點更加清楚明白，以下結合附圖及實施例，對本發(fā)明進行進一步詳細說明。應當理解，此處所描述的具體實施例僅僅用以解釋本發(fā)明，并不用于限定本發(fā)明。
[0018]實施例:
參照圖1和圖2所示，一種BS軟件系統(tǒng)中一次性異步校驗并準確定位提示的模式，包括如下步驟為:
51、頁面開發(fā)者在表單中的提交按鈕上加預設的屬性標志，定義好表單提交前后的業(yè)務邏輯，并部署到后臺服務器上；
52、頁面操作者打開瀏覽器，訪問表單頁面url地址；
53、瀏覽器根據(jù)表單頁面url地址向后臺服務器請求頁面資源；
54、瀏覽器加載頁面，并且頁面js根據(jù)屬性標志〃_ajaxValidat1nSubmit〃綁定點擊事件到頁面表單的提交按鈕上；
55、頁面操作者填寫表單并點擊頁面上的提交按鈕；
56、頁面自動查找頁面上該按鈕對應的表單，并且自動封裝表單數(shù)據(jù)；
57、采用ajax異步方式提交表單數(shù)據(jù)到后臺服務；
58、后臺校驗表單數(shù)據(jù)，并用json或者xml格式返回數(shù)據(jù)；
59、頁面解析后臺返回的json或者xml格式的數(shù)據(jù)，如果校驗不通過將提示信息顯示在字段對應的表單元素旁，并且紅色醒目顯示；如果校驗通過執(zhí)行用戶自定義的后續(xù)業(yè)務邏輯；
S10、執(zhí)行自定義業(yè)務邏輯。
[0019]其中，所述步驟(I)中屬性標注標一方面用于識該表單為前后臺一致性校驗表單，和常規(guī)的表單區(qū)別開來;另一方面用于標識該表單在頁面加載的時候自動綁定點擊事件到該表單的提交按鈕上。
[°02°]其中，所述ajax是個異步的JavaScript和XML，是一種瀏覽器內置的僅有的前后臺異步通訊的接口。
[0021]綜上所述:該發(fā)明創(chuàng)新的關鍵點和想保護的技術方案如下:
I，本發(fā)明采用前后臺結合的方式一次性異步校驗；
2，并準確將提示信息定位顯示在關聯(lián)頁面元素上。
[0022]3，表單提交前后可以自定義業(yè)務邏輯。
[0023]本發(fā)明可能的變更設計方向或者變形方案是:
后臺返回給前臺的數(shù)據(jù)格式可能變化，由該發(fā)明的json或者xml格式變?yōu)槿我飧袷?，例如變?yōu)楹唵蔚奈谋靖袷健?br>[0024]前臺在表單頁面元素旁的提示顯示形式可能會不同，比如提示顯示的文字顏色不同，或者提示的位置不同，例如顯示在元素的上面或者下面，或者左面，右面。
[0025]基于上述，本發(fā)明的優(yōu)點在于，本發(fā)明的目的是讓B/S軟件開發(fā)者從繁瑣，復雜的表單校驗中解脫出來，節(jié)省時間，節(jié)約開發(fā)成本;讓運營系統(tǒng)的人員或者維護系統(tǒng)的人員更加方便易用，降低系統(tǒng)維護成本;大大提高開發(fā)效率:使用一次性異步校驗，開發(fā)者只需要寫后臺的校驗，無需關心前臺校驗;提升了用戶體驗:提交校驗無需多次刷新頁面，頁面不會有白屏問題，另外如果哪個表單項沒有校驗通過，在頁面上可以直觀的看到哪個表單項；提高了系統(tǒng)性能:無需多次刷新頁面，系統(tǒng)壓力減少了，性能提高了；提高了系統(tǒng)安全性:前后臺配合的校驗模式使得系統(tǒng)安全增強;提高了數(shù)據(jù)一致性，前后臺配合的校驗模式保證了前后臺校驗一致，減少了軟件缺陷。
[0026]以上所述僅為本發(fā)明的較佳實施例而已，并不用以限制本發(fā)明，凡在本發(fā)明的精神和原則之內所作的任何修改、等同替換和改進等，均應包含在本發(fā)明的保護范圍之內。
【主權項】
1.一種BS軟件系統(tǒng)中一次性異步校驗并準確定位提示的模式，其特征在于，包括如下步驟為: (1)頁面開發(fā)者在表單中的提交按鈕上加預設的屬性標志，定義好表單提交前后的業(yè)務邏輯，并部署到后臺服務器上； (2)頁面操作者打開瀏覽器，訪問表單頁面url地址； (3)瀏覽器根據(jù)表單頁面url地址向后臺服務器請求頁面資源； (4)瀏覽器加載頁面，并且頁面js根據(jù)屬性標志〃_ajaxValidat1nSubmit〃綁定點擊事件到頁面表單的提交按鈕上； (5)頁面操作者填寫表單并點擊頁面上的提交按鈕； (6)頁面自動查找頁面上該按鈕對應的表單，并且自動封裝表單數(shù)據(jù)； (7)采用ajax異步方式提交表單數(shù)據(jù)到后臺服務； (8)后臺校驗表單數(shù)據(jù)，并用json或者xml格式返回數(shù)據(jù)； (9)頁面解析后臺返回的json或者xml格式的數(shù)據(jù)，如果校驗不通過將提示信息顯示在字段對應的表單元素旁，并且紅色醒目顯示；如果校驗通過執(zhí)行用戶自定義的后續(xù)業(yè)務邏輯； (10)執(zhí)行自定義業(yè)務邏輯。2.根據(jù)權利要求1所述的一種BS軟件系統(tǒng)中一次性異步校驗并準確定位提示的模式，其特征在于:所述步驟(I)中屬性標注標一方面用于識該表單為前后臺一致性校驗表單，和常規(guī)的表單區(qū)別開來;另一方面用于標識該表單在頁面加載的時候自動綁定點擊事件到該表單的提交按鈕上。3.根據(jù)權利要求1所述的一種BS軟件系統(tǒng)中一次性異步校驗并準確定位提示的模式，其特征在于:所述ajax是個異步的JavaScript和XML，是一種瀏覽器內置的僅有的前后臺異步通訊的接口。
【文檔編號】G06F17/30GK105893546SQ201610199065
【公開日】2016年8月24日
【申請日】2016年4月1日
【發(fā)明人】趙忠義
【申請人】趙忠義