本發(fā)明涉及網(wǎng)頁前端、PHP和數(shù)據(jù)庫領(lǐng)域，特別是一種在線文件云存儲(chǔ)系統(tǒng)的實(shí)現(xiàn)方法。

背景技術(shù)：

多終端在線文件云存儲(chǔ)系統(tǒng)，其特點(diǎn)在于簡(jiǎn)便操作，靈活上傳和下載。但是，現(xiàn)有的系統(tǒng)基本無法滿足使用方便、效率高、實(shí)用性好、兼容性高等特點(diǎn)。

技術(shù)實(shí)現(xiàn)要素：

本發(fā)明解決的技術(shù)問題在于提供一種仿Windows的在線文件云存儲(chǔ)系統(tǒng)的實(shí)現(xiàn)方法；實(shí)現(xiàn)使用方便、效率高、實(shí)用性好、兼容性高等特點(diǎn)。

本發(fā)明解決上述技術(shù)問題的技術(shù)方案是：

所述的方法是：

先創(chuàng)建五個(gè)視圖頁面，分別為注冊(cè)/登錄頁、首頁、搜索頁、分享頁、上傳頁；

再依次創(chuàng)建對(duì)應(yīng)的控制器頁面、模型頁面，除了對(duì)數(shù)據(jù)庫的增刪改查之外，再加入上傳到指定目錄的方法函數(shù)和分享創(chuàng)建密碼和鏈接加密的方法函數(shù)；

當(dāng)打開入口頁面，選擇注冊(cè)或登錄后進(jìn)入首頁，首頁實(shí)現(xiàn)左右結(jié)構(gòu)：左邊是文件目錄樹，包含“所有文件”、“我的分享”，可以擴(kuò)充；其中“所有文件”內(nèi)又有小的篩選目錄“圖片”、“音樂”、“文檔”、“視頻”；

當(dāng)點(diǎn)擊左邊的目錄樹對(duì)應(yīng)的名稱，右邊切換相應(yīng)的內(nèi)容，右邊的頭部區(qū)域是功能區(qū)域，可以進(jìn)行仿Windows無刷新即時(shí)搜索、仿Windows排序、視圖轉(zhuǎn)換、新建文件夾、上傳文件；

當(dāng)點(diǎn)擊其中的文件或文件夾，功能區(qū)域新增按鈕包括仿Windows“移動(dòng)”、“重命名”、“刪除”、“分享文件”、“下載”、“隱藏”、“加密”；

最后點(diǎn)擊相應(yīng)的按鈕進(jìn)行相應(yīng)的操作。

所述仿Windows無刷新即時(shí)搜索是當(dāng)用戶在搜索框輸入內(nèi)容時(shí)，此時(shí)便即時(shí)檢測(cè)用戶的搜索內(nèi)容，相關(guān)函數(shù)為input的“onpropertychange”，然后利用AJAX將搜索內(nèi)容傳給后臺(tái)，后臺(tái)返回?cái)?shù)據(jù)后，網(wǎng)頁不刷新直接顯示數(shù)據(jù)列表；

所述仿Windows排序?qū)崿F(xiàn)方法是在SQL語句后面加入ORDER BY TITLE；

所述的視圖轉(zhuǎn)換默認(rèn)為詳細(xì)信息視圖，此時(shí)圖標(biāo)尺寸為小尺寸，每行顯示一條數(shù)據(jù)，包括圖標(biāo)類型、名稱、大小、修改時(shí)間；當(dāng)點(diǎn)擊切換視圖按鈕時(shí)，只顯示圖標(biāo)和名稱，此時(shí)圖標(biāo)為大圖標(biāo)；實(shí)現(xiàn)方法是創(chuàng)建兩個(gè)視圖的DIV，切換時(shí)顯示一個(gè)，隱藏另一個(gè)；

