一種web系統(tǒng)的表格開發(fā)方法及系統(tǒng)的制作方法
【專利摘要】本發(fā)明涉及一種WEB系統(tǒng)的表格開發(fā)方法及系統(tǒng)，所述方法包括以下步驟：步驟1，在客戶端根據(jù)不同的業(yè)務(wù)需求設(shè)計表格，并在服務(wù)器端為設(shè)計的每一個表格配置相應(yīng)的服務(wù)代碼；步驟2，在服務(wù)器端設(shè)置多個IGird接口，每個IGrid接口對應(yīng)執(zhí)行一段服務(wù)代碼；步驟3，在客戶端，通過JS技術(shù)從服務(wù)器端加載相應(yīng)的IGrid接口，將該IGrid接口對應(yīng)的表格展現(xiàn)在界面。本發(fā)明通過表格定制化展現(xiàn)很好地實現(xiàn)表格組織，同時也實現(xiàn)了表格分類集中管理，通過對表格數(shù)據(jù)的管控，形成業(yè)務(wù)系統(tǒng)可用的、面向領(lǐng)域、面向業(yè)務(wù)的表格組件。
【專利說明】一種WEB系統(tǒng)的表格開發(fā)方法及系統(tǒng)

【技術(shù)領(lǐng)域】
[0001] 本發(fā)明涉及通信領(lǐng)域，特別是涉及一種WEB系統(tǒng)的表格開發(fā)方法及系統(tǒng)。

【背景技術(shù)】
[0002] 在電信行業(yè)業(yè)務(wù)系統(tǒng)，常用表格開發(fā)方法出現(xiàn)了以下幾個問題：
[0003] 1)樣式風格不統(tǒng)一：由于開發(fā)各自表格，自定義開發(fā)比較多，容易導(dǎo)致表格展現(xiàn) 風格不統(tǒng)一，展現(xiàn)功能不全。
[0004] 2)開發(fā)人員工作量增大：這往往要求各系統(tǒng)有熟練的開發(fā)人員開發(fā)表格組件（包 括界面和服務(wù)）。并且針對每個系統(tǒng)都開發(fā)一套，造成資源浪費和人力成本的增加。
[0005] 3)重復(fù)開發(fā)多，不便于管理：表格重復(fù)開發(fā)，而且存放位置散亂穿插于各個模塊 之中，不便于管理。
[0006] 4)業(yè)務(wù)組件化提高：表格需求一般比較個性，差異性大，把表格組件進行抽取，并 集中管理。剩余的業(yè)務(wù)組件（主要是對系統(tǒng)的更新操作）業(yè)務(wù)就比較容易統(tǒng)一，形成組件。
[0007] 5)數(shù)據(jù)組織方式統(tǒng)一：采用面向接口，面向?qū)ο蟮姆绞?，把表格?shù)據(jù)提供形式規(guī) 范化，統(tǒng)一化，開發(fā)者通過泛型方式定制自己的數(shù)據(jù)格式。
[0008] 針對上述問題，現(xiàn)有技術(shù)中出現(xiàn)了采用JS模板技術(shù)實現(xiàn)界面表面的定制化展現(xiàn)， 但在對表格內(nèi)容表格服務(wù)統(tǒng)一集中管理上仍存在問題。對此，本發(fā)明提出了一種WEB系統(tǒng) 表格開發(fā)方法及系統(tǒng)。
[0009] 下面給出本發(fā)明的技術(shù)方案相關(guān)的名詞解釋，用于解決相關(guān)術(shù)語的意義，并不限 定本發(fā)明的保護范圍。
[0010] JS :JavaScript的簡寫，JavaScript是一種基于對象和事件驅(qū)動并具有相對安全 性的客戶端腳本語言。同時也是一種廣泛用于客戶端Web開發(fā)的腳本語言，常用來給HTML 網(wǎng)頁添加動態(tài)功能，比如響應(yīng)用戶的各種操作。
[0011] JS0N:JS0N(JavaScript Object Notation)是一種輕量級的數(shù)據(jù)交換格式。它基 于 JavaScript (Standard ECMA_2623rd Edition-Decemberl"9)的一個子集。
[0012] 面向?qū)ο螅好嫦驅(qū)ο蟮某绦蛟O(shè)計語言必須有描述對象及其相互之間關(guān)系的語言成 分。這些程序設(shè)計語言可以歸納為以下幾類：系統(tǒng)中一切皆為對象；對象是屬性及其操作 的封裝體；對象可按其性質(zhì)劃分為類，對象成為類的實例；實例關(guān)系和繼承關(guān)系是對象之 間的靜態(tài)關(guān)系；消息傳遞是對象之間動態(tài)聯(lián)系的唯一形式，也是計算的唯一形式；方法是 消息的序列。
[0013] 領(lǐng)域模型：領(lǐng)域模型是對領(lǐng)域內(nèi)的概念類或現(xiàn)實世界中對象的可視化表示。又稱 概念模型、領(lǐng)域?qū)ο竽Ｐ?、分析對象模型。它專注于分析問題領(lǐng)域本身，發(fā)掘重要的業(yè)務(wù)領(lǐng) 域概念，并建立業(yè)務(wù)領(lǐng)域概念之間的關(guān)系。


