網(wǎng)絡(luò)存儲(chǔ)系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)-用戶界面及數(shù)據(jù)庫的設(shè)計(jì)與實(shí)現(xiàn)

頁）摘要：隨著網(wǎng)絡(luò)技術(shù)的迅猛發(fā)展，人們對(duì)數(shù)據(jù)儲(chǔ)存的需求越來越大,U盤與硬盤的缺點(diǎn)愈發(fā)嚴(yán)重，網(wǎng)絡(luò)儲(chǔ)存應(yīng)運(yùn)而生，有效解決了這些問題，分布式儲(chǔ)存不怕硬件丟失和損壞，多個(gè)用戶可在網(wǎng)絡(luò)存儲(chǔ)系統(tǒng)中很方便的共享。分布式儲(chǔ)存只要容量不夠，直接加機(jī)器和硬盤都可以實(shí)現(xiàn)容量的拓展，就容量來說，幾乎是無限的。我們做的就是網(wǎng)絡(luò)儲(chǔ)存系統(tǒng)，而我做的是用戶頁面及數(shù)據(jù)庫設(shè)計(jì)，本篇論文主要講解了我是如何設(shè)計(jì)并用html實(shí)現(xiàn)這個(gè)網(wǎng)頁的及數(shù)據(jù)庫的設(shè)計(jì)。關(guān)鍵詞:分布式儲(chǔ)存；網(wǎng)頁設(shè)計(jì)；數(shù)據(jù)庫設(shè)計(jì)Abstract:Withtherapiddevelopmentofnetworktechnology,people'sgrowingdemandfordatastorage,Udiskandharddiskshortcomingsworseninginsecurityexist.shortcomings,andnetworkstoragecameintobeing,aneffectivesolutiontotheseproblems,distributedhardwarestorewillnotbeafraidoflossanddamageoccurs,whilemultipleuserscanveryeasytoshareinthenetworkstoragesystem,anddistributedAslongasthestoragecapacityisnotenough,andharddisksareaddeddirectlytothemachinecanexpandcapacity,andthereforecapacity,itisalmostunlimited.Whatwedoisnetworkstoragesystem,andIamdoingisoneoftheuserpagesanddatabasedesign,thispapermainlyonhowIdesignedandimplementedwiththehtmlofthispage.Aswellasthedesignofthedatabase.Keywords:Distributed

storage；Web

Design；Database

