网络存储系统的设计与实现毕业设计论文Word下载.docx
《网络存储系统的设计与实现毕业设计论文Word下载.docx》由会员分享，可在线阅读，更多相关《网络存储系统的设计与实现毕业设计论文Word下载.docx（20页珍藏版）》请在冰豆网上搜索。
但目前，U盘，移动硬盘已经适应不了互联网时代了。
U盘和移动硬盘一旦损坏或者丢失，上面的数据难以再找回，将会造成难以估计的损失。
同时，U盘和移动硬盘的传输是点对点的，需要把设备插到电脑上才能传输，不能很方便的将一份资料多个用户共享，即不能实现数据共享。
网盘的出现，很好的解决了U盘和硬盘等存储工具所存在的一系列弊端。
网盘，又称网络U盘、网络硬盘，是一些网络公司推出的在线存储服务。
向用户提供文件的存储、访问、备份、共享等文件管理功能，使用起来十分方便。
用户可以把网盘看成一个放在网络上的硬盘或U盘，不管你是在家中、单位或其它任何地方，只要你连接到因特网，你就可以管理、编辑网盘里的文件。
不需要随身携带，更不怕丢失。
能够做到随时随地读取及使用，存储等服务。
目前国内外有很多这样的网盘服务，如国内的XX云网盘、115网盘、咕咕网盘以及国外的OneDrive等。
而我们的网盘是用分布式储存系统实现的。
之所以采用分布式存储技术实现，是为了简化用户端的使用，提供了一个分布式缓存系统来提供对此分布式存储系统的访问接口以及本地数据缓冲以降低网络压力。
用网盘的分布式储存系统，一份资料有多份冗余，即使部分机器损坏也能完整恢复数据，更不会存在丢失的风险，而且网盘严格的储存机制可放置病毒的传播。
另外网盘没有容量大小限制，用户会有配额，但可无限扩容。
由于数据是在网上，对多个人共享也十分方便，不受地理位置限制。
对于社会发展，网络存储技术将会运用到各个行业，带来无限的商机和经济效益。
2系统开发关键技术分析
2.1HTML网页操作技术
超文本标记语言（HyperTextMarkupLanguage，简称HTML）。
是为“网页创建及其它可在网页浏览器中看到的信息”设计的一种标记语言。
HTML被用来结构化信息，例如标题、段落和列表等等，也可用来在一定程度上描述文档的外观和语义。
由蒂姆·
伯纳斯.李给出原始定义，由IETF用简化的SGML语法进行进一步发展的HTML，后来成为国际标准，由万维网联盟维护。
页面内包含图片，链接，音乐，结构包括头和主题两部分，头提供网页信息，主体提供网页具体内容。
超文本标记语言是万维编程的基础，是文本包含超级链接点的一种形式。
2.2Jquery库使用
Jquery是继prototype之后又一个优秀的Javascript库。
它是轻量级的js库
，它兼容CSS3，还兼容各种浏览器（IE6.0+,FF1.5+,Safari2.0+,Opera9.0+），jQuery2.0及后续版本将不再支持IE6/7/8浏览器。
jQuery使用户能更方便地处理HTML（标准通用标记语言下的一个应用）、events、实现动画效果，并且方便地为网站提供AJAX交互。
Jquery还有一个比较大的优势是，它的文档说明很全，而且各种应用也说得很详细，同时还有许多成熟的插件可供选择。
Jquery能够使用户的html页面保持代码和html内容分离，也就是说，不用再在html里面插入一堆js来调用命令了，只需要定义id即可。
我在页面中通过如下语句引入了Jquery：
图2-1Jquery引入代码图
3系统需求分析
3.1导言
3.1.1缩写说明
Html：
全称HyperTextMark-upLanguage，超文本标记语言或超文本链接标示语言（标准通用标记语言下的一个应用），是万维网浏览器使用的一种语言，它消除了不同计算机之间信息交流的障碍。
这里有时候是html，js，css多项技术的合称。
JS：
JavaScript，一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。
它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML（标准通用标记语言下的一个应用）网页上使用，用来给HTML网页增加动态功能。
3.1.2术语定义
DIV：
DIV是层叠样式表中的定位技术，全称DIVision，即为划分。
CSS：
级联样式表是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。
E-R图：
E-R图也称实体-联系图（EntityRelationshipDiagram），提供了表示实体类型、属性和联系的方法，用来描述现实世界的概念模型。
用户：
使用我们网盘的普通用户，注册后就可以上传下载文件。
管理员：
管理这个系统的人，可以修改查看用户的空间情况，修改用户可使用的最大空间等。
3.2系统定义
3.2.1项目要达到的目标
用户登陆成功后，可以看到自己网盘中自己的文件和文件夹，点开文件夹就可以进入文件夹里面看到文件夹里面的内容。
用户可以在自己的网盘中新建文件夹，新建文件夹可以再任意位置，也可以在任意位置上传文件，但是总的文件大小不能超过用户可使用的最大空间，已使用的空间，和最大的空间会在页面很醒目的位置上显示出来。
并且导航条中可以进入修改密码的界面，用户也可以很方便的退出系统。
另外页面也要用户看上去就知道怎么操作，符合一致性原则。
3.2.2页面的总体结构
页面分为上中下，最上方是banner，中间分为左右两部分，左边是导航条，右边是主要的内容，下面是版权信息。
总体的结构如下图：
图3-1页面布局图
3.3应用环境
3.3.1系统运行网络环境
该系统可在外网即因特网网上使用，也可在内网中使用，作为私有储存器。
3.3.2系统运行硬件环境
服务器端：
至少五台linux服务器，每台硬盘至少20GB。
客户端：
一台PC。
3.3.3系统运行软件环境
Redhat6.x+tomcat7.x+mysql+hadoop1.x
浏览器
3.4功能规格
我们采用面向对象分析作为主要的系统建模方法，使用UML（UnifiedModelingLanguage）作为建模语言。
UML为建模活动提供了从不同角度观察和展示系统的各种特征的方法。
在UML中，从任何一个角度对系统所作的抽象都可能需要几种模型来描述，而这些来自不同角度的模型图最终组成了系统的映像。
UseCase描述的是“actor”（用户、外部系统以及系统处理）是如何与系统交互来完成工作的。
UseCase模型提供了一个非常重要的方式来界定系统边界以及定义系统功能，同时，该模型将来可以派生出动态对象模型。
设计Use-case时，我们遵循下列步骤：
第一步，识别出系统的“actor”。
Actor可以是用户、外部系统，甚至是外部处理，通过某种途径与系统交互。
重要的是着重从系统外部执行者的角度来描述系统需要提供哪些功能，并指明这些功能的执行者（Actor）是谁。
尽可能地确保所有Actor都被完全识别出来。
第二步，描述主要的UseCase。
可以采取不断地问自己“这个Actor究竟想通过系统做什么？
”来准确地描述UseCase。
第三步，重新审视每个UseCase，为它们下个详尽的定义。
3.4.1
角色（Actor）定义
普通用户：
使用我们网盘的普通用户，注册并且登陆后就可以上传下载文件。
每个用户有自己的空间限制，自己上传的文件的总大小不能超过自己最大可用的空间，并且用户可以在自己的网盘空间中新建文件夹，删除文件或者文件夹。
3.4.2系统主用例图
图3-2系统主用例图
3.5性能需求
3.5.1界面需求
用户在上传文件需要等待的时候，有一个标识符代表后台正在处理，需要用户继续等待。
3.5.2响应时间需求
在2MB网络的情况下，用户网页打开时间小于0.1s。
4
页面概要设计
4.1页面布局设计
页面布局如下图
图4-1页面布局图
4.2页面出错处理设计
页面出错了的话，会有对话框来提示用户操作出错。
图4-2错误处理代码图
4.2.1出错信息
出错的信息是通过ajax由后台取得的。
4.2.2补救措施
提示给用户错误信息，并且中止方法的运行。
5页面详细设计
5.1页面布局设计
网页的布局设计，就是指网页中图像和文字之间的位置关系，简单来说也可以称之为网页排版。
网页布局设计最重要的目的就是传达信息。
一个并不能阅读的网页只能变成一个无用的链接。
分割、组织和传达信息并且使网页易于阅读、界面具有亲和力和可用性是网页设计师应有的职责，只有这样，浏览者才有更好的机会找出吸引他的东西。
我们的网络存储系统用户主界面的布局秉承简洁清爽明了的原则，避免多余缀饰，呈现用户以清晰的视角层次。
5.2页面横幅设计
导航图在网页界面中具有重要作用。
合理的运用图形可以生动直观、形象地表现设计主题。
网页中导航图常用的图形格式是jpg，这种格式压缩比高，得到了规范浏览器的支持，下载速度快，具有跨平台的特性，不需要浏览器安装插件即可直接阅览。
本次采用的导航图设计是选取母校重庆师范大学的风采图，通过PhotoShopCS4,运用蒙版和渐变等效果将6张图片巧妙衔接在一起，最后将重庆师范大学的校徽以水印的形式加在图片上，形成最终的导航图。
图5-1页面横幅图
导航图的代码如下：
图5-2页面横幅代码图
5.3页面导航设计
页面导航包括三个按钮：
新建文件夹、修改密码、退出。
是三个竖着的矩形，鼠标移过时颜色会变，我是通过table实现这段功能的，并且把table的style设为cursor:
hand，意思是鼠标悬停时，会变为手型。
具体的代码如下
图5-3页面导航代码图
而鼠标悬停变色，是通过下面这段css代码实现的
最终效果如下图
图5-4页面导航图
5.4页面内容设计
用户主界面的设计包括了用户所需的各个功能，并会提示用户所使用的空间情况，并分别实现用户文件查看上传、下载等功能。
我的主界面设计为上面有个横条显示用户空间的使用情况，下面的矩形是一个table，显示的文件/文件夹列表，文件和文件夹前面有不同的图标，以此来区分文件和文件夹，如果是文件夹可以点进去，进入文件夹里面。
这个table前一列是文件/文件夹名，第二列是文件大小（文件夹这一列为空），第三列为修改时间，第四列是操作。
具体一排的代码如下：
实现的效果如图
图5-5文件显示代码图
图5-6文件显示表格图
注意，文件大小的显示是，不足1MB就以KB为单位。
修改时间是以YYYY/MM/DD的形式来表示。
5.5页面页尾设计
网页设计中页面整体设计非常重要，但很多人都把页尾设计忽视了，都觉得没有多大的用处，但它的作用其实不容小觑，并且在网页设计的发展过程中越来越显得重要。
页尾设计主要用来展示网站的版权和网站介绍，如果在页尾加上相关信息，将会使得整个网页效果抬高一个层次。
图5-7页面页尾版权信息图
5.6兼容性测试
由于ie6的年代过于久远，就没有做测试了，我们的页面的兼容性如图表：
表5.1兼容性测试图
火狐
Ie8
Ie9
兼容性情况
良好
6数据库设计
6.1概念结构设计
表6.1概念结构设计表
6.2管理员（Manager）表
6.2.1逻辑结构设计
表6.2Manager逻辑结构设计表
6.2.2数据字典设计
表6.3Manager数据字典设计表
数据项名称
数据项类型
数据项长度
是否主键
是否为空
数据项含义
数据项说明
ID
char
36
是
否
管理员编号
Uuid
name
varchar
50
用户名
pwd
Char
32
密码
6.3用户（User）表
6.3.1逻辑结构设计
表6.4User逻辑结构设计表
6.3.2数据字典设计
表6.5User数据字典设计表
Volume
Int
用户最大存储量
null表示不限容量
Path
Varchar
45
用户存储路径
Email
30
用户验证邮箱
注册时用于验证
Area
10
注册地区
Sex
5
用户性别
Uploadtime
20
用户上传文件时间
6.4E-R图
1.管理员表
图6-1管理员表E-R图
2.用户表
图7-1用户主页图
7页面展示
图6-2用户表E-R图
7.1用户主页
图7-1
用户主页图
7.2修改密码
图7-2用户修改密码界面图
7.3性能测试
图7-3性能测试图
8系统总结与展望
8.1系统总结
这次毕业设计项目确定题目后，我负责制作用户界面和设计数据库。
我复习了HTML的知识，并且我为了实现自己板块的功能所想要达到的效果，搜索了各大网站的优秀案例和代码，通过视频学习以及对过去上课时的笔记复习，对HTML编辑已经非常熟悉了，另外还自学了Jquery，极大的方便了js部分代码的编写。
另外我还学习了关系型数据库的知识，
8.2系统展望
网络存储协议标准是网络存储系统发展的另一个重要工作，目前该项工作正在如火如荼地开展。
我们用的是hadoop，而hadoop2有一个叫HDFS
Federation的东西，它将hdfs的命名空间进行了扩展，目前的HDFS的所有文件的meta信息都保存在一台机器的内存中，使得HDFS支持的文件数目是有限的，现在进行了这样改动后，将hdfs的命名空间做成了分布式的，对之后方便对不同的用户文件夹进行管理，还有从HDFS的实现上来说，都会更为简单。
云存储是未来储存系统的发展方向，我们有理由期待未来我们身边各种电子设计接入云端，享受无限大的储存空间和数据的更新速度，丢掉了u盘，即使是电脑也只需要很小的本地储存或不需要任何本地储存设备，就可以流畅的运行，保存的资料再也不用害怕丢失，同时软件发布在云端也能根治盗版问题。
9结论
通过这次毕业设计，我能更加全面掌握到很多以前在书本上课堂上以及视频教学中没学到的实操知识，不仅巩固了以往学过的网页设计和数据库知识，更加深入地了解网页设计的过程，每一步需要做什么，完成什么工作。
在这过程中，由于平时的学习更多基于理论和课堂上记录老师的操作过程，自身网页设计的经验不够多，对基础知识有一定的遗忘，各种原因使我走了不少弯路，遇到了不少次的阻碍，例如排版问题及CSS调整问题。
可正是因为由于不断对页面进行调试的过程，我累积了不少宝贵经验：
我明白了网页设计需循序渐进，是急不来的，首先要对自己所要做的页面有哪里功能做一个详细分析，每个功能板块应该怎样布局要有概念，同时选择正确的软件进行开发，并参考成功的页面布局的优秀案例，确定页面的布局规划；
其次，掌握好自身负责板块的时间进度和先后顺序，分析与设计是很重要的环节，分析得越透彻，设计得越详细，对编程会有很好的引导作用，也可避免重复修改，浪费时间。
由于数据库关系到整个网络存储系统项目的推进，因而必须先将数据库设计好；
数据库设计好后，针对详细设计文档对用户主界面进行设计；
最后调整格式并进行美化。
受益匪浅的背后是辛苦的汗水与无数无眠的夜，我不禁想到以前理论课程考试的通过原来并不代表着我已完全掌握了知识，真正动手去做时，会发现有很多细节的地方在学习的过程中并未能留意，无数的测试出错酿造出无数宝贵的经验，实践出真知！
虽然毕业设计完成了，但学习永无止境。
10结束语
时光飞逝，论文终于成稿，又一段求学旅途即将画上一个圆满的句号，回想这四年漫漫求学的道路，有过灿烂的梦想，有过失落，此时此刻，有太多的感激之情在内心之中，需要表达，感谢一直以来关心鼓励我的老师，同学和朋友们。
在本次毕业设计中，首先我衷心地感谢我的指导老师陈浩军老师在我的设计中给我的悉心指导。
毕业设计的每一个步骤无不倾注了陈老师大量的时间和心血。
当我们完成项目时遇到了困难，陈老师总是第一时间为我们耐心解答。
当我们对毕业要求有疑问和不解，陈老师也为我们答疑解惑。
陈老师渊博的知识、敏锐的思维、深刻的洞察力、淡泊的心境、平易的待人方式和富有感召力的人格力量给我许多启发和帮助，使我领略到一个学者的风采和高尚的情操，使我在学习和设计工作中，都受益匪浅。
在毕业设计过程中，陈老师在每个阶段都给予我细心的指导、提出宝贵的意见。
陈老师的言传身教，始终如一地关心我们各方面上的进展，反复审阅了论文稿，提出许多修改意见，为本文的完成付出了很多心血。
使我在设计中及时改正了错误，增添了信心。
在此，我对敬爱的陈老师再次表示衷心的感谢！
参考文献
[1]《css+div编程指南》（第四版）,人民邮电出版社
[2]《jQuery基础教程》（第三版）,人民邮电出版社
[3]《CSS设计指南》,人民邮电出版社
[4]《数据库系统概论》,
萨师煊，高等教育出版社
[5]软件工程导论：
清华大学出版社，2008.
[6]孙鑫编著．JavaWeb开发详解［M］．电子工业出版社，2006
[7]蔡剑，景楠.JavaWeb应用开发：
J2EE和Tomcat[M].北京：
清华大学出版社，2004.
[8]徐涛.Web开发技术丛书：
深入理解Bootstrap
.出版社：
机械工业出版社.2014.08-01
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
51.
52.
53.
54.
55.
56.
57.
58.
59.
60.
61.
62.
63.
64.
65.
66.
67.
68.
69.
70.
71.
72.
73.
74.
75.
76.
77.
78.
79.
80.
81.
升级会员 