專利名稱：在網(wǎng)頁上生成動態(tài)可編輯表格的方法
技術(shù)領(lǐng)域：
本發(fā)明涉及一種動態(tài)可編輯表格的方法，特別是指一種在網(wǎng)頁上生成動態(tài)可編輯表格的方法。
再者，由于愈來愈多的網(wǎng)頁(Web)設(shè)計，提供多方的控管、輸入、編輯的實時性更新功能，因此，一種在網(wǎng)頁上生成動態(tài)可編輯表格的方法遂成為一被關(guān)注的議題。
本發(fā)明之方法還可以在表格中動態(tài)插入按扭、選擇框、輸入框等控件和HTML元素。從而使瀏覽器(Browser)不僅能瀏覽數(shù)據(jù)，更能編輯和組織數(shù)據(jù)。
本發(fā)明的另一目的在于方便開發(fā)程序者重復(fù)使用表格，滿足不同的需求，而無需重新設(shè)計。
本發(fā)明是按如下技術(shù)方案實現(xiàn)的，本發(fā)明的主要功能模塊方塊圖如

圖1所示，其中包括一數(shù)據(jù)產(chǎn)生模塊101，依據(jù)使用者需求由服務(wù)器端(Server)100向客戶端(Client)200傳送數(shù)據(jù)；一表格處理模塊102，用以生成動態(tài)表格并顯示在瀏覽器(Browser)的網(wǎng)頁(Web)105中；一動態(tài)操作模塊103，提供使用者針對動態(tài)表格進(jìn)行各種編輯、統(tǒng)計等操作，并將操作結(jié)果在網(wǎng)頁(Web)105上直接修改，同時還可以呼叫一保存數(shù)據(jù)模塊104，進(jìn)行服務(wù)器端100數(shù)據(jù)的同步修改。以下針對各模塊之功能敘述如下(1)數(shù)據(jù)產(chǎn)生模塊101圖2為本發(fā)明之?dāng)?shù)據(jù)產(chǎn)生模塊流程圖，首先分析使用者數(shù)據(jù)需求(步驟201)；接著判斷是否需要使用數(shù)據(jù)庫中的數(shù)據(jù)(步驟202)？若不使用數(shù)據(jù)庫，則直接按客戶要求生成數(shù)據(jù)(步驟203)，也可以是空數(shù)據(jù)，留待使用者進(jìn)行添加；若使用數(shù)據(jù)庫，則生成符合要求的數(shù)據(jù)查詢條件(步驟204)；并依據(jù)該條件打開數(shù)據(jù)庫(步驟205)；然后獲取數(shù)據(jù)(步驟206)；最后，使用“Response.Write方法”將所有得到的數(shù)據(jù)逐條發(fā)送到客戶端(Client)200的網(wǎng)頁(Web)105(步驟207)。
(2)表格處理模塊102在客戶端(Client)200的網(wǎng)頁(Web)105中，表格處理模塊102直接處理原始數(shù)據(jù)，生成表格。其流程請參考圖3所示，首先，獲取一原始數(shù)據(jù)(步驟301)，進(jìn)行處理表頭(步驟302)，生成字段頭HTML語句，在字段頭中設(shè)置排序事件和字段寬度；然后處理表體(步驟303)，逐條記錄生成HTML語句，并在表體中設(shè)置記錄選中事件、編輯方式、控件和HTML元素插入等；接著是處理表尾(步驟304)，設(shè)置統(tǒng)計值等。最后將生成表格HTML語句(步驟305)，將表頭、表體、表尾合成后顯示在網(wǎng)頁(Web)105上。
(3)動態(tài)操作模塊103
使用者操作主要包括鼠標(biāo)操作1031及鍵盤操作1032。
鼠標(biāo)操作如圖4所示當(dāng)鼠標(biāo)點選(Click)字段表頭(FieldName)時(步驟401)，模塊會產(chǎn)生排序(Sorting)事件(步驟402)，該排序會按照點選的字段正序排序，再次點選時會反序排序。當(dāng)鼠標(biāo)點選表體(Body)時(步驟403)，則判斷是否已有選中記錄(步驟404)，如果有，則將已選記錄設(shè)為未選中狀態(tài)(步驟405)，例如選中某行，則保存該行內(nèi)容，該行插入控件消失，然后該行設(shè)為不選中；如果沒有，則選擇點中記錄(步驟406)，例如將點選行的內(nèi)容置為選中狀態(tài)；接著設(shè)置字段(field)為可編輯(步驟407)，以生成可編輯輸入框供使用者選擇記錄編輯，接著插入指定控件和HTML元素(E1ement)(步驟408)以方便使用者使用。
鍵盤操作如圖5所示使用者按鍵盤方向鍵時，先保存原先行內(nèi)容，原先行插入控件消失，然后方向鍵向上鍵(Up Key)時選擇上一行(步驟501)、方向鍵向下鍵(Down Key)時選擇下一行(步驟502)內(nèi)容、上一頁鍵(PageUp Key)時選擇上一頁第一行(步驟503)、下一頁鍵(PageDown Key)時選擇下一頁第一行(步驟504)。
使用者指定操作1033如圖6所示通過生成表格時預(yù)制的方法，可以添加記錄(步驟601)，即可在網(wǎng)頁(Web)105增加新元素(步驟6011)；可以刪除記錄(步驟602)，即可在網(wǎng)頁(Web)105刪除指定元素(步驟6021)；可以修改記錄(步驟603)，即可在網(wǎng)頁(Web)105修改指定元素(步驟6031)；還可以獲取當(dāng)前記錄屬性(步驟604)，即可獲取指定元素相關(guān)數(shù)據(jù)(步驟6041)，如行號，當(dāng)前行記錄內(nèi)容等。
(4)保存數(shù)據(jù)模塊104該模塊在服務(wù)器端運行，請參考第7圖所示。首先生成SQL語句(步驟701)，使用UPDATE、DELETE、INSERT等子句指定更新內(nèi)容(步驟702)。然后使用數(shù)據(jù)連接(Connection)的Open方法呼叫SQL語句(步驟703)，保存到數(shù)據(jù)庫(步驟704)。
本發(fā)明揭露的一種可以在網(wǎng)頁(Web)上實現(xiàn)動態(tài)表格的方法，其有益效果為這種動態(tài)表格能實現(xiàn)對表格中的記錄進(jìn)行增加、刪除、修改等編輯，能實現(xiàn)統(tǒng)計、排序、記錄選擇、輸入裝置控制的功能。同時所有動態(tài)操作都在客戶端(Client)完成，不必透過服務(wù)器端(Server)更新頁面。
雖然本發(fā)明以前述之較佳實施例揭露如上，然其并非用以限定本發(fā)明，任何熟習(xí)此技藝者，在不脫離本發(fā)明之精神和范圍內(nèi)，當(dāng)可作更動與潤飾。
權(quán)利要求
1.一種在網(wǎng)頁上生成動態(tài)可編輯表格的方法，其特征在于至少包含下列步驟依據(jù)使用者需求由一服務(wù)器端向一客戶端傳送一數(shù)據(jù)；透過該客戶端將該數(shù)據(jù)用以生成該動態(tài)可編輯表格，并顯示在一瀏覽器的一網(wǎng)頁中；該客戶端針對該動態(tài)可編輯表格進(jìn)行各種編輯、統(tǒng)計等操作；及將該服務(wù)器端的該數(shù)據(jù)進(jìn)行同步修改，并將該數(shù)據(jù)加以儲存。
2.如權(quán)利要求1所述的在網(wǎng)頁上生成動態(tài)可編輯表格的方法，其特征在于是采用Java Script語言實現(xiàn)該表格的動態(tài)交互性操作。
3.如權(quán)利要求1所述的在網(wǎng)頁上生成動態(tài)可編輯表格的方法，其特征在于所述數(shù)據(jù)是透過一數(shù)據(jù)產(chǎn)生模塊加以產(chǎn)生。
4.如權(quán)利要求3所述的在網(wǎng)頁上生成動態(tài)可編輯表格的方法，其特征在于所述數(shù)據(jù)產(chǎn)生模塊的執(zhí)行流程包含下列步驟分析一使用者數(shù)據(jù)需求；提供該使用者使用一數(shù)據(jù)庫中的數(shù)據(jù)；生成符合要求的數(shù)據(jù)查詢條件；依據(jù)該條件打開該數(shù)據(jù)庫，并獲取該數(shù)據(jù)；及將所有得到的該數(shù)據(jù)逐條發(fā)送到客戶端的該網(wǎng)頁中。
5.如權(quán)利要求4所述的在網(wǎng)頁上生成動態(tài)可編輯表格的方法，其特征在于還包含該客戶端直接要求生成數(shù)據(jù)的步驟。
6.如權(quán)利要求1所述的在網(wǎng)頁上生成動態(tài)可編輯表格的方法，其特征在于所述生成該動態(tài)可編輯表格的步驟是透過一表格處理模塊加以產(chǎn)生。
7.如權(quán)利要求6所述的在網(wǎng)頁上生成動態(tài)可編輯表格的方法，其特征在于所述表格處理模塊的執(zhí)行流程包含下列步驟獲取一原始數(shù)據(jù)；處理表頭，生成一字段頭HTML語句，在該字段頭中設(shè)置一排序事件和一字段寬度；處理表體，逐條記錄生成該HTML語句，并在該表體中設(shè)置記錄選中事件、編輯方式、控件和HTML元素插入；處理表尾，設(shè)置一統(tǒng)計值；及生成一表格HTML語句，將該表頭、該表體、該表尾合成后顯示在該網(wǎng)頁上。
8.如權(quán)利要求1所述的在網(wǎng)頁上生成動態(tài)可編輯表格的方法，其特征在于所述針對該動態(tài)可編輯表格進(jìn)行各種編輯、統(tǒng)計等操作的步驟是透過一動態(tài)操作模塊加以產(chǎn)生。
9.如權(quán)利要求8所述的在網(wǎng)頁上生成動態(tài)可編輯表格的方法，其特征在于所述動態(tài)操作模塊可選自一鼠標(biāo)操作、一鍵盤操作及使用者指定操作的組合中任選其中一種。
10.如權(quán)利要求9所述的在網(wǎng)頁上生成動態(tài)可編輯表格的方法，其特征在于當(dāng)執(zhí)行所述鼠標(biāo)操作時，當(dāng)一鼠標(biāo)點選一字段表頭時，該動態(tài)操作模塊會產(chǎn)生一排序事件。
11.如權(quán)利要求9所述的在網(wǎng)頁上生成動態(tài)可編輯表格的方法，其特征在于當(dāng)執(zhí)行所述鼠標(biāo)操作時，當(dāng)該鼠標(biāo)點選一表體時，則選擇點中記錄。
12.如權(quán)利要求11所述的在網(wǎng)頁上生成動態(tài)可編輯表格的方法，其特征在于所述選擇點中記錄是用以設(shè)置該字段為可編輯，并生成一可編輯輸入框供該使用者選擇記錄編輯。
13.如權(quán)利要求12所述的在網(wǎng)頁上生成動態(tài)可編輯表格的方法，其特征在于還包含插入指定控件和HTML元素以提供該使用者使用。
14.如權(quán)利要求9所述的在網(wǎng)頁上生成動態(tài)可編輯表格的方法，其特征在于當(dāng)執(zhí)行該使用者指定操作時，可以選自添加記錄、刪除記錄、修改記錄及獲取當(dāng)前記錄屬性的組合中任選其中一種。
15.如權(quán)利要求1所述的在網(wǎng)頁上生成動態(tài)可編輯表格的方法，其特征在于所述將該數(shù)據(jù)加以儲存的步驟是透過一保存數(shù)據(jù)模塊加以產(chǎn)生。
16.如權(quán)利要求15所述的在網(wǎng)頁上生成動態(tài)可編輯表格的方法，其特征在于該保存數(shù)據(jù)模塊的執(zhí)行流程包含下列步驟生成一SQL語句；指定更新內(nèi)容；呼叫SQL語句；及保存到一數(shù)據(jù)庫。
17.如權(quán)利要求16所述的在網(wǎng)頁上生成動態(tài)可編輯表格的方法，其特征在于所述指定更新內(nèi)容的步驟是使用UPDATE、DELETE、INSERT等子句指定更新內(nèi)容。
全文摘要
一種在網(wǎng)頁上生成動態(tài)可編輯表格的方法，至少包含下列步驟依據(jù)使用者需求由一服務(wù)器端(Server)向一客戶端(Client)傳送一數(shù)據(jù)；透過客戶端將數(shù)據(jù)用以生成該動態(tài)可編輯表格，并顯示在一瀏覽器(Browser)的一網(wǎng)頁(Web)中；接著客戶端針對動態(tài)可編輯表格進(jìn)行各種編輯、統(tǒng)計等操作；同時將該服務(wù)器端的該數(shù)據(jù)進(jìn)行同步修改，并將該數(shù)據(jù)加以儲存。
文檔編號G06F17/24GK1395193SQ01120118
公開日2003年2月5日 申請日期2001年7月5日 優(yōu)先權(quán)日2001年7月5日
發(fā)明者李翼松, 宋建福, 林光信 申請人:英業(yè)達(dá)股份有限公司