所述上傳文件是當(dāng)用戶點(diǎn)擊上傳文件的按鈕時(shí)會(huì)判斷當(dāng)前目錄的ID，這個(gè)ID會(huì)作為一個(gè)字段隨SQL語句一并導(dǎo)入到數(shù)據(jù)庫；默認(rèn)ID為根目錄，上傳的函數(shù)處理方法和普通的上傳到服務(wù)器的函數(shù)方法基本一樣；注冊(cè)成功的時(shí)候會(huì)在服務(wù)器創(chuàng)建用戶的個(gè)人文件夾，用于存放上傳文件；當(dāng)有隱藏的文件/文件夾或分享的文件/文件夾存在時(shí)，這個(gè)服務(wù)器的個(gè)人文件夾里面會(huì)創(chuàng)建對(duì)應(yīng)的文件夾。

所述仿Windows移動(dòng)文件是用戶前端操作除了點(diǎn)擊按鈕還可以利用JQ UI實(shí)現(xiàn)拖拽，實(shí)現(xiàn)方法是獲取目標(biāo)父文件夾的ID，即用戶選擇移動(dòng)的文件夾對(duì)象，將這個(gè)ID賦值到這個(gè)數(shù)據(jù)的字段然后AJAX無刷新顯示出來；

所述仿Windows重命名在點(diǎn)擊“重命名”按鈕時(shí)和新建文件夾時(shí)都可以觸發(fā)；

所述分享文件是創(chuàng)建一個(gè)帶參的URL，參數(shù)是4位密碼的兩次MD5加密，后臺(tái)的判斷包括兩個(gè)方面：是否帶參，頁面輸入的密碼是否匹配參數(shù)；若不帶參則無法訪問，若密碼不匹配則無法進(jìn)入分享文件夾；

所述隱藏文件的實(shí)現(xiàn)方法是，點(diǎn)擊隱藏按鈕后，服務(wù)器端在用戶文件夾內(nèi)創(chuàng)建名稱為“hidden”的文件夾并移動(dòng)該文件至這個(gè)文件夾，頁面AJAX即時(shí)無刷新重新讀數(shù)據(jù)庫，不讀取“hidden”文件夾內(nèi)容；

所述加密文件的實(shí)現(xiàn)方法是將用戶的密碼加密后寫入數(shù)據(jù)字段，并修改字段“是否加密”為1(是)；讀取時(shí)判斷即可，若為加密文件/文件夾，則雙擊后跳轉(zhuǎn)到密碼輸入頁面。

所述仿Windows重命名的實(shí)現(xiàn)方法是當(dāng)選中文件/文件夾后，即會(huì)開始觸發(fā)一個(gè)計(jì)時(shí)器，作用是當(dāng)再次點(diǎn)擊同一個(gè)文件/文件夾時(shí)，判斷若時(shí)間大于0.5s-1s，即觸發(fā)重命名操作而非進(jìn)入文件夾；重命名的前端實(shí)現(xiàn)方法是在名稱的div后面創(chuàng)建一個(gè)input，css的display為none；絕對(duì)定位，Z-index較高；重命名時(shí)顯示該input，自動(dòng)全選，當(dāng)按回車或點(diǎn)擊空白時(shí)，對(duì)重命名進(jìn)行校驗(yàn)后傳值給名稱的DIV，并隱藏該input。

本發(fā)明方案的有益效果如下：

本發(fā)明使用方便：打開網(wǎng)頁即可進(jìn)行操作，終端包括PC、平板、手機(jī)等，因?yàn)閷?shí)現(xiàn)了自適應(yīng)的效果所以操作體驗(yàn)是不錯(cuò)的；

用戶只需像操作Windows一樣操作網(wǎng)頁即可存儲(chǔ)文件、下載文件、分享文件，還可以對(duì)文件和文件夾進(jìn)行管理，如撤銷分享、隱藏文件/文件夾、創(chuàng)建私人文件(文件加密)等；

本發(fā)明效率高：系統(tǒng)采用PHP，快速穩(wěn)定；

本發(fā)明實(shí)用性好：在搭載云服務(wù)器和文件安全校驗(yàn)后，本發(fā)明的實(shí)用性是非常高的；

本發(fā)明兼容性高：所有主流瀏覽器都可以適用。

附圖說明

下面結(jié)合附圖對(duì)本發(fā)明進(jìn)一步說明：

圖1為本發(fā)明的流程圖。

具體實(shí)施方式