design1引言1.1研究背景二十一世紀(jì)進(jìn)入信息發(fā)展高速路，大數(shù)據(jù)時(shí)代信息量的爆發(fā)，普通的存儲(chǔ)方式已經(jīng)不能滿足大批量數(shù)據(jù)的存儲(chǔ)與分享。硬件存儲(chǔ)系統(tǒng)存在諸多弊端和不便，網(wǎng)絡(luò)存儲(chǔ)系統(tǒng)由此應(yīng)運(yùn)而生。隨著互聯(lián)網(wǎng)的發(fā)展，出現(xiàn)了眾多網(wǎng)絡(luò)存儲(chǔ)系統(tǒng)，這些系統(tǒng)良莠不齊，而我們的網(wǎng)絡(luò)存儲(chǔ)系統(tǒng)正是以分布式存儲(chǔ)系統(tǒng)為技術(shù)支撐。分布式存儲(chǔ)系統(tǒng)是把存儲(chǔ)的文件通過優(yōu)秀的算法生成冗余在分塊，分別存儲(chǔ)到不同的機(jī)器上，這樣的存儲(chǔ)系統(tǒng)更安全，在接近一半的機(jī)器壞了的情況下，都可能不會(huì)影響到文件的完整性，而且架構(gòu)靈活，當(dāng)存儲(chǔ)空間不夠時(shí)隨時(shí)可以加入新的機(jī)器或硬盤，一切都?xì)w功于Hadoop的巨大貢獻(xiàn).互聯(lián)網(wǎng)的世界里蘊(yùn)藏?zé)o限生機(jī)，這里只有想不到的、沒有做不到的。由于國際互聯(lián)網(wǎng)是一個(gè)不受時(shí)空限制的信息交換系統(tǒng)，所以它是目前最直接、最豐富和最快捷的聯(lián)系方式，信息溝通的高效率為現(xiàn)代化辦公帶來了巨大的方便。而我們做的網(wǎng)絡(luò)存儲(chǔ)系統(tǒng)能更加方便的共享和存儲(chǔ)文件，方便辦公學(xué)習(xí)。網(wǎng)絡(luò)存儲(chǔ)系統(tǒng)可以克服U盤或硬盤存儲(chǔ)量小的問題，以及U盤或硬盤一旦丟失或損壞，上面的數(shù)據(jù)再難找回的損失。網(wǎng)絡(luò)存儲(chǔ)系統(tǒng)很大層面上改善了這個(gè)局面，由于數(shù)據(jù)是在網(wǎng)上，對(duì)多個(gè)人共享也十分方便，不受地理位置限制。1.2目的和意義因?yàn)閿?shù)據(jù)的保存流傳，數(shù)據(jù)信息可以看做文明傳播的主要載體，而存儲(chǔ)介質(zhì)的使用則是數(shù)據(jù)信息傳播的主要工具。從結(jié)繩記事，到甲骨、青銅鼎，再到紙張的使用，人們通過不斷的改造發(fā)明，將文明傳播一代又一代，也改進(jìn)了人類發(fā)展進(jìn)程。隨著科技的日新月異，人們選用的存儲(chǔ)介質(zhì)也發(fā)生了較大的變化，硬盤逐漸成為人們?nèi)粘Ｉ罟ぷ鞯谋貍淦?，并在?shù)據(jù)存儲(chǔ)中扮演著重要角色。但隨著近年來，數(shù)據(jù)量的爆發(fā)，數(shù)據(jù)的存儲(chǔ)介質(zhì)也在發(fā)生著改變。硬盤是最為直接簡單的存儲(chǔ)工具，但因其容量有限，當(dāng)面對(duì)海量數(shù)據(jù)時(shí)只能采取不斷擴(kuò)容的手段來滿足數(shù)據(jù)存取的需求。且不便攜帶，難以進(jìn)行數(shù)據(jù)信息分享，于是U盤和移動(dòng)硬盤取代了硬盤成為了人們最方便的數(shù)據(jù)攜帶工具，人們可以很方便的把數(shù)據(jù)通過U盤傳輸。但目前，U盤，移動(dòng)硬盤已經(jīng)適應(yīng)不了互聯(lián)網(wǎng)時(shí)代了。U盤和移動(dòng)硬盤一旦損壞或者丟失，上面的數(shù)據(jù)難以再找回，將會(huì)造成難以估計(jì)的損失。同時(shí)，U盤和移動(dòng)硬盤的傳輸是點(diǎn)對(duì)點(diǎn)的，需要把設(shè)備插到電腦上才能傳輸，不能很方便的將一份資料多個(gè)用戶共享，即不能實(shí)現(xiàn)數(shù)據(jù)共享。網(wǎng)盤的出現(xiàn)，很好的解決了U盤和硬盤等存儲(chǔ)工具所存在的一系列弊端。網(wǎng)盤，又稱網(wǎng)絡(luò)U盤、網(wǎng)絡(luò)硬盤，是一些網(wǎng)絡(luò)公司推出的在線存儲(chǔ)服務(wù)。向用戶提供文件的存儲(chǔ)、訪問、備份、共享等文件管理功能，使用起來十分方便。用戶可以把網(wǎng)盤看成一個(gè)放在網(wǎng)絡(luò)上的硬盤或U盤，不管你是在家中、單位或其它任何地方，只要你連接到因特網(wǎng)，你就可以管理、編輯網(wǎng)盤里的文件。不需要隨身攜帶，更不怕丟失。能夠做到隨時(shí)隨地讀取及使用，存儲(chǔ)等服務(wù)。目前國內(nèi)外有很多這樣的網(wǎng)盤服務(wù)，如國內(nèi)的百度云網(wǎng)盤、115網(wǎng)盤、咕咕網(wǎng)盤以及國外的OneDrive等。而我們的網(wǎng)盤是用分布式儲(chǔ)存系統(tǒng)實(shí)現(xiàn)的。之所以采用分布式存儲(chǔ)技術(shù)實(shí)現(xiàn)，是為了簡化用戶端的使用，提供了一個(gè)分布式緩存系統(tǒng)來提供對(duì)此分布式存儲(chǔ)系統(tǒng)的訪問接口以及本地?cái)?shù)據(jù)緩沖以降低網(wǎng)絡(luò)壓力。用網(wǎng)盤的分布式儲(chǔ)存系統(tǒng)，一份資料有多份冗余，即使部分機(jī)器損壞也能完整恢復(fù)數(shù)據(jù)，更不會(huì)存在丟失的風(fēng)險(xiǎn)，而且網(wǎng)盤嚴(yán)格的儲(chǔ)存機(jī)制可放置病毒的傳播。另外網(wǎng)盤沒有容量大小限制，用戶會(huì)有配額，但可無限擴(kuò)容。由于數(shù)據(jù)是在網(wǎng)上，對(duì)多個(gè)人共享也十分方便，不受地理位置限制。對(duì)于社會(huì)發(fā)展，網(wǎng)絡(luò)存儲(chǔ)技術(shù)將會(huì)運(yùn)用到各個(gè)行業(yè)，帶來無限的商機(jī)和經(jīng)濟(jì)效益。2系統(tǒng)開發(fā)關(guān)鍵技術(shù)分析2.1HTML網(wǎng)頁操作技術(shù)超文本標(biāo)記語言（HyperTextMarkupLanguage，簡稱HTML）。是為“網(wǎng)頁創(chuàng)建及其它可在網(wǎng)頁瀏覽器中看到的信息”設(shè)計(jì)的一種標(biāo)記語言。HTML被用來結(jié)構(gòu)化信息，例如標(biāo)題、段落和列表等等，也可用來在一定程度上描述文檔的外觀和語義。由蒂姆·伯納斯.李給出原始定義，由IETF用簡化的SGML語法進(jìn)行進(jìn)一步發(fā)展的HTML，后來成為國際標(biāo)準(zhǔn)，由萬維網(wǎng)聯(lián)盟維護(hù)。頁面內(nèi)包含圖片，鏈接，音樂，結(jié)構(gòu)包括頭和主題兩部分，頭提供網(wǎng)頁信息，主體提供網(wǎng)頁具體內(nèi)容。超文本標(biāo)記語言是萬維編程的基礎(chǔ)，是文本包含超級(jí)鏈接點(diǎn)的一種形式。2.2Jquery庫使用Jquery是繼prototype之后又一個(gè)優(yōu)秀的Javascript庫。它是輕量級(jí)的js庫

