一、 选题的依据及意义

在互联网的“大统一”时代，各类信息爆炸式增长,许多信息造成了人类的比起文字信息的繁杂，冗长，图片正在成为互联网和移动互联网上越来越重要的内容和应用。然而传统对于上传图片功能技术不够完善。在2011年，新创立的Pinterest网站依托“视觉+兴趣+瀑布流”的独特社交途径大受欢迎，网站用户增长赶上了五年前的Facebook。在此基础上，更好借鉴Pinterest模式，催生属于中国基于兴趣的图片收集社交网站也应该不断发展起来，为更多需要图片的用户创造平台是很有必要的。

1.传统图片收藏功能不够完善，不便于用户查找。传统浏览模式，往往会使用户在PC的图片收藏夹里存储了大量图片,找图时却要慢慢搜寻,用U盘拷贝图片,同时嗨哟忍受图片上传的漫长时间.而如今，社交网络的兴起,让我们的文字和言论的分享更加自由,在图片收藏分享这个细分领域,我们需要更加细分，在图片格式上，国内如花瓣网等图片收集网站以带原始网页链接的方式，需要时，可以通过图片链接回到原来的网页，这使得图片的收集和存储更方便，浏览体验快速、顺畅，并且巧妙的避免了版权问题。

2.传统浏览模式单一，不够新颖，时尚。如今“视觉+兴趣+瀑布流布局”的独特图片浏览社交途径大受欢迎，这种模式能够很好地吸引用户，视觉冲击力带来更为潮流化的刺激。

3.这是一种基于强兴趣的弱社交模式，通过注册网站用户，既可以上传发表自己的作品，通过点赞，私信功能达到一种比较弱的社交关系，却更专注于兴趣的相互交流。

    我希望我也能设计一个网站为众多摄影、绘画爱好者以及艺术设计师提供一个灵感激发、心得交流的平台，通过精美的界面设计以及详实的内容不断吸引更多优秀的爱好者加入，共同建设。

二、 国内外研究现状及发展趋势（含文献综述）

国外，以Pinterest为例，由Pinterest名称由Pin（图钉）+Interest(兴趣)组成，网站旨在用户不断发现和分享新图片。Pinterest最为便利的是在页面底端实现自动加载而无需翻页，为用户提供在线收藏和分享视觉艺术图片的服务。她是基于视觉分享和兴趣社交的网站，是个人猎酷实用工具，用户可以把自己感兴趣的图片在网络上用图钉钉在顶板上（PinBoard）上归类收藏并与朋友分享，真正全是每个图钉背后的独特“故事”。

Pinterest打破以往图片浏览模式，如列表或者田字格，而采取瀑布流展示形式使信息更加随意，它的模式用户可以随意的蜻蜓点水式的信息获取。更适合在大量信息中漫无目的的随意获取；相对来说用户获取信息会更轻松，只要觉得好看就可以停留下来（收集）。省去了传统图片网站进行来回浏览的麻烦。Pinterest以其高质量极其视觉冲击力的图片的精巧搭配，吸引着大批受众，女性是视觉动物，倾向于感性认知，所以，Pinterest图片留尤其能引起女性的情感共鸣。以兴趣为基础，通过瀑布流展示图片的形式也让它在美工迅速穿红。成为继Twitter和Facebook之后第三大社交媒体。同时，在中国很多网站也相继崛起，步其后尘。如以蘑菇街，美丽说为首的采用瀑布流式电商网站占领一份女性市场。由于作为图片网站，中国有微博，空间，微信等关系社交网络同时也支持上传，编辑图片。所以以兴趣图谱为社交网络在中国想要占领鳌头目前还是有局限性的。但像知美网，花瓣网则相当于完全承袭了Pinterest的网页布局以及图片收藏板功能。这类网站更多作为兴趣爱好者栖居地，并非纯商类网站，不仅如此，它的界面设计简直大方，唯美舒适，深受设计人员，摄影爱好者，动漫绘画等热爱艺术人们所喜爱。  

三、 本课题研究内容

本课题研究前端旨在通过JavaScript编程语言完成前端与后台开发，实现用户注册、登录、安全性设置以及图片的上传、在线收藏、分类、点赞等功能。完成网站总体功能模块设计，并完成对网站的测试。

本网站的设计与开发是在如今如花瓣网，Pinterest等图片社交网站的基础上进行不针对本站功能删减增进，前端界面设计优化，后台加强图片收集，图片上传功能。

四、 本课题研究方案

本网站前端与后端均使用JavaScript编程语言，遵循CommonJS模块化规范实现，配合MongoDB键值对数据库、Gulp.js等构件工具，完成用户系统以及对图片的更新、上传、收集、点赞等功能。前端采用破不留风格惊醒设计，后端采用Koa.js框架，运行在基于Google V8引擎的Node.js平台上，整体采用MVC架构，是数据与代码分离，便与开发和维护。

五、 研究目标、主要特色及工作进度

 

本课题的目标完成为使用JavaScript编程语言实现坡卜留布局的用户界面、用户注册、登录、安全性设置以及图片上传、收集、更新、点赞。

六、工作进度

1．毕业设计选题。2016.12.01-2016.12.02

2．资料收集与整理。2016.12.02-2016.12.07

3．系统可行性分析，填写需求分析。2016.12.07-2016.12.15

4．毕业设计开题。2016.12.15-2016.12.16

5．具体设计，前台页面设计，模块设计，图片加工修正，后台数据库设计，前段与后台数据库连接。代码编写和单元测试，系统综合测试。2016.12.16-2016.12.30

6．技术报告和使用功能手册编写，准备答辩材料。2016.1.02-2016.1.15

7．进行毕业设计答辩。2016.5.2-2016.5.7

七、参考文献

[1]刘颖.由Pinterest引发的对图片门户网站的思考--《电子测试》2013年18期.

[2]基于MySQL数据库的优化--《电子科技》2013年09期

[3]基于JavaScript的瀑布流式网页布局的设计与实现.萍乡学院学报本2015年3月

[4] 温晓南.基于兴趣的分享式社交网络开发.《吉林大学》2013

[5] 罗婷婷，余先荣.MYSQL数据库在科研管理系统中的应用--《消费电子》, 2013, 第2期

[6] 钟强. Node.js平台下Web前端架构的研究. 华中科技大学, 2013

[7] 蔡柳青.基于MongoDB的云监控设计与应用[D].北京交通大学.2011

[8] 曹刘阳 WebAp和HTML5给Web前端带来的变化《程序员》, 2013 

[9] 孙朝云，孙向科，沙爱民 基于MVC架构网络教学管理系统的设计与开发《计算机工程与设计》, 2009

 《电子科技大学》, 2013  
[11] 张孝祥  JavaScrip 网页开发清华大学出版社, 2004