下面將結(jié)合附圖1，對(duì)本發(fā)明實(shí)施例中的技術(shù)方案進(jìn)行清楚、完整的描述，顯然，所描述的實(shí)施例僅僅是本發(fā)明一部分實(shí)施例，而不是全部的實(shí)施例。基于本發(fā)明中的實(shí)施例，本領(lǐng)域普通技術(shù)人員在沒有做出實(shí)質(zhì)性創(chuàng)造獲得的方案，都屬于本發(fā)明保護(hù)的范圍。

本發(fā)明的方法是配置PHP框架(以codeigniter為例)，利用MVC模式，創(chuàng)建五個(gè)視圖頁面，分別為注冊(cè)/登錄頁、首頁、搜索頁、分享頁、上傳頁，再依次創(chuàng)建對(duì)應(yīng)的控制器頁面、模型頁面，除了對(duì)數(shù)據(jù)庫的增刪改查之外，再加入上傳到指定目錄的方法函數(shù)和分享創(chuàng)建密碼和鏈接加密的方法函數(shù)。

本發(fā)明的操作流程是：打開入口頁面，選擇注冊(cè)或登錄后進(jìn)入首頁，首頁是左右結(jié)構(gòu)：左邊是文件目錄樹，包含“所有文件”、“我的分享”等，可以擴(kuò)充。其中“所有文件”內(nèi)又有小的篩選目錄“圖片”、“音樂”、“文檔”、“視頻”等。點(diǎn)擊左邊的目錄樹對(duì)應(yīng)的名稱，右邊切換相應(yīng)的內(nèi)容。右邊的頭部區(qū)域是功能區(qū)域，可以進(jìn)行搜索、排序、切換視圖方式(詳細(xì)信息或大圖標(biāo)等)、新建文件夾、上傳文件。點(diǎn)擊其中的文件或文件夾，功能區(qū)域新增按鈕包括“移動(dòng)”、“重命名”、“刪除”、“分享”、“下載”、“隱藏”、“加密”等。點(diǎn)擊相應(yīng)的按鈕進(jìn)行相應(yīng)的操作。

具體而言是：

1：上傳文件。用戶點(diǎn)擊上傳文件的按鈕時(shí)會(huì)判斷當(dāng)前目錄的ID，這個(gè)ID會(huì)作為一個(gè)字段隨SQL語句一并導(dǎo)入到數(shù)據(jù)庫。默認(rèn)ID為0(根目錄).上傳的函數(shù)處理方法和普通的上傳到服務(wù)器的函數(shù)方法基本一樣。注冊(cè)成功的時(shí)候會(huì)在服務(wù)器創(chuàng)建用戶的個(gè)人文件夾，用于存放上傳文件。當(dāng)有隱藏的文件/文件夾或分享的文件/文件夾存在時(shí)，這個(gè)服務(wù)器的個(gè)人文件夾里面會(huì)創(chuàng)建對(duì)應(yīng)的文件夾。

2：仿Windows排序、視圖轉(zhuǎn)換。排序的實(shí)現(xiàn)方法只需要在SQL語句后面加入ORDER BY TITLE即可；視圖轉(zhuǎn)換方面，默認(rèn)為詳細(xì)信息視圖，此時(shí)圖標(biāo)尺寸為小尺寸，每行顯示一條數(shù)據(jù)，包括圖標(biāo)類型(文件或文件夾)、名稱、大小、修改時(shí)間；當(dāng)點(diǎn)擊切換視圖按鈕時(shí)，只顯示圖標(biāo)和名稱，此時(shí)圖標(biāo)為大圖標(biāo)。實(shí)現(xiàn)方法是創(chuàng)建兩個(gè)視圖的DIV，切換時(shí)顯示一個(gè)，隱藏另一個(gè)。

3：仿Windows無刷新即時(shí)搜索。當(dāng)用戶在搜索框輸入內(nèi)容時(shí)，此時(shí)便即時(shí)檢測(cè)用戶的搜索內(nèi)容，相關(guān)函數(shù)為input的“onpropertychange”，然后利用AJAX將搜索內(nèi)容傳給后臺(tái)，后臺(tái)返回?cái)?shù)據(jù)后，網(wǎng)頁不刷新直接顯示數(shù)據(jù)列表，即完成了不刷新即時(shí)搜索。

