基于SSM框架的图片管理系统的设计与实现.pdf





《基于SSM框架的图片管理系统的设计与实现.pdf》由会员分享,可在线阅读,更多相关《基于SSM框架的图片管理系统的设计与实现.pdf(30页珍藏版)》请在淘文阁 - 分享文档赚钱的网站上搜索。
1、 i目目 录录第一章第一章 概述概述.11.1 项目开发的背景.11.2 项目开发的目的.1第第二二章章 系统分析系统分析.32.1 系统的基本功能描述.32.2 可行性分析.32.2.1 技术可行性.32.2.2 经济可行性.32.2.3 社会可行性.4第第三三章章 系统与数据库设计系统与数据库设计.53.1 总体设计原则.53.2 系统功能设计.63.3 数据库设计逻辑.73.4 实体数据的 E-R 图.73.5 创建数据库表.9第第四四章章 系统实现系统实现.124.1 系统后台实现.124.1.1 后台登录界面.124.1.2 后台登陆首页面.134.1.3 后台图片管理模块.134.
2、1.4 后台用户管理模块.144.1.5 后台网站设置模块.154.1.6 后台管理员密码修改模块.154.2 系统前台实现.164.2.1 前台用户首页.164.2.2 前台会员登录注册模块.174.2.3 前台会员中心模块.184.2.4 前台修改信息模块.194.2.5 前台修改密码模块.194.2.6 前台发布图片模块.20第第五五章章 系统系统测试测试.22 5.1 测试的目的和方法.225.2 测试的具体方法.22总结总结.25参考文献参考文献.26致致 谢谢.ii28 -第一章第一章1-概述概述 1.1 1.1 项目开发的背景项目开发的背景 随着互联网的发展,信息化时代的到来,各
3、类信息的传递方式逐渐多样化,其中,电子化是最主要的形式之一。在我们生活环境中,图片每天都能看见,无论是对图片的管理还是对图片的寻找都有一定的需求,以现在的网络环境,要精准的找一张高质量的图片还是比较困难,需要一款拥有针对性的系统来对图片精准的分类,并收录高质量的图片,满足网民们的需求。现有的图片管理系统系统存在以下不足:(1)系统分类不够完善 固定的分类,管理无法发布图片到所需的分类,直接导致了用户无法精准的找到自己所需的图片,严重降低了系统效率,直接的影响到了用户体验。2()操作过于复杂 图片管理系统应该简洁明朗,不易过于复杂,保证管理员、用户上手即会,保障用户的使用体验,提高工作效率。(3
4、)系统性能差 系统没有进行必要的优化,导致高并发时无法服务于人。登录注册功能存在缺陷,导致用户重名等情况,导致注册账号后依旧不可用,或者存在多个用户一个账号的情况。1.1.2 2 项目开发的目的项目开发的目的随着网民的日益增加,手机的普及,图片几乎是形影不离的存在,我们每天都要和图片打交道,但是遇到喜欢的图片却束手无策,如果保存在相册中就过于杂乱,还占用了一定的空间,非常的不方便所以我开发出这套图片管理系统,完美的解决了这个问题。本程序由 maven 构建,使用了 SSM 框架和前后端分离技术,mybits 实现了对 MySQL 数据库的连接,通过后端提供 json 接口,前端Ajax 接收实
5、现了动态网页的效果,达到对数据库的操作,完成使用者所需的所有功能及要求。功能的完善及先进的技术,大大提升了使用者的使用体验。-图片管理系统的开发目的是方便网民们能加便捷的管理自己的图片,同时也能将自己的图片分享给大家,变成一种共享型经济,为自己和别人提供方便的条件。对图片管理需求的实际情况进行调研之后,进行详细的需求分析,在设计系统时带有针对性的对用户所需功能进行了实现,开发出一套简洁便利的图片管理系统,从中领悟系统整体性开发的思想,掌握系统开发的流程和方法。随着图片管理系统的不断完善,用户将越来越依赖于本套系统的管理,能迅速适应各类人2-群的需求。图片管理系统功能之强大,不仅能让普通用户能管
6、理自己的图片,通过共享性思想,用户能摇身变为站长,拥有自己的网站。现在社会以进入信息化时代,无论是媒体还是个人还是其他机构,对图片的依赖是必然的,通过这种共享性思想,能帮助到各类人,同时各类人也能完美的使用此图片管理系统,完全与 p2p模式相符。系统的不断完善,功能的增加,程序的优化,让系统更加的简单便利,完美的让各类用户所容纳接收,这才是好系统的目的。本次设计研究的是全体网民对图片方便的管理需求,此次研究的意义更有利于我们对图片管理系统的片面认识。-第第二二章章3-系统分析系统分析 2.12.1 系统的基本功能描述系统的基本功能描述 本套图片管理系统拥有用户端和管理端,根据系统的使用流程,管
7、理员用户登录后即可进入管理中心,选择所需的模块进行操作。管理端:管理员登录后,可对图片、网站注册用户进行绝对的管理,同时能修改自己所登录的账号密码,保障账户的安全,对于用户端能修改网站的基本信息,如网站标题、备案号等基础信息。用户端:用户在注册后可进行登录操作,登录后重定向之会员中心,可在此查看自己所发布的图片,可以通过两步验证后修改自己的密码,极大的保护了用户的账号安全,还能修改自己所登录账号的信息以及发布图片。2.22.2 可行性分析可行性分析 可行性分析也称为可行性研究,是在调查的基础上,针对新系统的开发是否具备必要性和可能性,对新系统的开发从技术、经济、社会等方面进行分析和研究,以避免
8、投资失误,保证新系统的开发成功。可行性研究的目的就是用最小的代价在尽可能短的时间内确定问题是否能够解决。下面将分别从技术、经济、社会三个方面对网络教学平台的建设进行分析和研究。2.2.12.2.1 技术可行性技术可行性 技术可行性分析首要考虑条件就是能否顺利完成整个开发工作。此图片管理系统是由 maven 构建,用的是 SSM 框架,后端提供接口,前端使用 Ajax 接收,无论是跨域还是多平台运行都支持,调试相对而言比较简单,只要由基础的环境就能完全满足开发条件,如果只运行前端,计算机硬件配置也完全可以完整开发条件,因此在技术上是可行的。如今信息化技术已经相当普及,当代大学生对互联网的操作水平
9、都已经达到了一定的高度,所以本系统在运行上是可行的。2.2.2 2.2.2 经济可行性经济可行性 -由于此图片管理系统是作为毕业设计由我自己开发,在经济上的投入几乎为4-零,系统开发成功之后将为今后实际应用提供很大的方便。各大高校具有信息化的处理设施,并且拥有支持本系统的应用平台。因此无需再投入资金购买其他设施。由以上分析可知,此图片管理系统在经济上是可行的。2.2.32.2.3 社会可行性社会可行性对于当今社会,随着计算机的普及,当代大学生计算机操作水平很高,此图片管理系统操作简单,易懂,上手即会,基本上没压力。本系统使用前后端分离技术,需要具备对 tomcat 服务器的使用能力,再投入使用
10、前,无需对操作系统系统人员进行培训,减少了成本又简化了操作环节。由此可知本系统具有社会可行性。-第第三三章章5-系统与数据库设计系统与数据库设计 3.13.1 总体设计原则总体设计原则 本系统为了设计、实现和后期维护的方便,以及系统用户使用的便利,所以必须采取一定的设计原则。其主要设计原则有:页面简洁性:让使用者有一种小清新的感觉,页面简洁明朗,不花里胡哨。操作简单性:用户进入对应的页面,操作对应的模块,让所有功能的操作傻瓜化,一系列的操作看得懂中文就能快速完成。功能针对性:本系统专注于图片管理,对图片的所有操作的实现都拥有一定的针对性,没有任何繁杂代码,优化做的很好。用户实用性:系统的设计与
11、实现已用户体验为标准,大大增强了系统的实用性,对功能的职位划分的非常清楚,利用前后端分离技术,每一个接口对应一个操作,让用户操作更加精准便捷,其功能也是非常贴近用户需求,可以说是私人定制,具有极高的实用性。命名一致性:系统内变量的命名,接口的命名,路由的管控,都是完全一致,只要花几分钟浏览一次代码,即可记住哪个命名对应哪个功能。技术先进性:本系统由 maven 构建,使用 SSM 框架,利用前后端分离技术,数据库使用 MySQL,是现在最流行的技术之一,具有狼嚎的兼容性和稳定性。3.23.2-6-系统功能设计系统功能设计图 3-1 系统功能流程图图 3-2 密码修改模块设计流程图 -图 3-3
12、7-模块功能设计流程图 3 3.3.3 数据库设计逻辑数据库设计逻辑 数据库设计是系统设计中非常重要的一个环节。数据是一切系统设计的基础,通俗地说,数据库设计就像高楼大厦的根基一样,如果设计的不合理、不完善,将在系统开发过程中,甚至到后期的系统维护、功能变更和功能扩充时,引起较多问题,严重时甚至要重新设计,重做大量已完成工作。3 3.4.4 实体数据的实体数据的 E E-R R 图图 根据系统分析的结果,具体分析不同实体用户,描述不同实体之间的关系,得出系统数据实体图和 E-R 图。管理员实体属性图如图 3-4 所示:-图 3-4 8-管理员实体属性图 用户信息实体属性图如图 3-5 所示:图
13、 3-5 用户信息实体属性图图片信息实体属性图如图 3-6 所示:-9-图 3-6 图片信息实体属性图 网站信息实体属性图如图 3-7 所示:图 3-7 网站信息实体属性图 3 3.5.5 创建数据库表创建数据库表(1)管理员信息表(admin)管理员信息表主要用于系统管理员的信息,主要字段包括:编号、登陆账号、登陆密码。字段名 数据类型 字段描述长 度主键 admin_id Int编号4 -10-admin_name varchar登陆账号255 admin_pass varchar登陆密码255 表 3-1 管理员信息表(admin)2)用户信息表((user)用户信息表主要存储用户端注册
14、用户信息,主要字段包括:用户编号,用户名,密码,头像,签名,邮箱。字段名 数据类型 字段描述长 度主键 id 用户Int编号4 username varchar用户名255 password varchar密码255 pictou varchar头像255 qianming varchar签名255 email varchar邮箱255 表 3-2 用户信息表(user)(3)图片信息表(pic)图片表主要存储图片信息,主要字段包括:编号、分类,链接,尾缀,发布 人。字段名 数据类型 字段描述长 度主键 pic_id Int编号4 pic_fen varchar分类255 pic_url va
15、rchar链接255 pic_lei varchar尾缀255 pic_name varchar发布人255 表 3-3 图片信息表(pic)4)网站信息表(web()-11-网站信息表主要存储用户端网站的基本信息,主要字段包括:名称,logo,QQ,邮箱,备案号,信息。字段名 数据类型 字段描述长 度主键 title varchar名称255 logo varchar logo255 qq varchar qq255 email varchar邮箱255 icp Int备案号255 xinxi varchar信息255 表 3-4 网站信息表(web)-第第四四章章12-系统实现系统实现 4
16、.14.1 系统后台实现系统后台实现 4.1.14.1.1 后台登录界面后台登录界面 此模块主要功能是用于登录本系统后台,管理员登录本系统会进入不同的管理模块界面,因为在后台对管理员信息进行的判断,首先后端提供 json 接口给前端,前端通过 ajax 将数据发送给后端,后端接收数据,进入相应的模块进行处理,然后请求数据库,查询数据库中的数据,拿到这个数据后和前端发过来的数据进行对比,如果与查询的完全一致,那么将通过请求,返回 true,前端收到后端返回的 true 后,跳转至主页,如果查询的不一致,将返回 false,前端收到false 后将提示账号或密码错误。同时,本系统带有拦截器功能,当
17、没有登录的任何人员,进入后台的模块页面时,会被拦截器强制重定向到后台登录页面,保证了系统的安全,拦截了所有在没有登录情况下进入管理模块页面的情况,也拦截了所有的非法操作!后台登录页面如下图所示:图4-1 后 台 登 录 界 面 -4.1.24.1.213-后台登陆首页面后台登陆首页面 管理员输入用户名和密码后,系统判断合法性后,登录到管理员后台管理系统,此后台拥有整个网站的绝对管理权限,所有模块在此都可以操作,图片管理系统拥有图片管理,用户管理,和网站管理,已经对管理员本身的密码修改等功能。系统后台首页如下图所示:图4-2 后 台 登 录 首 页 面 4.1.34.1.3 后台图片管理模块后台
18、图片管理模块 管理员登录了后台首页后,拥有对所有模块的绝对管理权,图片管理模块是一个对数据库所有图片进行管理的图片,进入这个页面可以看见数据库中所有的图片信息,并且可以用这个模块操作任意图片,执行添加图片、修改图片、删除图片的操作。后台图片管理模块如下图所示:-图 4-314-后 台 图 片 管 理 界 面 4.1.44.1.4 后台用户管理模块后台用户管理模块 该模块负责管理前台用户注册的账号,对网站注册会员拥有绝对的管理权,管理员可以在此模块对网站注册会员进行操作,添加用户、编辑用户、删除用户等操作。用户管理模块页面如下图示:图4-4 后 台 用 户 管 理 页 面 -4.1.5 4.1.
19、5 15-后台网站设置模块后台网站设置模块 该模块负责管理 web 前端显示信息,对前台页面的基本信息显示拥有操作权,为方便管理员操作,不至于修改基本信息需要去改动源码,特设置此模块,可以控制前台页面的网站标题、网站 logo、站长 QQ、站长邮箱、网站备案信息、网站底部信息,管理员可以通过这个模块更加便利的管理网站。后台网站设置模块页面如下图所示:图4-5 后 台 网 站 设 置 管 理 界 面 4.1.6 4.1.6 后台管理员密码修改模块后台管理员密码修改模块为了防止管理员密码意外泄漏等问题,保护管理员账号安全,管理员可以及时的在此模块修改自身账号密码,以保护账户的安全性。-图 4-6
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 基于 SSM 框架 图片 管理 系统 设计 实现

限制150内