專利名稱：一種動(dòng)態(tài)頁面修改的實(shí)現(xiàn)方法、裝置和系統(tǒng)的制作方法
技術(shù)領(lǐng)域：
本發(fā)明涉及頁面修改技術(shù)，尤其涉及一種動(dòng)態(tài)頁面修改的實(shí)現(xiàn)方法、裝置和系統(tǒng)。
背景技術(shù)：
在常用的動(dòng)態(tài)頁面技術(shù)中，頁面主要是用來展現(xiàn)數(shù)據(jù)，同時(shí)，有時(shí)也會(huì)通過頁面來 修改數(shù)據(jù)。要修改一條記錄的某個(gè)字段，需要用戶先點(diǎn)擊修改頁面的鏈接，進(jìn)入下一級(jí)修改 編輯頁面，此時(shí)才能進(jìn)行修改記錄的操作，在成功修改記錄后再返回到當(dāng)前的列表頁面。因?yàn)轫撁骘@示的數(shù)據(jù)來源于服務(wù)器端，所以，每修改一條記錄，都要由頁面提交到 服務(wù)器端，這樣才能實(shí)現(xiàn)真正的修改。但是，每修改一條記錄，都要花費(fèi)幾個(gè)動(dòng)作，顯然這樣 的修改實(shí)現(xiàn)方式是比較煩瑣的，特別是當(dāng)數(shù)據(jù)比較大時(shí)，修改起來更是非常不便。

