基于web的图片社交平台的设计与开发.docx
《基于web的图片社交平台的设计与开发.docx》由会员分享，可在线阅读，更多相关《基于web的图片社交平台的设计与开发.docx（47页珍藏版）》请在冰豆网上搜索。
基于web的图片社交平台的设计与开发
基于web的图片社交平台的设计与开发
基于web的图片社交平台的设计与开发
摘要
随着现代社会日趋丰富的网络文化，从图片到短视频的运用，图片在社交网络上，及各种媒介渠道，充当着越来越重要的角色。
每一个媒体信息的发布，都需要配以图片以丰富阅读性；又或者每一个事件的宣传，都需要通过图片来提高阅读者的可阅读性及兴趣度。
所以图片成为了我们网络文化不可或缺的一部分。
但是同时也因此衍生出了图源查找不统一，版权问题，图片未存在审核机制等，于是便有了开发该基于web的图片社交平台系统的想法。
该系统致力于有利于用户可以更高效地获取正版图片及分享图片的存在。
在本系统中，进行了用户的整合，即我们所说的类似于淘宝网站的多商户平台。
系统主要存在两种角色，分别是普通登录用户及系统管理员。
同一个普通用户，你可以作为一个图片创作者发布自己创作的作品到平台上供他人使用，其次你也可以作为图片使用者，从平台中获取想要使用的图片，对其进行下载操作。
作为系统管理员可以对普通登录用户和用户上传的图片进行管理和审核，只有通过管理员审核的图片才能显示在首页被其他的用户看到以及显示在用户的个人图片管理页面里面，同时管理员可以通过用户中心查看普通登录用户的信息并对其进行管理操作。
该系统以java为后端开发语言，使用eclipse作为开发环境，配合maven进行项目管理开发，数据库方面使用mysql作为主要的数据库开发语言，配合后端jdbc进行数据的管理及项目的搭建web工程。
通过该系统，使得每一位用户可以实现免费图片的共享及获取，维护所有者版权，同时可以通过系统获取图片下载的统计，包括按时间来分类统计。
关键字：
java；web；图片共享；用户管理；用户统计；
Thedesignanddevelopmentofweb-basedimagesocialplatform
Abstract
Withtheincreasinglyrichnetworkcultureinmodernsociety,fromtheuseofpicturestoshortvideos,picturesplayanincreasinglyimportantroleinsocialnetworksandvariousmediachannels.Thepublicationofeverymediainformationneedspicturestoenrichthereadability;orthepublicityofeveryeventneedspicturestoimprovethereadabilityandinterestofreaders.Sopicturesbecomeanindispensablepartofournetworkculture.Butatthesametime,italsoderivedtheideaofdevelopingtheweb-basedimagesocialplatformsystem.
Thesystemisdedicatedtohelpuserstomoreefficientlygetauthenticpicturesandsharetheexistenceofpictures.Inthissystem,theintegrationofusersiscarriedout,whichiswhatwecallamultimerchantplatformsimilartoTaobaowebsite.Withthesameusername,youcanpublishyourownworksasapicturecreatortotheplatformforotherstouse.Inthesystem,therearemainlytwokindsofusers,oneisordinaryusers,theotherisadministrators.Administratorshavethefunctionofauditinguserpictures.OnlypicturesapprovedbyadministratorscanbedisplayedonthehomepagebyotherusersSeeanddisplayintheuser'spersonalimagemanagementpage,andtheadministratorcanviewalltheuser'sinformation,deletetheuser'sinformation,ormodifyanddeletetheuser'suploadedimage,ofcourse,getthedownloaddatastatisticsoftheimagethroughtheplatformfeedback;secondly,youcanalsogetthedesiredusefromtheplatformastheimageuserPicture,downloadit.
ThesystemusesJavaastheback-enddevelopmentlanguage,eclipseasthedevelopmentenvironment,Mavenforprojectmanagementanddevelopment,MySQLasthemaindatabasedevelopmentlanguage,JDBCastheback-endfordatamanagementandprojectbuildingwebproject.Throughthissystem,everyusercanshareandobtainfreepictures,maintainthecopyrightoftheowner,andobtainthestatisticsofpicturedownload,includingthestatisticsbytime.
Keywords:
Java;Web;imagesharing;usermanagement;userstatistics;
第1章绪论
1.1系统开发的背景和目标
1.1.1系统开发的背景
当下高速发展的网络传播平台，人们喜欢通过网络来传播很多我们想要表达的内容，但是不同于2g时代的大部分以文字来传达信息的表达方式，先当今的网络社交文化更多的时候都喜欢使用短视频，图片等方式进行表达，就算是文字类的信息发布，也会常配以图片视频来加以辅助阅读，以提高用户可阅读性及理解性，增强用户对于阅读下去的欲望，最直观地表达事件的方式就是通过真实的影像世界来将一切表达出来，这便是先当今主流的信息传播方式，但是也因为此，很多问题也逐渐浮出水面，各种问题也接踵而来。
（1）图片来源不统一
不知道从何去寻找某一类或者某个地方的图，可能我们会通过XX，又或者知乎等途径去寻找这些相关图片，但是却没有一个系统的整理图片的地方，同时有大量的图片供我们选择并下载，这样子就大大浪费了我们的时间，增加了时间成本。
（2）图片要求不符
当我们找到了相关图片之后，却因为其分辨率大小等条件并不符合我们的需求，很多网络图片都是经过多次转载后严重压缩，这种现象并不少见，这样的图片其实并不符合我们目前的影响标准，同时体验感也是极其差的，这样的话，辛苦找来的照片，对我们来说也是没有作用的，且强行使用也不利于后者阅读。
（3）图片版权所有未知
当我们找到我们想要的图片，同时其清晰度等也均符合我们的要求，但是有时却因为图片非来源于作者官方版权提供，又或者来源于网络，无法得知原作者，导致了很多侵权现象发生，产生了不必要的版权纠纷问题。
这是大家都不想看到的问题，而目前的网络平台上这样的问题还是层出不穷的，原因还是在于审核机制的不完善，当然现在技术较为先进大部分的网站都是使用机器自动识别，但是这并不代表着机器就完全准确，而本系统当前并没有机器自动审核的功能，但是还是需要人工审核，虽然这样的做法大大增加了人工和时间成本，但是不得不说这个系统至少保证了不会有人会研究出机器识别的bug，而制作擦边球作品以发布不实或者不符合社会主义核心价值观的东西。
（4）图片无审核机制
当前环境下，大多数平台都并未经过审核就可以发出所有想发的图片，这就存在一个问题，可能作者发的图片不符合社会主义核心价值观，也可能作者的图片非原创作品，而是属于盗窃作品，也有可能是这个作品的清晰度，大小比例等不符合标准等，这些作品原则上来说都是不可以展示出来。
（5）图片下载量未知无法统计
目前很多主流的图片下载作为作者都无法获取到底有多少人下载了你的图片，谁下载了这个图片，这个图片在近期的下载量是怎么的，近一年的下载量是怎样的，这些我们都没有一个系统的进行统计，除了下载量，还有对于下载你图片的用户群体的性别等信息如果可以获取，可以极大地帮助用户后面可以根据用户群体的统计及下载量的统计来判断下次创作怎么的作品可以更加吸引观众。
所以对于长期需要使用很多图片而自己又无法创作图片的人群而言，开发这样的一个平台便可极大地获得便利，大大提高原有工作效率，也可以通过统计对相应数据进行分析处理，获取下一阶段的创作方向。
1.1.2系统开发的目标
该图片管理及共享平台的实现，为使用者提供便捷的图片版权获取通道，创作者或版权所有者与购买者直接对接，更利于照片版权的维护。
同时图片使用用户和图片所有者用户实现可用同一用户管理。
而系统的角色主要是有两个，分别是作为上传图片审核员和普通用户的系统管理员。
作为一个小型javaweb项目，更具备方便操作性和适用性，用户体验良好。
图片而言，用户可以通过图片详情页面，获取到对应图片的详细信息，包括图片所有者用户名，图片的分辨率信息，图片的简介描述等，更符合实际需要。
对于用户的信息上，可以让用户设置其出生年日和性别等信息，有利于系统后续扩展，包括用户数据的分析等。
同时因为平台的最终的创作目的所在，大部分的平台目的都是为了获得相关收益为主，而我们这个系统虽然目前来说制作是以免费为主，但是当达到一定的用户量，可以选择尝试部分的图片往高端方向发展，及实现变现的操作，这种情况下就需要引入支付功能，而相关的系统功能也是在往这个方面去发展，以方便日后系统的更新改版。
当然系统当亲的目标还是服务于用户，源于用户，以达到互利共赢的局面。
1.2系统主要功能及特点
图片共享平台的功能是基于用户和图片的信息管理，而一个用户可以实现作为发布者的身份，也就是电商平台中的商户这样的一个角色；也可以作为获得者，也就相当于电商平台中的消费者的身份，只是这个系统作为一个开放免费的系统不需支付功能，而只需一个下载入口点击便可完成下载。
即这是一个多商户平台，这样可以大大减少数据的容易，同时使用户更加多样化，也更为灵活。
其次，该系统有管理员后台，管理员可通过后台进行用户删除等操作，也可进行图片的审核操作。
功能方面，用户具有登录注册功能，也可通过个人中心页面进行用户信息的修改，即用户可实现增改查的操作。
在图片方面，用户可以通过用户新增图片，并且对于已有照片进行基本信息的修改，当然也可进行删除操作，最后这些上传了的照片可以显示在用户自身的图片列表，也可显示在所有用户的图片列表，并且通过用户的搜索要求不同进行查询并显示出来。
在下载图片方面，每下载一次就会更新一次数据，并且最终会以统计表的形式表达出来。
当然作为图片管理系统，与普通的oa管理系统不同的是要实现文件的上传下载还有显示功能，需要接入文件流进行传输，读取相应图片信息并将其上传至服务器中。
当我们需要使用的时候，再通过提前获取好的图片url地址来获取并获取到这张图片的信息，包括url地址，图片信息，用户信息等。
最后还有作为数据的统计功能，可以根据用户的下载信息，做出相应折线统计图和饼状图，用户可以选择不同的时间来查看不同的时间段下下载的统计信息，还可查看下载你图片的用户性别统计，以确定你的粉丝用户群体，以方便进一步的后期创作方向。
1.3设计开发的方法和工具的选择
系统运用的是java这个开发语言进行开发和设计，该语言功能强大，可以通过安装各种插件，实现各种我们所需的功能。
开发工具方面使用的是myeclipsejee，搭配tomcat作为运行项目服务器进行使用。
该开发工具的好处在于可以简单进行tomcat服务器的配置及运行，对于编程上的代码，出现语法等已知错误会及时通过标记的形式给予用户提示，以方便及时更改，对于未知错误，我们也可以通过对大致部分进行标记，使用该开发工具的debug功能对代码进行逐行运行，以检查出错误所在。
使用maven项目对象模型，更方便系统的使用和各种系统所需插件框架jar包的导入及使用，通过其pow.xml文件，在其maven仓库中查找到所需的相关jar包信息，复制相关文本文件，便可轻松完成各种框架的依赖及配置，减少了各种需要从网上找到相关资源jar包并导入配置到项目中的繁琐过程。
数据库方面，使用的是mysql语言，配合navicatformysql这个开发工具，该开发工具的优点在于，操作上更为智能化，只需要对数据库相关信息正确填写，通过各种点击操作即可完成打开数据库，连接数据库，建表，修改表结构，插入数据等常规操作，并通过我们的相关操作，自动完成相关内容的实现。
避免了传统的需要通过cmd命令提示符进行这些操作，防止出现由于代码出错等各种问题无法完成项目的搭建，也减少了繁琐的代码输入环节，用以按钮点击填充的方式来代替，更高效的同时也更具备可读性，即便是mysql初学者也是轻松实现。
数据库接入项目主要是通过jdbc进行操作，通过配置一个数据库连接工具类，获取到相关url，连接账号及密码，每次使用数据库进行数据的增删改查操作时，只需调用相关的数据库连接工具类，便可轻松连接。
前端页面展示方面，使用的是css样式文件配合js完成一些开发指令，搭配使用c标签引入jstl和el表达式，并通过jsp整合完成与前端的连接。
jsp作为前端使用界面的好处在于可以实现前后端耦合，许多经过功能操作后更新的数据便可实时传回前端界面展示给用户，搭配使用jstl和el表达式，可以使得代码更为简洁，一个简单的标签便可完成数据传输操作，最后通过javascript这种具有函数优先的轻量级，同时还有一些插件，比如为了制作统计图标的echarts，解释型或即时编译型的编程语言，实现一些简单的功能操作，避免了所有功能都需要使用后端进行编写，大量代码的冗余。
1.4论文的内容和结构安排
第一章绪论：
对包括图片共享系统设计与开发的工具，语言，功能和需求等论述；
第二章系统规划：
对图片共享系统的总体运行进行分析设计；
第三章系统分析：
对图片共享系统所需的功能需求进行分析；
第四章系统设计：
对图片共享系统设计包括总体结构，界面，数据库的设计；
第五章系统实现：
对图片共享系统进行代码的编写开发及运行测试。
第2章系统规划
2.1初步需求分析
（1）系统描述
随着现代社会日趋丰富的网络文化，图片在社交网络上，及各种媒介渠道，充当着越来越重要的角色。
图片管理及共享系统的存在，为图片使用者提供了一个集中获取所需资源的场所，这里的图片都是经过系统审核符合图片共享平台标准的图片方可显示出来以供用户进行下载操作。
而图片所有者，也可以通过平台将自己的作品发挥所长，将自己的作品免费分享出去，让更多的人可以使用图片共享图片，也保证了用户的图片所有权不受侵犯，每一个下载图片的用户都有迹可循。
（2）系统对象
系统对象：
主要对象为图片共享系统，普通用户（包括图片使用者和图片所有者），系统管理员。
（3）系统功能
对于普通用户可以实现对自身用户信息的修改，可通过用户身份进行图片的增删改查功能，同时实现文件的上传和下载功能，管理员审核通过后的图片就可以显示在平台首页的相关分类里，其他用户可以通过相关信息对图片进行选择性搜索。
最后还可对各种下载操作统一进行查看。
（4）系统对象行为
a、图片所有者首次使用需先打开网页的注册页面，先进行用户的信息注册，系统将信息写入数据库中并成功登录到首页。
若用户原先已注册账号，则可以直接通过登录页面进入到系统首页。
用户通过点击我的图库中的图片上传按钮，将图片信息上传到服务器。
但是上传后并不能显示在首页或者作者的个人图片管理列表里面，用户只能通过审核状态列表里面找到所有上传的图片，而上传的图片只有管理员可通过后台进行审核，审核通过后图片才可显示在相应的图片管理页面及首页，并且更新在审核状态列表里，而不成功的图片则无法显示在首页及用户图片管理页面，可通过审核状态列表里对应图片栏的管理员返回信息给用户说明审核不通过的原因说明。
其次用户可以根据需要对已上传的图片的信息进行查看，也可直接对图片进行删除操作。
图片所有者还可以在数据中心看到所发布成功的所有图片的下载统计。
包括每一个图片的下载量，下载趋势图，选择不同的时间段能相应看到对应时间段的下载数据。
也可以查看下载图片的用户性别等信息，方便用户对作品进行分析和统计，以确定下次的创作方向。
b、图片使用者首次登陆一样需要先打开网页进行注册操作，完成后进入到系统的首页页面。
若用户原先已注册账号，则可以直接通过登录页面进入到系统首页。
用户可以在系统首页查看所有通过审核的图片，其中推荐栏的图片是根据图片的下载量进行排序的，其后是不同类型图片的分类，当然用户也可以使用搜索栏进行关键词的搜索来查找图片。
找到自己需要的一类图片后，可点击图片跳转到图片的详情页面，在页面里面你可以看到图片的详细信息，包括由系统自动识别出来的图片分辨率，图片名称，图片类别，图片目前的下载量以及图片的作者名称。
若用户确定图片符合要求，点击下载按钮即可实现下载操作。
这时重新更新图片信息即可看到图片的下载量也进行了更新。
c、系统管理员通过登录页面进入到系统后台，管理员通过审核中心里面的待审核列表，点击进去可以看到相应待审核的图片，选择审核通过或审核不通过，若不通过的话可以说明审核不通过的原因，点击确定审核完成之后，审核通过的图片会相应出现在系统后台审核中心的审核通过页面，里面有全部审核通过图片的信息列表，当然管理员也可以对其进行删除操作。
审核不通过的图片会相应出现在系统后台审核中心的审核不通过页面，里面也同样的有全部审核不通过图片的信息列表，管理员可以查看到是谁审核的图片，审核不通过的原因等。
同时系统也与普通用户一样可以通过个人中心页面对管理员的信息进行查看和修改，也可以对密码进行修改操作。
管理员还可以通过用户中心界面，获取当前全部的用户信息，并且可以对用户的信息进行删除操作，但是为了保证数据的准确性，用户的信息只能由用户自己进行修改，管理员只有删除用户的权限。
（4）系统的功能实现
该图片共享平台的功能分为几大方向：
1用户信息的增删改查。
用户通过注册页面填写相关信息可以创建账户，实现用户信息增加；通过查找数据库相关数据进行匹配，匹配成功即进入系统中，当然用户修改信息中显示用户原来的信息也是对用户信息的查找，还有管理员可以在系统后台用户中心查看到用户的信息；然后用户通过个人中心的修改个人信息界面对个人信息进行修改，即可实现用户信息的修改用户信息操作；最后通过管理员账号进入管理员后台，管理员通过用户中心里面可以对某个用户进行删除操作。
2图片信息的增删改查。
用户可以通过我的图库的图片上传页面填写图片相关信息，并选择图片文件勾选同意上传协议进行图片的增加操作；其后上传成功后的图片，上传图片的用户和管理员均有权限对图片进行删除操作，用户可以通过图片管理页面或者图片状态页面删除，而管理员可以通过审核中心里面的审核成功页面对图片进行删除；图片信息的修改体现在管理员通过审核图片将图片的状态由原来的待审核改为审核通过或者审核不通过，这也是属于对图片的信息进行修改；最后系统中多次使用的图片查询功能，不同的地方通过不同的筛选条件对图片进行选择后查询出来并显示。
以此来实现了图片的增删改查操作。
3图片下载信息的增查。
用户只要一点击下载图片，就会生成一条下载图片的数据，包括下载用户的id，下载时间，下载图片的对应id等，这就属于图片下载信息的增加；然后通过对用户下载信息的查询，根据条件对相关下载数据进行分析统计，并以图表的形式展示出来，这便是图片下载信息的查询。
2.2总体结构
系统采用java搭配maven项目管理进行开发，主要分为前端展示模块，后端逻辑模块以及数据库数据存储模块这三个模板进行开发。
前端展示模块主要有登录前端模块、注册前端模块，图片预览前端模块、图片详细信息前端模块，图片上传前端模块，个人图片列表前端模块，用户信息修改前端模块，下载统计前端展示模块，下载用户统计前端展示模块。
这些模块都基本使用同一个页头和页尾，整体字体图片等都保持一致的样式，总体通过jsp和css的布局以及JavaScript的渲染。
后端逻辑模块主要有图片上传逻辑模块、图片下载逻辑模块、图片管理展示模块、图片删除逻辑模块，分页信息逻辑模块，用户注册逻辑模块，用户登录逻辑模块，图片信息查询逻辑模块，下载用户信息统计模块，下载信息统计模块和个人信息修改模块。
系统总体使用java代码逻辑应用以及maven进行项目管理。
数据库数据存储模块主要有用户信息存储模块、下载信息存储模块、图片信息存储模块和session存储模块。
总体使用MySQL数据库语言搭配jdbc进行数据的操作。
图2.1系统总体结构图
2.3可行性分析
2.3.1经济可行性
该图片管理及共享系统只有网页端入口，因此用户不需要高配置电脑的运行配置要求，也不需要用户为了使用该系统去下载相关软件才可使用，只需打开电脑已有浏览器，包括谷歌，火狐，ie7以上等均可完美适配，具有较强的兼容性，开发使用的工具大多为免费工具，不需要在开发上花费太多的费用，故开发上也经济可行。
2.3.2技术可行性
该系统总体使用java搭配maven项目管理工具进行开发，项目重复利用高，管理方便，使用jsp和css设计前端的展示页面，在众多平台上兼容。
Javascript进行页面的渲染和美化操作。
mysql作为后台数据库，其数据语言简单可用。
在Windows10系统环境下进行开发。
该套系统运用的语言都较为通用且已有很多通过相同技术做出来的已有案例，故技术上可行。
2.3.3社会可行性
图片管理及共享系统总体界面使用较具现代感的暗蓝色作为主色调，总体设计美观，菜单简洁易懂使其易用。
对于初次使用系统的用户而言，只要了解相关的文件上传流程，均可快速熟悉系统并完成其个人需求，包括图片的上传和下载操作都较为简易明了。
较为符合现代大多数人的审美标准以及实用功能，而对于用户而言不需要经过专门的培训才会操作该系统，故社会上可行。
第3章系统分析
3.1功能分析
3.1.1用例图
图3.1图片社交平台系统的用例图
3.1.2用例规约
（1）用户及管理员登录系统
用例名称
登录系统
主参与者
用户、管理员
层次
海平面
利益相关者
用户、管理员
前置条件
用户或管理员访问图片社交平台
升级会员 