專利名稱：一種照片拖動排序的方法與系統(tǒng)的制作方法
技術(shù)領(lǐng)域：
本發(fā)明涉及一種照片拖動排序的方法與系統(tǒng)，屬于網(wǎng)絡(luò)通信領(lǐng)域。
背景技術(shù)：
在網(wǎng)絡(luò)社區(qū)中，照片是用戶用來吸引社交好友進(jìn)行交互的重要工具。用戶在不同時期會上傳不同的照片來展示自己的近況，那么他的社交好友就會進(jìn)入用戶相冊瀏覽用戶的各個時期的照片，有時用戶希望把自己覺得好看的照片排在前面讓好友優(yōu)先欣賞，因此就涉及到照片的排序問題。一般而言，相冊里的照片默認(rèn)的都是按照時間順序來排列的，用戶也可以進(jìn)行拖動排序。但是現(xiàn)有的技術(shù)中，用戶進(jìn)行一次排序操作，如將最后一張照片和第一張照片交換一下位置，就得向應(yīng)用服務(wù)器提交一次請求，有時用戶往往可能需要將許多照片進(jìn)行排序調(diào)整，那么就得向應(yīng)用服務(wù)器提交多次請求。因此導(dǎo)致占用應(yīng)用服務(wù)器的大量資源，同時浪費(fèi)了用戶的大量時間，給用戶的體驗也非常不好。

發(fā)明內(nèi)容
本發(fā)明的目的在于，提供一種照片拖動排序的方法與系統(tǒng)，它可以為應(yīng)用服務(wù)器節(jié)約大量資源，并為用戶節(jié)約大量的時間，提高用戶的網(wǎng)絡(luò)社區(qū)體驗性。為解決上述技術(shù)問題，本發(fā)明采用如下的技術(shù)方案一種照片拖動排序的方法，包括以下步驟Si，拖動多張照片進(jìn)行排序；S2，觸發(fā)照片排序存儲操作；S3，讀取新的照片順序信息并提交給應(yīng)用服務(wù)器；S4,應(yīng)用服務(wù)器更新照片順序信息。步驟Sl中，所述的多張照片包括同一個相冊的多張照片或者不同的相冊專輯。前述的一種照片拖動排序的方法中，步驟Sl所述的拖動多張照片包括以下步驟S10，計算操作光標(biāo)移動的距離；S20，根據(jù)操作光標(biāo)移動的距離改變照片的位置。前述的一種照片拖動排序的方法中，所述的拖動多張照片還包括獲取操作光標(biāo)及其所作用的照片的初始位置。前述的一種照片拖動排序的方法中，所述的拖動多張照片還包括創(chuàng)建目標(biāo)位置提示框，從而方便提示用戶可以放置拖動的照片的有效位置。前述的一種照片拖動排序的方法中，步驟S20還包括獲取多張照片的相對位置， 從而在操作光標(biāo)只作用在其中任意一張照片上時，仍然能夠方便客戶端根據(jù)照片及操作光標(biāo)的初始位置及操作光標(biāo)的新位置確定其他照片的新位置，并且排序后的多個相片的前后相對位置與排序前的前后相對位置保持一致。前述的一種照片拖動排序的方法中，步驟Si，若用戶一次性選擇多張照片進(jìn)行拖動排序時，除操作光標(biāo)指示的照片外，其他的照片都隱藏，從而有效的避免用戶視覺干擾。
實現(xiàn)前述方法的一種照片拖動排序的系統(tǒng)，它包括客戶端和應(yīng)用服務(wù)器，客戶端與應(yīng)用服務(wù)器連接；還包括設(shè)置在客戶端上的照片拖動模塊，用于拖動多張照片進(jìn)行排序；觸發(fā)模塊，用于觸發(fā)照片排序存儲操作；信息讀取模塊，用于讀取新的照片順序信息；信息提交模塊，與信息讀取模塊連接，用于提交讀取的照片順序信息給應(yīng)用服務(wù)器；還包括設(shè)置在應(yīng)用服務(wù)器上的信息更新模塊，與信息提交模塊連接，用于應(yīng)用服務(wù)器更新照片順序信息。照片拖動模塊中，所述的多張照片包括同一個相冊的多張照片或者不同的相冊專輯。前述的一種照片拖動排序的系統(tǒng)中，所述的照片拖動模塊還包括距離計算模塊，用于計算操作光標(biāo)移動的距離；位置移動模塊，與距離計算模塊連接，用于根據(jù)操作光標(biāo)移動的距離改變照片的位置。前述的一種照片拖動排序的系統(tǒng)中，所述的照片拖動模塊還包括初始位置獲取模塊，與距離計算模塊連接，用于獲取操作光標(biāo)及其所作用的照片的初始位置。前述的一種照片拖動排序的系統(tǒng)中，所述的照片拖動模塊還包括提示框創(chuàng)建模塊，用于創(chuàng)建目標(biāo)位置提示框，從而方便提示用戶可以放置拖動的照片的有效位置。前述的一種照片拖動排序的系統(tǒng)中，所述的位置移動模塊還包括相對位置獲取模塊，用于獲取多張照片的相對位置，從而在操作光標(biāo)只作用在其中任意一張照片上時，仍然能夠方便客戶端根據(jù)照片及操作光標(biāo)的初始位置及操作光標(biāo)的新位置確定其他照片的新位置，并且排序后的多個相片的前后相對位置與排序前的前后相對位置保持一致。與現(xiàn)有技術(shù)相比，本發(fā)明通過利用設(shè)置在客戶端上的照片拖動模塊拖動需要排序的多張照片進(jìn)行排序，并利用設(shè)置在客戶端上的觸發(fā)模塊觸發(fā)照片排序存儲操作，設(shè)置在客戶端上的信息讀取模塊讀取新的照片順序信息并且信息提交模塊提交讀取的照片順序信息給應(yīng)用服務(wù)器；設(shè)置在應(yīng)用服務(wù)器上的信息更新模塊更新照片順序信息。從而實現(xiàn)了多張照片的拖動排序。由于客戶端只向應(yīng)用服務(wù)器提交一次多張照片排序的請求，減少了向應(yīng)用服務(wù)器提交請求的次數(shù)，從而為應(yīng)用服務(wù)器節(jié)約大量資源，并為用戶節(jié)約大量的時間。據(jù)大量數(shù)據(jù)統(tǒng)計表明，采用本發(fā)明后，進(jìn)行照片的拖動排序，可以為應(yīng)用服務(wù)器節(jié)約5% 的資源。其次，本發(fā)明還利用設(shè)置在客戶端上的提示框創(chuàng)建模塊創(chuàng)建目標(biāo)位置提示框，從而方便提示用戶可以放置拖動的照片的有效位置。最后，本發(fā)明還利用設(shè)置在客戶端上的相對位置獲取模塊獲取多張照片的相對位置，從而在操作光標(biāo)只作用在其中任意一張照片上時，仍然能夠方便客戶端根據(jù)照片及操作光標(biāo)的初始位置及操作光標(biāo)的新位置確定其他照片的新位置，并且排序后的多個相片的前后相對位置與排序前的前后相對位置保持一致。