，它兼容CSS3，還兼容各種瀏覽器（IE6.0+,FF1.5+,Safari2.0+,Opera9.0+），jQuery2.0及后續(xù)版本將不再支持IE6/7/8瀏覽器。jQuery使用戶能更方便地處理HTML（標(biāo)準(zhǔn)通用標(biāo)記語言下的一個(gè)應(yīng)用）、events、實(shí)現(xiàn)動(dòng)畫效果，并且方便地為網(wǎng)站提供AJAX交互。Jquery還有一個(gè)比較大的優(yōu)勢(shì)是，它的文檔說明很全，而且各種應(yīng)用也說得很詳細(xì)，同時(shí)還有許多成熟的插件可供選擇。Jquery能夠使用戶的html頁面保持代碼和html內(nèi)容分離，也就是說，不用再在html里面插入一堆js來調(diào)用命令了，只需要定義id即可。我在頁面中通過如下語句引入了Jquery：圖2-1Jquery引入代碼圖3系統(tǒng)需求分析3.1導(dǎo)言3.1.1縮寫說明Html：全稱HyperTextMark-upLanguage，超文本標(biāo)記語言或超文本鏈接標(biāo)示語言（標(biāo)準(zhǔn)通用標(biāo)記語言下的一個(gè)應(yīng)用），是萬維網(wǎng)瀏覽器使用的一種語言，它消除了不同計(jì)算機(jī)之間信息交流的障礙。這里有時(shí)候是html，js，css多項(xiàng)技術(shù)的合稱。JS：JavaScript，一種直譯式腳本語言，是一種動(dòng)態(tài)類型、弱類型、基于原型的語言，內(nèi)置支持類型。它的解釋器被稱為JavaScript引擎，為瀏覽器的一部分，廣泛用于客戶端的腳本語言，最早是在HTML（標(biāo)準(zhǔn)通用標(biāo)記語言下的一個(gè)應(yīng)用）網(wǎng)頁上使用，用來給HTML網(wǎng)頁增加動(dòng)態(tài)功能。3.1.2術(shù)語定義DIV：DIV是層疊樣式表中的定位技術(shù)，全稱DIVision，即為劃分。CSS：級(jí)聯(lián)樣式表是一種用來表現(xiàn)HTML（標(biāo)準(zhǔn)通用標(biāo)記語言的一個(gè)應(yīng)用）或XML（標(biāo)準(zhǔn)通用標(biāo)記語言的一個(gè)子集）等文件樣式的計(jì)算機(jī)語言。E-R圖：E-R圖也稱實(shí)體-聯(lián)系圖(EntityRelationshipDiagram)，提供了表示實(shí)體類型、屬性和聯(lián)系的方法，用來描述現(xiàn)實(shí)世界的概念模型。用戶：使用我們網(wǎng)盤的普通用戶，注冊(cè)后就可以上傳下載文件。管理員：管理這個(gè)系統(tǒng)的人，可以修改查看用戶的空間情況，修改用戶可使用的最大空間等。3.2系統(tǒng)定義3.2.1項(xiàng)目要達(dá)到的目標(biāo) 用戶登陸成功后，可以看到自己網(wǎng)盤中自己的文件和文件夾，點(diǎn)開文件夾就可以進(jìn)入文件夾里面看到文件夾里面的內(nèi)容。用戶可以在自己的網(wǎng)盤中新建文件夾，新建文件夾可以再任意位置，也可以在任意位置上傳文件，但是總的文件大小不能超過用戶可使用的最大空間，已使用的空間，和最大的空間會(huì)在頁面很醒目的位置上顯示出來。并且導(dǎo)航條中可以進(jìn)入修改密碼的界面，用戶也可以很方便的退出系統(tǒng)。另外頁面也要用戶看上去就知道怎么操作，符合一致性原則。3.2.2頁面的總體結(jié)構(gòu) 頁面分為上中下，最上方是banner，中間分為左右兩部分，左邊是導(dǎo)航條，右邊是主要的內(nèi)容，下面是版權(quán)信息?？傮w的結(jié)構(gòu)如下圖： 圖3-1頁面布局圖3.3應(yīng)用環(huán)境3.3.1系統(tǒng)運(yùn)行網(wǎng)絡(luò)環(huán)境 該系統(tǒng)可在外網(wǎng)即因特網(wǎng)網(wǎng)上使用，也可在內(nèi)網(wǎng)中使用，作為私有儲(chǔ)存器。3.3.2系統(tǒng)運(yùn)行硬件環(huán)境 服務(wù)器端：至少五臺(tái)linux服務(wù)器，每臺(tái)硬盤至少20GB。 客戶端：一臺(tái)PC。3.3.3系統(tǒng)運(yùn)行軟件環(huán)境 服務(wù)器端：Redhat6.x+tomcat7.x+mysql+hadoop1.x 客戶端：瀏覽器3.4功能規(guī)格我們采用面向?qū)ο蠓治鲎鳛橹饕南到y(tǒng)建模方法，使用UML(UnifiedModelingLanguage)作為建模語言。UML為建?；顒?dòng)提供了從不同角度觀察和展示系統(tǒng)的各種特征的方法。在UML中，從任何一個(gè)角度對(duì)系統(tǒng)所作的抽象都可能需要幾種模型來描述，而這些來自不同角度的模型圖最終組成了系統(tǒng)的映像。 UseCase描述的是“actor”(用戶、外部系統(tǒng)以及系統(tǒng)處理)是如何與系統(tǒng)交互來完成工作的。UseCase模型提供了一個(gè)非常重要的方式來界定系統(tǒng)邊界以及定義系統(tǒng)功能，同時(shí)，該模型將來可以派生出動(dòng)態(tài)對(duì)象模型。 設(shè)計(jì)Use-case時(shí)，我們遵循下列步驟：第一步，識(shí)別出系統(tǒng)的“actor”。Actor可以是用戶、外部系統(tǒng)，甚至是外部處理，通過某種途徑與系統(tǒng)交互。重要的是著重從系統(tǒng)外部執(zhí)行者的角度來描述系統(tǒng)需要提供哪些功能，并指明這些功能的執(zhí)行者(Actor)是誰。盡可能地確保所有Actor都被完全識(shí)別出來。第二步，描述主要的UseCase?？梢圆扇〔粩嗟貑栕约骸斑@個(gè)Actor究竟想通過系統(tǒng)做什么？”來準(zhǔn)確地描述UseCase。第三步，重新審視每個(gè)UseCase，為它們下個(gè)詳盡的定義。3.4.1