【發(fā)明內(nèi)容】

[0014] 本發(fā)明所要解決的技術(shù)問題是提供一種WEB系統(tǒng)的表格開發(fā)方法及系統(tǒng)，用于解 決表格數(shù)據(jù)的組織及管控問題。
[0015] 本發(fā)明解決上述技術(shù)問題的技術(shù)方案如下：一種WEB系統(tǒng)表格開發(fā)方法，包括以 下步驟：
[0016] 步驟1，在客戶端根據(jù)不同的業(yè)務(wù)需求設(shè)計表格，并在服務(wù)器端為設(shè)計的每一個表 格配置相應(yīng)的服務(wù)代碼；
[0017] 步驟2,在服務(wù)器端設(shè)置多個IGird接口，每個IGrid接口對應(yīng)執(zhí)行一段服務(wù)代 碼；
[0018] 步驟3,在客戶端，通過JS技術(shù)從服務(wù)器端加載相應(yīng)的IGrid接口，將該IGrid接 口對應(yīng)的表格展現(xiàn)在界面。
[0019] 在上述技術(shù)方案的基礎(chǔ)上，本發(fā)明還可以做如下改進。
[0020] 進一步，所述步驟1中，根據(jù)不同的業(yè)務(wù)需求設(shè)計表格具體包括：根據(jù)業(yè)務(wù)需求定 義表格需要展示的列、定義各列是否能自定義顯示狀態(tài)和隱藏狀態(tài)以及定義表格是否需要 分頁。
[0021] 進一步，所述步驟1中，將所有服務(wù)代碼存放在同一目錄下。
[0022] 進一步，當進行表格設(shè)計時，查找存放服務(wù)代碼的目錄下是否存在該表格對應(yīng)的 服務(wù)代碼，若不存在，則開發(fā)相應(yīng)的服務(wù)代碼。
[0023] 進一步，所述步驟3具體包括：
[0024] 步驟31，客戶端通過JS技術(shù)將資源請求發(fā)送給服務(wù)器端，服務(wù)器端的GridAction 接收到資源請求，進行資源轉(zhuǎn)發(fā)，并調(diào)用GommonGridService ;
[0025] 步驟32, GommonGridService根據(jù)資源請求進行表格分類，加載滿足資源請求的 IGird 接口；
[0026] 步驟33,客戶端通過JS技術(shù)調(diào)用步驟32中加載的IGird接口，將該IGrid接口對 應(yīng)的表格展現(xiàn)在界面。
[0027] 本發(fā)明的技術(shù)方案還包括一種WEB系統(tǒng)表格開發(fā)系統(tǒng)，包括服務(wù)器端和客戶端：
[0028] 所述服務(wù)器端，用于為客戶端設(shè)計的每一個表格配置相應(yīng)的服務(wù)代碼，并設(shè)置多 個IGird接口，每個IGrid接口對應(yīng)執(zhí)行一段服務(wù)代碼；
[0029] 所述客戶端，用于根據(jù)不同的業(yè)務(wù)需求設(shè)計表格，還用于通過JS技術(shù)從服務(wù)器端 加載相應(yīng)的IGrid接口，將該IGrid接口對應(yīng)的表格展現(xiàn)在界面。
[0030] 進一步，所述客戶端根據(jù)不同的業(yè)務(wù)需求設(shè)計表格具體包括：根據(jù)業(yè)務(wù)需求定義 表格需要展示的列、定義各列是否能自定義顯示狀態(tài)和隱藏狀態(tài)以及定義表格是否需要分 頁。
[0031] 進一步，所述服務(wù)器端將所有服務(wù)代碼存放在同一目錄下。
[0032] 進一步，當進行表格設(shè)計時，查找存放服務(wù)代碼的目錄下是否存在該表格對應(yīng)的 服務(wù)代碼，若不存在，則開發(fā)相應(yīng)的服務(wù)代碼。
[0033] 進一步，所述客戶端通過JS技術(shù)從服務(wù)器端加載相應(yīng)的IGrid接口，將該IGrid 接口對應(yīng)的表格展現(xiàn)在界面，具體包括：
[0034] 客戶端通過JS技術(shù)將資源請求發(fā)送給服務(wù)器端，服務(wù)器端的GridAction接收到 資源請求，進行資源轉(zhuǎn)發(fā)，并調(diào)用GommonGridService ;
[0035] GommonGridService根據(jù)資源請求進行表格分類，加載滿足資源請求的IGird接 π ；
[0036] 客戶端通過JS技術(shù)調(diào)用加載好的IGird接口，將該IGrid接口對應(yīng)的表格展現(xiàn)在 界面。
[0037] 本發(fā)明的有益效果是：現(xiàn)有技術(shù)中實現(xiàn)界面表格展現(xiàn)的組件很多，但對表格數(shù)據(jù) 的組織則不夠。本發(fā)明除提供表格展現(xiàn)和表格定制功能外，還通過表格定制化展現(xiàn)很好地 實現(xiàn)表格組織，同時也實現(xiàn)了表格分類集中管理，通過對表格數(shù)據(jù)的管控，形成業(yè)務(wù)系統(tǒng)可 用的、面向領(lǐng)域、面向業(yè)務(wù)的表格組件，具體有以下三個特性：
[0038] -、面向服務(wù)的表格：每個表格代表一種服務(wù)，提供一種業(yè)務(wù)能力。
[0039] 二、表格分類集中管理：所有表格代碼都存放于系統(tǒng)的特定目錄，都需要實現(xiàn) IGrid接口。同時可防止表格的重復(fù)開發(fā)，提供同一個服務(wù)的表格在此目錄下只存在一個。
[0040] 三、表格定制化展現(xiàn)：每個表格在界面上可以對展現(xiàn)的列數(shù)，展現(xiàn)的形式等進行定 制化展現(xiàn)。