4：仿Windows對(duì)文件/文件夾重命名。這個(gè)動(dòng)作在點(diǎn)擊“重命名”按鈕時(shí)和新建文件夾時(shí)都可以觸發(fā)。本發(fā)明特別提供一種重命名方式，和Windows高度相似，實(shí)現(xiàn)方法是：當(dāng)選中文件/文件夾后，即會(huì)開始觸發(fā)一個(gè)計(jì)時(shí)器，作用是當(dāng)再次點(diǎn)擊同一個(gè)文件/文件夾時(shí)，判斷若時(shí)間大于0.5s-1s(雙擊的時(shí)間差)，即觸發(fā)重命名操作而非進(jìn)入文件夾。重命名的前端實(shí)現(xiàn)方法是在名稱的div后面創(chuàng)建一個(gè)input，css的display為none；絕對(duì)定位，Z-index較高；重命名時(shí)顯示該input，自動(dòng)全選，當(dāng)按回車或點(diǎn)擊空白時(shí)，對(duì)重命名進(jìn)行校驗(yàn)后傳值給名稱的DIV，并隱藏該input。

5：分享文件。分享文件會(huì)創(chuàng)建一個(gè)帶參的URL。參數(shù)是4位密碼的兩次MD5加密，后臺(tái)的判斷包括兩個(gè)方面：是否帶參，頁面輸入的密碼是否匹配參數(shù)；若不帶參則無法訪問，若密碼不匹配則無法進(jìn)入分享文件夾。

6：仿Windows移動(dòng)、隱藏、加密文件。移動(dòng)文件的用戶前端操作除了點(diǎn)擊按鈕還可以利用JQ UI實(shí)現(xiàn)拖拽。實(shí)現(xiàn)方法是獲取目標(biāo)父文件夾的ID，即用戶選擇移動(dòng)的文件夾對(duì)象，將這個(gè)ID賦值到這個(gè)數(shù)據(jù)的字段然后AJAX無刷新顯示出來；隱藏文件的實(shí)現(xiàn)方法是，點(diǎn)擊隱藏按鈕后，服務(wù)器端在用戶文件夾內(nèi)創(chuàng)建名稱為“hidden”的文件夾并移動(dòng)該文件至這個(gè)文件夾，頁面AJAX即時(shí)無刷新重新讀數(shù)據(jù)庫，不讀取“hidden”文件夾內(nèi)容；加密文件的實(shí)現(xiàn)方法是將用戶的密碼加密后寫入數(shù)據(jù)字段，并修改字段“是否加密”為1(是)。讀取時(shí)判斷即可。若為加密文件/文件夾，則雙擊后跳轉(zhuǎn)到密碼輸入頁面。

所述重命名的實(shí)現(xiàn)方法是：當(dāng)選中文件/文件夾后，即會(huì)開始觸發(fā)一個(gè)計(jì)時(shí)器，作用是當(dāng)再次點(diǎn)擊同一個(gè)文件/文件夾時(shí)，判斷若時(shí)間大于0.5s-1s(雙擊的時(shí)間差)，即觸發(fā)重命名操作而非進(jìn)入文件夾；重命名的前端實(shí)現(xiàn)方法是在名稱的div后面創(chuàng)建一個(gè)input，css的display為none；絕對(duì)定位，Z-index較高；重命名時(shí)顯示該input，自動(dòng)全選，當(dāng)按回車或點(diǎn)擊空白時(shí)，對(duì)重命名進(jìn)行校驗(yàn)后傳值給名稱的DIV，并隱藏該input。

本發(fā)明的特點(diǎn)是多終端采用自適應(yīng)網(wǎng)頁的方法而非客戶端，這樣可以減少開發(fā)量、減少數(shù)據(jù)維護(hù)量、減少成本、減少用戶下載和尋找客戶端的網(wǎng)絡(luò)流量等；用戶只需打開同一個(gè)網(wǎng)頁即可完成類似Windows的操作體驗(yàn)，包括即時(shí)無刷新搜索、點(diǎn)擊重命名、拖拽移動(dòng)，隱藏、加密文件等。