圖1是本發(fā)明的一種實施例的結(jié)構(gòu)示意圖；圖2是本發(fā)明的一種實施例的工作流程圖。附圖標(biāo)記1-客戶端，2-應(yīng)用服務(wù)器，3-照片拖動模塊，4-觸發(fā)模塊，5-信息讀取模塊，6-信息提交模塊，7-信息更新模塊，8-距離計算模塊，9-位置移動模塊，10-初始位置獲取模塊，11"提示框創(chuàng)建模塊，12-相對位置獲取模塊。下面結(jié)合附圖和具體實施方式
對本發(fā)明作進(jìn)一步的說明。
具體實施例方式
具體實施例方式一種照片拖動排序的方法，包括以下步驟Si，拖動多張照片進(jìn)行排序；S2，觸發(fā)照片排序存儲操作；S3，讀取新的照片順序信息并提交給應(yīng)用服務(wù)器；S4,應(yīng)用服務(wù)器更新照片順序信息。步驟Sl中，所述的多張照片包括同一個相冊的多張照片或者不同的相冊專輯。上述方法中，步驟Sl所述的拖動多張照片包括以下步驟S10,計算操作光標(biāo)移動的距離；S20，根據(jù)操作光標(biāo)移動的距離改變照片的位置。上述方法中，所述的拖動多張照片還包括獲取操作光標(biāo)及其所作用的照片的初始位置。上述方法中，所述的拖動多張照片還包括創(chuàng)建目標(biāo)位置提示框，從而方便提示用戶可以放置拖動的照片的有效位置。上述方法中，步驟S20還包括獲取多張照片的相對位置，從而在操作光標(biāo)只作用在其中任意一張照片上時，仍然能夠方便客戶端根據(jù)照片及操作光標(biāo)的初始位置及操作光標(biāo)的新位置確定其他照片的新位置，并且排序后的多個相片的前后相對位置與排序前的前后相對位置保持一致。上述方法中，步驟Si，若用戶一次性選擇多張照片進(jìn)行拖動排序時，除操作光標(biāo)指示的照片外，其他的照片都隱藏，從而有效的避免用戶視覺干擾。實現(xiàn)上述方法的一種照片拖動排序的系統(tǒng)，如圖1所示，它包括客戶端1和應(yīng)用服務(wù)器2，客戶端1與應(yīng)用服務(wù)器2連接；還包括設(shè)置在客戶端1上的照片拖動模塊3，用于拖動多張照片進(jìn)行排序；觸發(fā)模塊4，用于觸發(fā)照片排序存儲操作；信息讀取模塊5，用于讀取新的照片順序信息；信息提交模塊6，與信息讀取模塊5連接，用于提交讀取的照片順序信息給應(yīng)用服務(wù)器；還包括設(shè)置在應(yīng)用服務(wù)器2上的信息更新模塊7，與信息提交模塊6連接，用于應(yīng)用服務(wù)器更新照片順序信息。
照片拖動模塊3中，所述的多張照片包括同一個相冊的多張照片或者不同的相冊專輯。上述系統(tǒng)中，所述的照片拖動模塊3還包括距離計算模塊8，用于計算操作光標(biāo)移動的距離；位置移動模塊9，與距離計算模塊8連接，用于根據(jù)操作光標(biāo)移動的距離改變照片的位置。上述系統(tǒng)中，所述的照片拖動模塊3還包括初始位置獲取模塊10，與距離計算模塊8連接，用于獲取操作光標(biāo)及其所作用的照片的初始位置。上述系統(tǒng)中，所述的照片拖動模塊3還包括提示框創(chuàng)建模塊11，用于創(chuàng)建目標(biāo)位置提示框，從而方便提示用戶可以放置拖動的照片的有效位置。上述系統(tǒng)中，所述的位置移動模塊9還包括相對位置獲取模塊12，用于獲取多張照片的相對位置，從而在操作光標(biāo)只作用在其中任意一張照片上時，仍然能夠方便客戶端根據(jù)照片及操作光標(biāo)的初始位置及操作光標(biāo)的新位置確定其他照片的新位置，并且排序后的多個相片的前后相對位置與排序前的前后相對位置保持一致。本發(fā)明的一種實施例的工作流程(如圖2所示)S100，用戶選擇多張照片并移動操作光標(biāo)；S200，客戶端計算操作光標(biāo)移動的距離；S300，客戶端根據(jù)操作光標(biāo)移動的距離改變照片的位置；S400，用戶觸發(fā)照片排序存儲操作；S500,客戶端讀取新的照片順序信息并提交給應(yīng)用服務(wù)器；S600，應(yīng)用服務(wù)器更新照片順序信息。實例說明比如“張三”進(jìn)入自己的網(wǎng)絡(luò)社區(qū)的相冊中，想對其中的7個相冊專輯進(jìn)行排序。那么他將最后一個相冊和第一個相冊交換次序后，就需要點擊一次提交操作，然后客戶端再將新的相冊順序信息讀取出來并提交給應(yīng)用服務(wù)器，應(yīng)用服務(wù)器更新相冊順序信息，接著，用戶再進(jìn)行下次排序操作，客戶端再讀取新的排序信息提交給應(yīng)用服務(wù)器，應(yīng)用服務(wù)器再更新排序信息，以此類推。如果“張三”的網(wǎng)絡(luò)社區(qū)采用本發(fā)明后，則“張三”選擇想要進(jìn)行拖動排序的相冊專輯后，當(dāng)用戶移動操作光標(biāo)時，設(shè)置在客戶端1上的初始位置獲取模塊10獲取操作光標(biāo)及其所直接作用的相冊專輯的初始位置，并且設(shè)置在客戶端1上的相對位置獲取模塊12獲取多個相冊專輯的初始相對位置。當(dāng)用戶移動操作光標(biāo)時，設(shè)置在客戶端1上的距離計算模塊8計算出操作光標(biāo)移動的距離，同時設(shè)置在客戶端1上的提示框創(chuàng)建模塊11創(chuàng)建目標(biāo)位置提示框，設(shè)置在客戶端1上的位置移動模塊9根據(jù)操作光標(biāo)移動的距離及目標(biāo)位置提示框移動相冊的位置。具體來說，根據(jù)操作光標(biāo)移動的距離及操作光標(biāo)和其中操作光標(biāo)所作用的那個相冊的初始位置就能確定該相冊的新位置，再根據(jù)相冊的初始相對位置進(jìn)而確定其他相冊的新位置。當(dāng)用戶利用設(shè)置在客戶端1上的觸發(fā)模塊4觸發(fā)相冊排序存儲操作后，設(shè)置在客戶端1上的信息讀取模塊5讀取“張三”這7個相冊的新的排序信息并利用設(shè)置在客戶端1上的信息提交模塊6將該信息提交給應(yīng)用服務(wù)器2，最后設(shè)置在應(yīng)用服務(wù)器2 上的信息更新模塊7更新“張三”的相冊順序信息。當(dāng)“張三”下次進(jìn)入他的網(wǎng)絡(luò)社區(qū)的相冊時，其中的7個相冊就按照新的順序顯示出來。其中可采用客戶端的JavMcript文件來實現(xiàn)所述的始位置獲取模塊10、距離計算模塊8及位置移動模塊9。
權(quán)利要求
1.一種照片拖動排序的方法，其特征在于，包括以下步驟 Si，拖動多張照片進(jìn)行排序；S2，觸發(fā)照片排序存儲操作；S3，讀取新的照片順序信息并提交給應(yīng)用服務(wù)器；S4，應(yīng)用服務(wù)器更新照片順序信息。
2.根據(jù)權(quán)利要求1所述的一種照片拖動排序的方法，其特征在于，步驟Sl中所述的拖動多張照片包括以下步驟S10，計算操作光標(biāo)移動的距離；S20，根據(jù)操作光標(biāo)移動的距離改變照片的位置。
3.根據(jù)權(quán)利要求2所述的一種照片拖動排序的方法，其特征在于，所述的拖動多張照片還包括獲取操作光標(biāo)及其所作用的照片的初始位置。
4.根據(jù)權(quán)利要求2所述的一種照片拖動排序的方法，其特征在于，所述的拖動多張照片還包括創(chuàng)建目標(biāo)位置提示框。
5.根據(jù)權(quán)利要求2所述的一種照片拖動排序的方法，其特征在于，步驟S20還包括獲取多張照片的相對位置。
6.實現(xiàn)權(quán)利要求1 5所述方法的一種照片拖動排序的系統(tǒng)，其特征在于，它包括客戶端(1)和應(yīng)用服務(wù)器0)，客戶端(1)與應(yīng)用服務(wù)器( 連接；還包括設(shè)置在客戶端(1)上的 照片拖動模塊(3)，用于拖動多張照片進(jìn)行排序； 觸發(fā)模塊G)，用于觸發(fā)照片排序存儲操作； 信息讀取模塊(5)，用于讀取新的照片順序信息；信息提交模塊(6)，與信息讀取模塊(5)連接，用于提交讀取的照片順序信息給應(yīng)用服務(wù)器；還包括設(shè)置在應(yīng)用服務(wù)器( 上的信息更新模塊(7)，與信息提交模塊(6)連接，用于應(yīng)用服務(wù)器更新照片順序信息。
7.根據(jù)權(quán)利要求6所述的一種照片拖動排序的系統(tǒng)，其特征在于，所述的照片拖動模塊⑶還包括距離計算模塊(8)，用于計算操作光標(biāo)移動的距離；位置移動模塊(9)，與距離計算模塊(8)連接，用于根據(jù)操作光標(biāo)移動的距離改變照片的位置。
8.根據(jù)權(quán)利要求7所述的一種照片拖動排序的系統(tǒng)，其特征在于，所述的照片拖動模塊⑶還包括初始位置獲取模塊(10)，與距離計算模塊(8)連接，用于獲取操作光標(biāo)及其所作用的照片的初始位置。
9.根據(jù)權(quán)利要求7所述的一種照片拖動排序的系統(tǒng)，其特征在于，所述的照片拖動模塊⑶還包括提示框創(chuàng)建模塊(11)，用于創(chuàng)建目標(biāo)位置提示框。
10.根據(jù)權(quán)利要求7所述的一種照片拖動排序的系統(tǒng)，其特征在于，所述的位置移動模塊(9)還包括相對位置獲取模塊(12)，用于獲取多張照片的相對位置。
全文摘要
本發(fā)明公開了一種照片拖動排序的方法與系統(tǒng)，所述系統(tǒng)包括客戶端和應(yīng)用服務(wù)器，客戶端與應(yīng)用服務(wù)器連接；包括設(shè)置在客戶端上的照片拖動模塊；觸發(fā)模塊；信息讀取模塊；信息提交模塊，與信息讀取模塊連接；包括設(shè)置在應(yīng)用服務(wù)器上的信息更新模塊，與信息提交模塊連接。本發(fā)明通過利用設(shè)置在客戶端上的照片拖動模塊拖動多張照片進(jìn)行排序，設(shè)置在客戶端上的觸發(fā)模塊觸發(fā)排序存儲操作，信息讀取模塊讀取新的照片順序信息并且信息提交模塊提交該信息給應(yīng)用服務(wù)器；設(shè)置在應(yīng)用服務(wù)器上的信息更新模塊更新照片順序信息。客戶端向應(yīng)用服務(wù)器提交一次多張照片排序的請求，減少了向應(yīng)用服務(wù)器提交請求的次數(shù)，從而為應(yīng)用服務(wù)器節(jié)約大量資源。
文檔編號G06F3/048GK102184178SQ20111003310
公開日2011年9月14日 申請日期2011年1月30日 優(yōu)先權(quán)日2011年1月30日
發(fā)明者何倩, 李國新 申請人:北京開心人信息技術(shù)有限公司