角色（Actor）定義普通用戶：使用我們網(wǎng)盤的普通用戶，注冊(cè)并且登陸后就可以上傳下載文件。每個(gè)用戶有自己的空間限制，自己上傳的文件的總大小不能超過自己最大可用的空間，并且用戶可以在自己的網(wǎng)盤空間中新建文件夾，刪除文件或者文件夾。3.4.2系統(tǒng)主用例圖圖3-2系統(tǒng)主用例圖3.5性能需求3.5.1界面需求 用戶在上傳文件需要等待的時(shí)候，有一個(gè)標(biāo)識(shí)符代表后臺(tái)正在處理，需要用戶繼續(xù)等待。3.5.2響應(yīng)時(shí)間需求在2MB網(wǎng)絡(luò)的情況下，用戶網(wǎng)頁打開時(shí)間小于0.1s。4

頁面概要設(shè)計(jì)4.1頁面布局設(shè)計(jì)頁面布局如下圖圖4-1頁面布局圖4.2頁面出錯(cuò)處理設(shè)計(jì)頁面出錯(cuò)了的話，會(huì)有對(duì)話框來提示用戶操作出錯(cuò)。圖4-2錯(cuò)誤處理代碼圖4.2.1出錯(cuò)信息出錯(cuò)的信息是通過ajax由后臺(tái)取得的。4.2.2補(bǔ)救措施 提示給用戶錯(cuò)誤信息，并且中止方法的運(yùn)行。5頁面詳細(xì)設(shè)計(jì)5.1頁面布局設(shè)計(jì)網(wǎng)頁的布局設(shè)計(jì)，就是指網(wǎng)頁中圖像和文字之間的位置關(guān)系，簡單來說也可以稱之為網(wǎng)頁排版。網(wǎng)頁布局設(shè)計(jì)最重要的目的就是傳達(dá)信息。一個(gè)并不能閱讀的網(wǎng)頁只能變成一個(gè)無用的鏈接。分割、組織和傳達(dá)信息并且使網(wǎng)頁易于閱讀、界面具有親和力和可用性是網(wǎng)頁設(shè)計(jì)師應(yīng)有的職責(zé)，只有這樣，瀏覽者才有更好的機(jī)會(huì)找出吸引他的東西。我們的網(wǎng)絡(luò)存儲(chǔ)系統(tǒng)用戶主界面的布局秉承簡潔清爽明了的原則，避免多余綴飾，呈現(xiàn)用戶以清晰的視角層次。5.2頁面橫幅設(shè)計(jì)導(dǎo)航圖在網(wǎng)頁界面中具有重要作用。合理的運(yùn)用圖形可以生動(dòng)直觀、形象地表現(xiàn)設(shè)計(jì)主題。網(wǎng)頁中導(dǎo)航圖常用的圖形格式是jpg，這種格式壓縮比高，得到了規(guī)范瀏覽器的支持，下載速度快，具有跨平臺(tái)的特性，不需要瀏覽器安裝插件即可直接閱覽。本次采用的導(dǎo)航圖設(shè)計(jì)是選取母校重慶師范大學(xué)的風(fēng)采圖，通過PhotoShopCS4,運(yùn)用蒙版和漸變等效果將6張圖片巧妙銜接在一起，最后將重慶師范大學(xué)的校徽以水印的形式加在圖片上，形成最終的導(dǎo)航圖。圖5-1頁面橫幅圖導(dǎo)航圖的代碼如下：圖5-2頁面橫幅代碼圖5.3頁面導(dǎo)航設(shè)計(jì)頁面導(dǎo)航包括三個(gè)按鈕：新建文件夾、修改密碼、退出。是三個(gè)豎著的矩形，鼠標(biāo)移過時(shí)顏色會(huì)變，我是通過table實(shí)現(xiàn)這段功能的，并且把table的style設(shè)為cursor:hand，意思是鼠標(biāo)懸停時(shí)，會(huì)變?yōu)槭中汀＞唧w的代碼如下圖5-3頁面導(dǎo)航代碼圖而鼠標(biāo)懸停變色，是通過下面這段css代碼實(shí)現(xiàn)的最終效果如下圖圖5-4頁面導(dǎo)航圖5.4頁面內(nèi)容設(shè)計(jì)用戶主界面的設(shè)計(jì)包括了用戶所需的各個(gè)功能，并會(huì)提示用戶所使用的空間情況，并分別實(shí)現(xiàn)用戶文件查看上傳、下載等功能。 我的主界面設(shè)計(jì)為上面有個(gè)橫條顯示用戶空間的使用情況，下面的矩形是一個(gè)table，顯示的文件/文件夾列表，文件和文件夾前面有不同的圖標(biāo)，以此來區(qū)分文件和文件夾，如果是文件夾可以點(diǎn)進(jìn)去，進(jìn)入文件夾里面。這個(gè)table前一列是文件/文件夾名，第二列是文件大?。ㄎ募A這一列為空），第三列為修改時(shí)間，第四列是操作。具體一排的代碼如下：實(shí)現(xiàn)的效果如圖圖5-5文件顯示代碼圖圖5-6文件顯示表格圖注意，文件大小的顯示是，不足1MB就以KB為單位。修改時(shí)間是以YYYY/MM/DD的形式來表示。5.5頁面頁尾設(shè)計(jì)網(wǎng)頁設(shè)計(jì)中頁面整體設(shè)計(jì)非常重要，但很多人都把頁尾設(shè)計(jì)忽視了，都覺得沒有多大的用處，但它的作用其實(shí)不容小覷，并且在網(wǎng)頁設(shè)計(jì)的發(fā)展過程中越來越顯得重要。頁尾設(shè)計(jì)主要用來展示網(wǎng)站的版權(quán)和網(wǎng)站介紹，如果在頁尾加上相關(guān)信息，將會(huì)使得整個(gè)網(wǎng)頁效果抬高一個(gè)層次。圖5-7頁面頁尾版權(quán)信息圖5.6兼容性測(cè)試由于ie6的年代過于久遠(yuǎn)，就沒有做測(cè)試了，我們的頁面的兼容性如圖表：表5.1兼容性測(cè)試圖瀏覽器火狐Ie8Ie9兼容性情況良好良好良好6數(shù)據(jù)庫設(shè)計(jì)6.1概念結(jié)構(gòu)設(shè)計(jì)表6.1概念結(jié)構(gòu)設(shè)計(jì)表6.2管理員（Manager）表6.2.1邏輯結(jié)構(gòu)設(shè)計(jì)表6.2Manager邏輯結(jié)構(gòu)設(shè)計(jì)表6.2.2數(shù)據(jù)字典設(shè)計(jì)表6.3Manager數(shù)據(jù)字典設(shè)計(jì)表數(shù)據(jù)項(xiàng)名稱數(shù)據(jù)項(xiàng)類型數(shù)據(jù)項(xiàng)長度是否主鍵是否為空數(shù)據(jù)項(xiàng)含義數(shù)據(jù)項(xiàng)說明IDchar36是否管理員編號(hào)Uuidnamevarchar50否用戶名pwdChar32否密碼6.3用戶（User）表6.3.1邏輯結(jié)構(gòu)設(shè)計(jì)表6.4User邏輯結(jié)構(gòu)設(shè)計(jì)表6.3.2數(shù)據(jù)字典設(shè)計(jì)表6.5User數(shù)據(jù)字典設(shè)計(jì)表數(shù)據(jù)項(xiàng)名稱數(shù)據(jù)項(xiàng)類型數(shù)據(jù)項(xiàng)長度是否主鍵是否為空數(shù)據(jù)項(xiàng)含義數(shù)據(jù)項(xiàng)說明IDchar36是否管理員編號(hào)Uuidnamevarchar50否用戶名pwdChar32否密碼VolumeInt用戶最大存儲(chǔ)量null表示不限容量PathVarchar45否用戶存儲(chǔ)路徑EmailVarchar30否用戶驗(yàn)證郵箱注冊(cè)時(shí)用于驗(yàn)證AreaVarchar10否注冊(cè)地區(qū)SexVarchar5否用戶性別UploadtimeVarchar20否用戶上傳文件時(shí)間6.4E-R圖1.管理員表圖6-1管理員表E-R圖2.用戶表圖7-1用戶主頁圖7頁面展示圖6-2用戶表E-R圖7頁面展示7.1用戶主頁圖7-1用戶主頁圖7.2修改密碼圖7-2用戶修改密碼界面圖7.3性能測(cè)試圖7-3性能測(cè)試圖8系統(tǒng)總結(jié)與展望8.1系統(tǒng)總結(jié)這次畢業(yè)設(shè)計(jì)項(xiàng)目確定題目后，我負(fù)責(zé)制作用戶界面和設(shè)計(jì)數(shù)據(jù)庫。我復(fù)習(xí)了HTML的知識(shí)，并且我為了實(shí)現(xiàn)自己板塊的功能所想要達(dá)到的效果，搜索了各大網(wǎng)站的優(yōu)秀案例和代碼，通過視頻學(xué)習(xí)以及對(duì)過去上課時(shí)的筆記復(fù)習(xí)，對(duì)HTML編輯已經(jīng)非常熟悉了，另外還自學(xué)了Jquery，極大的方便了js部分代碼的編寫。另外我還學(xué)習(xí)了關(guān)系型數(shù)據(jù)庫的知識(shí)，8.2系統(tǒng)展望網(wǎng)絡(luò)存儲(chǔ)協(xié)議標(biāo)準(zhǔn)是網(wǎng)絡(luò)存儲(chǔ)系統(tǒng)發(fā)展的另一個(gè)重要工作，目前該項(xiàng)工作正在如火如荼地開展。我們用的是hadoop，而hadoop2有一個(gè)叫HDFS