【專利附圖】

【附圖說明】
[0041] 圖1為本發(fā)明所述一種WEB系統(tǒng)的表格開發(fā)方法的流程示意圖。

【具體實施方式】
[0042] 以下結(jié)合附圖對本發(fā)明的原理和特征進行描述，所舉實例只用于解釋本發(fā)明，并 非用于限定本發(fā)明的范圍。
[0043] 如圖1所示，本實施例給出了一種WEB系統(tǒng)表格開發(fā)方法，包括以下步驟：
[0044] 步驟1，在客戶端根據(jù)不同的業(yè)務(wù)需求設(shè)計表格，并在服務(wù)器端為設(shè)計的每一個表 格配置相應(yīng)的服務(wù)代碼；
[0045] 步驟2,在服務(wù)器端設(shè)置多個IGird接口，每個IGrid接口對應(yīng)執(zhí)行一段服務(wù)代 碼；
[0046] 步驟3,在客戶端，通過JS技術(shù)從服務(wù)器端加載相應(yīng)的IGrid接口，將該IGrid接 口對應(yīng)的表格展現(xiàn)在界面。
[0047] 其中，根據(jù)不同的業(yè)務(wù)需求設(shè)計表格具體包括：根據(jù)業(yè)務(wù)需求定義表格需要展示 的列、定義各列是否能自定義顯示狀態(tài)和隱藏狀態(tài)以及定義表格是否需要分頁。此外，本實 施例中將所有服務(wù)代碼存放在同一目錄下。當進行表格設(shè)計時，查找存放服務(wù)代碼的目錄 下是否存在該表格對應(yīng)的服務(wù)代碼，若不存在，則開發(fā)相應(yīng)的服務(wù)代碼。
[0048] 進一步，所述步驟3具體包括：
[0049] 步驟31，客戶端通過JS技術(shù)將資源請求發(fā)送給服務(wù)器端，服務(wù)器端的GridAction 接收到資源請求，進行資源轉(zhuǎn)發(fā)，并調(diào)用GommonGridService ;
[0050] 步驟32, GommonGridService根據(jù)資源請求進行表格分類，加載滿足資源請求的 IGird 接口；
[0051] 步驟33,客戶端通過JS技術(shù)調(diào)用步驟32中加載的IGird接口，將該IGrid接口對 應(yīng)的表格展現(xiàn)在界面。
[0052] 本實施例采用了 JS技術(shù)，即是設(shè)計JS程序，調(diào)用統(tǒng)一URL資源，加載不同的IGrid 實現(xiàn)表格展現(xiàn)。通過JS技術(shù)對表格數(shù)據(jù)進行規(guī)范化，轉(zhuǎn)換為JS0N、XML等格式，提供給客戶 端界面使用。[0053] 可知，本實施例中IGrid接口起重要作用，以一個IGrid接口為例，接口 IGrid〈T> 說明如下表（其中，參數(shù)類型為T，返回結(jié)果集類）：

