随着计算机和数码设备的普及，数字图片资源已成为我们日常生活中的一个重要部分，对于日益增多的图片资源，如何更好地存储和有效检索已成为人们面临的一个新的课题。图片文件不同于文本文件，它以二进制方式存放于电脑中，因此实现图片管理主要有以下两种方式：第一种是将图片直接放人数据库对应的表中，这种方式的优点是实现了图库合一，但这种存储方式对数据库的容量和性能要求较高；另一种方式是将图片以文件方式存放到服务器上，并将与图片相关的信息和路径存人对应的数据表中，这种方式缩小了表的大小，同时提高数据库操作速度，故通常被基于B/S的系统所广泛采用。
本课题研究前端旨在通过JavaScript编程语言完成前端与后台开发，实现用户注册、登录、安全性设置以及图片的上传、在线收藏、分类、点赞等功能。完成网站总体功能模块设计，并完成对网站的测试。
本网站的设计与开发是在如今如花瓣网，Pinterest等图片社交网站的基础上进行不针对本站功能删减增进，前端界面设计优化，后台加强图片收集，图片上传功能。
关键字：图片收集网站；B/S架构；JavaScript
Abstract
With the popularity of computers and digital equipment, digital image resources has become an important part of our daily lives, for the growing number of image resources, how to better storage and efficient retrieval has become a new problem people face. Unlike text file image file, which is stored in binary form in the computer, thus achieving image management mainly in the following two ways: The first is the image directly to release the corresponding database table, the advantage of this approach is to achieve a Gallery one, but the storage capacity and performance requirements for the database higher; another way is to picture as files stored on the server, and corresponds to the image-related information and the path to deposit the data in the table this approach reduces the size of the table, while increasing the speed of database operations, it is usually based on B / S system is widely used.
This research aimed at completing the front end by the front-end and back-end JavaScript programming language to develop, implement user registration, login, security settings, and upload pictures, online collection, sorting, like other functions. The overall design of the site to complete the function module, and the completion of the test site.
Design and development of this site is now the basis of such petals network, Pinterest and other social networking sites on the picture were not cut for site promotion function, front-end interface design optimization, to strengthen the background image collection, image upload feature.
Keywords: image collection sites; B / S Architecture; JavaScript