Federation的東西，它將hdfs的命名空間進(jìn)行了擴(kuò)展，目前的HDFS的所有文件的meta信息都保存在一臺(tái)機(jī)器的內(nèi)存中，使得HDFS支持的文件數(shù)目是有限的，現(xiàn)在進(jìn)行了這樣改動(dòng)后，將hdfs的命名空間做成了分布式的，對(duì)之后方便對(duì)不同的用戶文件夾進(jìn)行管理，還有從HDFS的實(shí)現(xiàn)上來說，都會(huì)更為簡單。 云存儲(chǔ)是未來儲(chǔ)存系統(tǒng)的發(fā)展方向，我們有理由期待未來我們身邊各種電子設(shè)計(jì)接入云端，享受無限大的儲(chǔ)存空間和數(shù)據(jù)的更新速度，丟掉了u盤，即使是電腦也只需要很小的本地儲(chǔ)存或不需要任何本地儲(chǔ)存設(shè)備，就可以流暢的運(yùn)行，保存的資料再也不用害怕丟失，同時(shí)軟件發(fā)布在云端也能根治盜版問題。9結(jié)論通過這次畢業(yè)設(shè)計(jì)，我能更加全面掌握到很多以前在書本上課堂上以及視頻教學(xué)中沒學(xué)到的實(shí)操知識(shí)，不僅鞏固了以往學(xué)過的網(wǎng)頁設(shè)計(jì)和數(shù)據(jù)庫知識(shí)，更加深入地了解網(wǎng)頁設(shè)計(jì)的過程，每一步需要做什么，完成什么工作。在這過程中，由于平時(shí)的學(xué)習(xí)更多基于理論和課堂上記錄老師的操作過程，自身網(wǎng)頁設(shè)計(jì)的經(jīng)驗(yàn)不夠多，對(duì)基礎(chǔ)知識(shí)有一定的遺忘，各種原因使我走了不少彎路，遇到了不少次的阻礙，例如排版問題及CSS調(diào)整問題?？烧且?yàn)橛捎诓粩鄬?duì)頁面進(jìn)行調(diào)試的過程，我累積了不少寶貴經(jīng)驗(yàn)：我明白了網(wǎng)頁設(shè)計(jì)需循序漸進(jìn)，是急不來的，首先要對(duì)自己所要做的頁面有哪里功能做一個(gè)詳細(xì)分析，每個(gè)功能板塊應(yīng)該怎樣布局要有概念，同時(shí)選擇正確的軟件進(jìn)行開發(fā)，并參考成功的頁面布局的優(yōu)秀案例，確定頁面的布局規(guī)劃；其次，掌握好自身負(fù)責(zé)板塊的時(shí)間進(jìn)度和先后順序，分析與設(shè)計(jì)是很重要的環(huán)節(jié)，分析得越透徹，設(shè)計(jì)得越詳細(xì)，對(duì)編程會(huì)有很好的引導(dǎo)作用，也可避免重復(fù)修改，浪費(fèi)時(shí)間。由于數(shù)據(jù)庫關(guān)系到整個(gè)網(wǎng)絡(luò)存儲(chǔ)系統(tǒng)項(xiàng)目的推進(jìn)，因而必須先將數(shù)據(jù)庫設(shè)計(jì)好；數(shù)據(jù)庫設(shè)