【權(quán)利要求】
1. 一種WEB系統(tǒng)的表格開發(fā)方法，其特征在于，包括以下步驟： 步驟1，在客戶端根據(jù)不同的業(yè)務(wù)需求設(shè)計表格，并在服務(wù)器端為設(shè)計的每一個表格配 置相應(yīng)的服務(wù)代碼； 步驟2,在服務(wù)器端設(shè)置多個IGird接口，每個IGrid接口對應(yīng)執(zhí)行一段服務(wù)代碼； 步驟3,在客戶端，通過JS技術(shù)從服務(wù)器端加載相應(yīng)的IGrid接口，將該IGrid接口對 應(yīng)的表格展現(xiàn)在界面。
2. 根據(jù)權(quán)利要求1所述的WEB系統(tǒng)的表格開發(fā)方法，其特征在于，所述步驟1中，根據(jù) 不同的業(yè)務(wù)需求設(shè)計表格具體包括：根據(jù)業(yè)務(wù)需求定義表格需要展示的列、定義各列是否 能自定義顯示狀態(tài)和隱藏狀態(tài)以及定義表格是否需要分頁。
3. 根據(jù)權(quán)利要求1所述的WEB系統(tǒng)的表格開發(fā)方法，其特征在于，所述步驟1中，將所 有服務(wù)代碼存放在同一目錄下。
4. 根據(jù)權(quán)利要求3所述的WEB系統(tǒng)的表格開發(fā)方法，其特征在于，當進行表格設(shè)計時， 查找存放服務(wù)代碼的目錄下是否存在該表格對應(yīng)的服務(wù)代碼，若不存在，則開發(fā)相應(yīng)的服 務(wù)代碼。
5. 根據(jù)權(quán)利要求1所述的WEB系統(tǒng)的表格開發(fā)方法，其特征在于，所述步驟3具體包 括： 步驟31，客戶端通過JS技術(shù)將資源請求發(fā)送給服務(wù)器端，服務(wù)器端的GridAction接收 到資源請求，進行資源轉(zhuǎn)發(fā)，并調(diào)用GommonGridService ; 步驟32，GommonGridSe;rvice根據(jù)資源請求進行表格分類，加載滿足資源請求的IGird 接口； 步驟33,客戶端通過JS技術(shù)調(diào)用步驟32中加載的IGird接口，將該IGrid接口對應(yīng)的 表格展現(xiàn)在界面。
6. -種WEB系統(tǒng)的表格開發(fā)系統(tǒng)，其特征在于，包括服務(wù)器端和客戶端： 所述服務(wù)器端，用于為客戶端設(shè)計的每一個表格配置相應(yīng)的服務(wù)代碼，并設(shè)置多個 IGird接口，每個IGrid接口對應(yīng)執(zhí)行一段服務(wù)代碼； 所述客戶端，用于根據(jù)不同的業(yè)務(wù)需求設(shè)計表格，還用于通過JS技術(shù)從服務(wù)器端加載 相應(yīng)的IGrid接口，將該IGrid接口對應(yīng)的表格展現(xiàn)在界面。
7. 根據(jù)權(quán)利要求6所述的WEB系統(tǒng)的表格開發(fā)系統(tǒng)，其特征在于，所述客戶端根據(jù)不同 的業(yè)務(wù)需求設(shè)計表格具體包括：根據(jù)業(yè)務(wù)需求定義表格需要展示的列、定義各列是否能自 定義顯示狀態(tài)和隱藏狀態(tài)以及定義表格是否需要分頁。
8. 根據(jù)權(quán)利要求6所述的WEB系統(tǒng)的表格開發(fā)系統(tǒng)，其特征在于，所述服務(wù)器端將所有 服務(wù)代碼存放在同一目錄下。
9. 根據(jù)權(quán)利要求8所述的WEB系統(tǒng)的表格開發(fā)系統(tǒng)，其特征在于，當進行表格設(shè)計時， 查找存放服務(wù)代碼的目錄下是否存在該表格對應(yīng)的服務(wù)代碼，若不存在，則開發(fā)相應(yīng)的服 務(wù)代碼。
10. 根據(jù)權(quán)利要求6所述的WEB系統(tǒng)的表格開發(fā)系統(tǒng)，其特征在于，所述客戶端通過JS 技術(shù)從服務(wù)器端加載相應(yīng)的IGrid接口，將該IGrid接口對應(yīng)的表格展現(xiàn)在界面，具體包 括： 客戶端通過JS技術(shù)將資源請求發(fā)送給服務(wù)器端，服務(wù)器端的GridAction接收到資源 請求，進行資源轉(zhuǎn)發(fā)，并調(diào)用GommonGridService ; GommonGridService根據(jù)資源請求進行表格分類，加載滿足資源請求的IGird接口； 客戶端通過JS技術(shù)調(diào)用加載好的IGird接口，將該IGrid接口對應(yīng)的表格展現(xiàn)在界 面。
【文檔編號】G06F9/44GK104063219SQ201410290895
【公開日】2014年9月24日 申請日期:2014年6月25日 優(yōu)先權(quán)日:2014年6月25日
【發(fā)明者】韓慶春 申請人:北京思特奇信息技術(shù)股份有限公司