發(fā)明內(nèi)容
本發(fā)明的目的是提供一種實(shí)現(xiàn)簡便的動(dòng)態(tài)頁面修改的實(shí)現(xiàn)方法、裝置和系統(tǒng)。為達(dá)到上述目的，本發(fā)明采用如下技術(shù)方案一種動(dòng)態(tài)頁面修改的實(shí)現(xiàn)方法，包括步驟1 用戶在當(dāng)前顯示的動(dòng)態(tài)頁面中選擇要修改的一個(gè)單元格；步驟2 隱藏所述單元格中的內(nèi)容，并在所述單元格中顯示輸入框；步驟3 獲取用戶在所述輸入框中輸入的數(shù)據(jù)；步驟4 將用戶輸入的數(shù)據(jù)發(fā)送到服務(wù)器端進(jìn)行保存。進(jìn)一步地，所述步驟1中用戶通過鼠標(biāo)雙擊來選擇要修改的單元格。進(jìn)一步地，所述步驟2中所顯示的輸入框的默認(rèn)值為所述單元格中的內(nèi)容。進(jìn)一步地，所述步驟3中當(dāng)用戶按下回車鍵確認(rèn)輸入完成之后再獲取用戶輸入的 數(shù)據(jù)。進(jìn)一步地，所述方法還包括步驟5 服務(wù)器端保存數(shù)據(jù)成功后，返回保存數(shù)據(jù)成功信息；步驟6 根據(jù)所述保存數(shù)據(jù)成功信息，所述動(dòng)態(tài)頁面中的光標(biāo)自動(dòng)跳到下一條記 錄，隱藏所述輸入框，并在光標(biāo)當(dāng)前所在的單元格中顯示新的輸入框；步驟7 獲取用戶在所述新的輸入框中輸入的數(shù)據(jù)；步驟8 將用戶在所述新的輸入框中輸入的數(shù)據(jù)發(fā)送到服務(wù)器端進(jìn)行保存。一種客戶端，包括選擇模塊，用于使用戶在當(dāng)前顯示的動(dòng)態(tài)頁面中選擇要修改的一個(gè)單元格；第一隱藏及顯示模塊，用于隱藏所述單元格中的內(nèi)容，并在所述單元格中顯示輸 入框；第一獲取模塊，用于獲取用戶在所述輸入框中輸入的數(shù)據(jù)；第一發(fā)送模塊，用于將用戶輸入的數(shù)據(jù)發(fā)送到服務(wù)器端進(jìn)行保存。進(jìn)一步地，所述選擇模塊中用戶通過鼠標(biāo)雙擊來選擇要修改的單元格。
進(jìn)一步地，所述第一隱藏及顯示模塊中所顯示的輸入框的默認(rèn)值為所述單元格中 的內(nèi)容。進(jìn)一步地，所述第一獲取模塊，進(jìn)一步用于當(dāng)用戶按下回車鍵確認(rèn)輸入完成之后 再獲取用戶輸入的數(shù)據(jù)。進(jìn)一步地，所述客戶端，還包括光標(biāo)跳轉(zhuǎn)模塊，用于根據(jù)服務(wù)器端發(fā)送來的保存數(shù)據(jù)成功信息，將動(dòng)態(tài)頁面中的光 標(biāo)自動(dòng)跳到下一條記錄，隱藏所述輸入框，并在光標(biāo)當(dāng)前所在的單元格中顯示新的輸入框；第二獲取模塊，用于獲取用戶在所述新的輸入框中輸入的數(shù)據(jù)；第二發(fā)送模塊，用于將用戶在所述新的輸入框中輸入的數(shù)據(jù)發(fā)送到服務(wù)器端進(jìn)行 保存。一種系統(tǒng)，包括客戶端和服務(wù)器端，其中，所述種客戶端包括選擇模塊，用于使用戶在當(dāng)前顯示的動(dòng)態(tài)頁面中選擇要修改的一個(gè)單元格；第一隱藏及顯示模塊，用于隱藏所述單元格中的內(nèi)容，并在所述單元格中顯示輸 入框；第一獲取模塊，用于獲取用戶在所述輸入框中輸入的數(shù)據(jù)；第一發(fā)送模塊，用于將用戶輸入的數(shù)據(jù)發(fā)送到服務(wù)器端進(jìn)行保存；所述服務(wù)器端包括接收模塊，用于接收客戶端發(fā)送的對(duì)動(dòng)態(tài)頁面進(jìn)行修改的數(shù)據(jù)；保存模塊，用于保存所接收到的數(shù)據(jù)。本發(fā)明提供的動(dòng)態(tài)頁面修改的實(shí)現(xiàn)方法、裝置和系統(tǒng)，利用現(xiàn)有動(dòng)態(tài)頁面技術(shù)，設(shè) 計(jì)一種用戶修改記錄的便捷處理方式，簡化了用戶的界面操作，讓用戶與服務(wù)端交互的過 程變得簡單明了，提高了工作效率。


圖1為本發(fā)明的動(dòng)態(tài)頁面修改的實(shí)現(xiàn)方法一個(gè)實(shí)施例的流程示意圖；圖2為本發(fā)明的動(dòng)態(tài)頁面修改的實(shí)現(xiàn)方法另一實(shí)施例的流程示意圖；圖3為本發(fā)明的動(dòng)態(tài)頁面修改的實(shí)現(xiàn)方法再一實(shí)施例的流程示意圖；圖4為本發(fā)明的動(dòng)態(tài)頁面修改的實(shí)現(xiàn)裝置的結(jié)構(gòu)示意圖；圖5為本發(fā)明的動(dòng)態(tài)頁面修改的實(shí)現(xiàn)系統(tǒng)的結(jié)構(gòu)示意圖。
具體實(shí)施例方式為了使本發(fā)明的目的、技術(shù)方案及優(yōu)點(diǎn)更加清楚明白，下面結(jié)合附圖及實(shí)施例，對(duì) 本發(fā)明進(jìn)行進(jìn)一步詳細(xì)說明。應(yīng)當(dāng)理解，此處所描述的具體實(shí)施例僅用以解釋本發(fā)明，并不 用于限定本發(fā)明。如圖1所示，本發(fā)明提供一種動(dòng)態(tài)頁面修改的實(shí)現(xiàn)方法，包括步驟1 用戶在當(dāng)前顯示的動(dòng)態(tài)頁面中選擇要修改的一個(gè)單元格；本發(fā)明的方法應(yīng)用于具有客戶端和服務(wù)器端的系統(tǒng)，該系統(tǒng)在客戶端以動(dòng)態(tài)頁面 的形式將數(shù)據(jù)展示給用戶。本步驟1即是用戶在客戶端當(dāng)前顯示的動(dòng)態(tài)頁面中選擇要修改的一個(gè)單元格。步驟2 隱藏所述單元格中的內(nèi)容，并在所述單元格中顯示輸入框；為了提供一種用戶修改記錄的便捷處理方式，與現(xiàn)有技術(shù)中用戶修改頁面的處理 方式不同，本發(fā)明中不彈出下一級(jí)修改編輯頁面，而是在步驟2中直接在當(dāng)前頁面上進(jìn)行 修改，具體地，先隱藏要修改的單元格中的內(nèi)容，再在該單元格中顯示出一個(gè)輸出框，以供 用戶輸入修改后的值。步驟3 獲取用戶在所述輸入框中輸入的數(shù)據(jù)；步驟4 將用戶輸入的數(shù)據(jù)發(fā)送到服務(wù)器端進(jìn)行保存。上述步驟3和4獲取了用戶修改后的數(shù)據(jù)，并將該數(shù)據(jù)傳送到服務(wù)器端進(jìn)行保存， 從而實(shí)現(xiàn)了動(dòng)態(tài)頁面的修改。本發(fā)明的動(dòng)態(tài)頁面修改的實(shí)現(xiàn)方法，利用現(xiàn)有動(dòng)態(tài)頁面技術(shù)，設(shè)計(jì)一種用戶修改 記錄的便捷處理方式，簡化了用戶的界面操作，讓用戶與服務(wù)端交互的過程變得簡單明了， 提高了工作效率。上述步驟1中，為了方便用戶選擇單元格，優(yōu)選設(shè)定為用戶通過鼠標(biāo)雙擊來選擇 要修改的單元格。本領(lǐng)域技術(shù)人員應(yīng)當(dāng)理解，還可以設(shè)定為通過其它方式來選擇要修改的 單元格，例如，鼠標(biāo)單擊、按下鍵盤上預(yù)先設(shè)置的快捷鍵，或是點(diǎn)擊頁面上的修改按鈕等等。上述步驟2中，所顯示的輸入框的默認(rèn)值優(yōu)選為所述單元格中的內(nèi)容，這樣便于 用戶在該值的基礎(chǔ)上進(jìn)行修改。當(dāng)然，該默認(rèn)值還可以設(shè)置為空，或是設(shè)置為該單元格對(duì)應(yīng) 的字段的通常值等等。上述步驟3中，當(dāng)用戶按下回車鍵確認(rèn)輸入完成之后再獲取用戶輸入的數(shù) 據(jù)。當(dāng)然，還可以采用其它方式確認(rèn)用戶已經(jīng)輸入完成，例如用戶按下其它快捷鍵(如 ctrl+enter鍵或Fl鍵)，或者用戶點(diǎn)擊頁面上的輸入完成按鈕等等。如圖2所示，為了簡便地實(shí)現(xiàn)頁面的連續(xù)修改，本發(fā)明的方法還可以包括步驟5 服務(wù)器端保存數(shù)據(jù)成功后，返回保存數(shù)據(jù)成功信息；步驟6 根據(jù)所述保存數(shù)據(jù)成功信息，所述動(dòng)態(tài)頁面中的光標(biāo)自動(dòng)跳到下一條記 錄，隱藏所述輸入框，并在光標(biāo)當(dāng)前所在的單元格中顯示新的輸入框；步驟7 獲取用戶在所述新的輸入框中輸入的數(shù)據(jù)；步驟8 將用戶在所述新的輸入框中輸入的數(shù)據(jù)發(fā)送到服務(wù)器端進(jìn)行保存。由于用戶修改數(shù)據(jù)時(shí)，往往會(huì)按先后順序修改多條記錄，這樣，經(jīng)過本發(fā)明的上述 步驟6之后，就省去了用戶重新選擇要修改的單元格的步驟，更加便利了用戶的對(duì)頁面的 連續(xù)修改，提高了工作效率。圖3為根據(jù)本發(fā)明的方法的一個(gè)詳細(xì)實(shí)施例的流程示意圖，其中，用戶在客戶端 打開修改頁面后，通過鼠標(biāo)雙擊來選擇要修改的單元格，此時(shí)頁面記錄下當(dāng)前修改記錄的 ID(序列)號(hào)，然后客戶端隱藏該單元格的內(nèi)容，并在該單元格內(nèi)顯示一個(gè)輸入框；用戶通 過該輸入框錄入修改數(shù)據(jù)，并按回車鍵確認(rèn)輸入完成，之后客戶端將用戶的修改數(shù)據(jù)和對(duì) 應(yīng)的修改ID號(hào)提交給服務(wù)器端(優(yōu)選采用ajax (Asynchronous JavaScript and XML，異 步JavaScript和XML)技術(shù))；服務(wù)器端接收到修改請(qǐng)求后，更新數(shù)據(jù)庫中對(duì)應(yīng)的ID號(hào)的 記錄，在數(shù)據(jù)庫更新后，數(shù)據(jù)庫會(huì)返回更新狀態(tài)(例如1表示成功，0表示失敗)；隨后，服 務(wù)器端將該數(shù)據(jù)的更新狀態(tài)返回到客戶端，如果服務(wù)器端修改數(shù)據(jù)保存成功，則客戶端會(huì)隱藏所述單元格內(nèi)的輸入框，并顯示剛剛修改后的數(shù)據(jù)，然后判斷是否存在下一條可以修 改的記錄，如果是，則客戶端的光標(biāo)自動(dòng)跳到下一條記錄，同時(shí)頁面記錄下一條修改記錄的 ID號(hào)，對(duì)下一條記錄的修改開始，其過程重復(fù)上一條記錄的修改過程。與上述的動(dòng)態(tài)頁面修改的實(shí)現(xiàn)方法相對(duì)應(yīng)，本發(fā)明還提供一種客戶端和系統(tǒng)，其 中如圖4所示，本發(fā)明的客戶端包括選擇模塊401，用于使用戶在當(dāng)前顯示的動(dòng)態(tài)頁面中選擇要修改的一個(gè)單元格；第一隱藏及顯示模塊402，用于隱藏所述單元格中的內(nèi)容，并在所述單元格中顯示 輸入框；第一獲取模塊403，用于獲取用戶在所述輸入框中輸入的數(shù)據(jù)；第一發(fā)送模塊404，用于將用戶輸入的數(shù)據(jù)發(fā)送到服務(wù)器端進(jìn)行保存。優(yōu)選地，所述選擇模塊中用戶通過鼠標(biāo)雙擊來選擇要修改的單元格。優(yōu)選地，所述第一隱藏及顯示模塊402中所顯示的輸入框的默認(rèn)值為所述單元格 中的內(nèi)容。優(yōu)選地，所述第一獲取模塊403，進(jìn)一步用于當(dāng)用戶按下回車鍵確認(rèn)輸入完成之后 再獲取用戶輸入的數(shù)據(jù)。優(yōu)選地，所述客戶端還包括光標(biāo)跳轉(zhuǎn)模塊，用于根據(jù)服務(wù)器端發(fā)送來的保存數(shù)據(jù)成功信息，將動(dòng)態(tài)頁面中的 光標(biāo)自動(dòng)跳到下一條記錄，隱藏所述輸入框，并在光標(biāo)當(dāng)前所在的單元格中顯示新的輸入 框；第二獲取模塊，用于獲取用戶在所述新的輸入框中輸入的數(shù)據(jù)；第二發(fā)送模塊，用于將用戶在所述新的輸入框中輸入的數(shù)據(jù)發(fā)送到服務(wù)器端進(jìn)行保存。如圖5所示，本發(fā)明的系統(tǒng)，包括客戶端40和服務(wù)器端50，其中，所述種客戶端40 包括選擇模塊401，用于使用戶在當(dāng)前顯示的動(dòng)態(tài)頁面中選擇要修改的一個(gè)單元格；第一隱藏及顯示模塊402，用于隱藏所述單元格中的內(nèi)容，并在所述單元格中顯示 輸入框；第一獲取模塊403，用于獲取用戶在所述輸入框中輸入的數(shù)據(jù)；第一發(fā)送模塊404，用于將用戶輸入的數(shù)據(jù)發(fā)送到服務(wù)器端進(jìn)行保存；所述服務(wù)器端50包括接收模塊501，用于接收客戶端發(fā)送的對(duì)動(dòng)態(tài)頁面進(jìn)行修改的數(shù)據(jù)；保存模塊502，用于保存所接收到的數(shù)據(jù)。本發(fā)明的客戶端和系統(tǒng)，利用現(xiàn)有動(dòng)態(tài)頁面技術(shù)，設(shè)計(jì)一種用戶修改記錄的便捷 處理方式，簡化了用戶的界面操作，讓用戶與服務(wù)端交互的過程變得簡單明了，提高了工作 效率。以上所述僅為本發(fā)明的較佳實(shí)施例，并非用來限定本發(fā)明的實(shí)施范圍；如果不脫 離本發(fā)明的精神和范圍，對(duì)本發(fā)明進(jìn)行修改或者等同替換，均應(yīng)涵蓋在本發(fā)明權(quán)利要求的 保護(hù)范圍當(dāng)中。
權(quán)利要求
一種動(dòng)態(tài)頁面修改的實(shí)現(xiàn)方法，其特征在于，包括步驟1用戶在當(dāng)前顯示的動(dòng)態(tài)頁面中選擇要修改的一個(gè)單元格；步驟2隱藏所述單元格中的內(nèi)容，并在所述單元格中顯示輸入框；步驟3獲取用戶在所述輸入框中輸入的數(shù)據(jù)；步驟4將用戶輸入的數(shù)據(jù)發(fā)送到服務(wù)器端進(jìn)行保存。
2.根據(jù)權(quán)利要求1所述的方法，其特征在于，所述步驟1中用戶通過鼠標(biāo)雙擊來選擇要 修改的單元格。
3.根據(jù)權(quán)利要求1所述的方法，其特征在于，所述步驟2中所顯示的輸入框的默認(rèn)值為 所述單元格中的內(nèi)容。
4.根據(jù)權(quán)利要求1所述的方法，其特征在于，所述步驟3中當(dāng)用戶按下回車鍵確認(rèn)輸入 完成之后再獲取用戶輸入的數(shù)據(jù)。
5.根據(jù)權(quán)利要求1至4中任一權(quán)利要求所述的方法，其特征在于，還包括 步驟5 服務(wù)器端保存數(shù)據(jù)成功后，返回保存數(shù)據(jù)成功信息；步驟6 根據(jù)所述保存數(shù)據(jù)成功信息，所述動(dòng)態(tài)頁面中的光標(biāo)自動(dòng)跳到下一條記錄，隱 藏所述輸入框，并在光標(biāo)當(dāng)前所在的單元格中顯示新的輸入框； 步驟7 獲取用戶在所述新的輸入框中輸入的數(shù)據(jù)； 步驟8 將用戶在所述新的輸入框中輸入的數(shù)據(jù)發(fā)送到服務(wù)器端進(jìn)行保存。
6.一種客戶端，其特征在于，包括選擇模塊，用于使用戶在當(dāng)前顯示的動(dòng)態(tài)頁面中選擇要修改的一個(gè)單元格； 第一隱藏及顯示模塊，用于隱藏所述單元格中的內(nèi)容，并在所述單元格中顯示輸入框；第一獲取模塊，用于獲取用戶在所述輸入框中輸入的數(shù)據(jù)； 第一發(fā)送模塊，用于將用戶輸入的數(shù)據(jù)發(fā)送到服務(wù)器端進(jìn)行保存。
7.根據(jù)權(quán)利要求6所述的客戶端，其特征在于，所述選擇模塊中用戶通過鼠標(biāo)雙擊來 選擇要修改的單元格；所述第一獲取模塊，進(jìn)一步用于當(dāng)用戶按下回車鍵確認(rèn)輸入完成之 后再獲取用戶輸入的數(shù)據(jù)。
8.根據(jù)權(quán)利要求6所述的客戶端，其特征在于，所述第一隱藏及顯示模塊中所顯示的 輸入框的默認(rèn)值為所述單元格中的內(nèi)容。
9.根據(jù)權(quán)利要求6至8中任一權(quán)利要求所述的客戶端，其特征在于，還包括光標(biāo)跳轉(zhuǎn)模塊，用于根據(jù)服務(wù)器端發(fā)送來的保存數(shù)據(jù)成功信息，將動(dòng)態(tài)頁面中的光標(biāo) 自動(dòng)跳到下一條記錄，隱藏所述輸入框，并在光標(biāo)當(dāng)前所在的單元格中顯示新的輸入框； 第二獲取模塊，用于獲取用戶在所述新的輸入框中輸入的數(shù)據(jù)； 第二發(fā)送模塊，用于將用戶在所述新的輸入框中輸入的數(shù)據(jù)發(fā)送到服務(wù)器端進(jìn)行保存。
10.一種系統(tǒng)，包括客戶端和服務(wù)器端，其特征在于， 所述種客戶端包括選擇模塊，用于使用戶在當(dāng)前顯示的動(dòng)態(tài)頁面中選擇要修改的一個(gè)單元格； 第一隱藏及顯示模塊，用于隱藏所述單元格中的內(nèi)容，并在所述單元格中顯示輸入框；第一獲取模塊，用于獲取用戶在所述輸入框中輸入的數(shù)據(jù)； 第一發(fā)送模塊，用于將用戶輸入的數(shù)據(jù)發(fā)送到服務(wù)器端進(jìn)行保存； 所述服務(wù)器端包括接收模塊，用于接收客戶端發(fā)送的對(duì)動(dòng)態(tài)頁面進(jìn)行修改的數(shù)據(jù)； 保存模塊，用于保存所接收到的數(shù)據(jù)。
全文摘要
本發(fā)明公開了一種動(dòng)態(tài)頁面修改的實(shí)現(xiàn)方法、裝置和系統(tǒng)，所述方法包括步驟1用戶在當(dāng)前顯示的動(dòng)態(tài)頁面中選擇要修改的一個(gè)單元格；步驟2隱藏所述單元格中的內(nèi)容，并在所述單元格中顯示輸入框；步驟3獲取用戶在所述輸入框中輸入的數(shù)據(jù)；步驟4將用戶輸入的數(shù)據(jù)發(fā)送到服務(wù)器端進(jìn)行保存。本發(fā)明利用現(xiàn)有動(dòng)態(tài)頁面技術(shù)，設(shè)計(jì)一種用戶修改記錄的便捷處理方式，簡化了用戶的界面操作，讓用戶與服務(wù)端交互的過程變得簡單明了，提高了工作效率。
文檔編號(hào)G06F17/30GK101980193SQ20101051850
公開日2011年2月23日 申請(qǐng)日期2010年10月25日 優(yōu)先權(quán)日2010年10月25日
發(fā)明者魯林 申請(qǐng)人:深圳市五巨科技有限公司