ssm java上传图片预览_基于JAVA的SSM图片浏览系统

今天和一个朋友共同完成了一个图片浏览系统的设计与实现项目，我们在开发时选用的框架是SSM(MYECLIPSE)框架。我这个朋友知识有限，只会这个框架，哈哈，都是为了方便他。和往常一样选用简单又便捷的MYECLIPSE作为开发工具，这是一个 后台项目。这个系统的介绍是这样的：图片浏览系统是一款可以帮助用户在计算机上立即找到、修改和共享所有图片的软件。本文结合目前市场上的图片浏览系统,详细介绍了系统的设计及实现过程,具有实际应用价值。，一个图片浏览系统的设计与实现应包含用户角色有管理者、用户。为了能让用户顺利登陆系统完成相关操作，需要为每种登陆角色设置账户和密码字段。

总结得出该系统所有数据为：管理者(admin)、用户(yonghu)、搜索(sousuo)、修改(xiugai)

管理者表

字段名 | 类型 | 属性 |描述

id| INT(11) | PRIMARY KEY |管理者id

username| VARCHAR(255) | |账号

password| VARCHAR(255) | | 密码

用户表

字段名 | 类型 | 属性 |描述

id| INT(11) | PRIMARY KEY |用户id

xingming| VARCHAR(255) | |姓名

nianling| VARCHAR(255) | |年龄

xingbie| VARCHAR(255) | |性别

quanxian| VARCHAR(255) | |权限

username| VARCHAR(255) | |账号

password| VARCHAR(255) | | 密码

搜索表

字段名 | 类型 | 属性 |描述

id| INT(11) | PRIMARY KEY |搜索id

mingcheng| VARCHAR(255) | |名称

zhonglei| VARCHAR(255) | |种类

leixing| VARCHAR(255) | |类型

guige| VARCHAR(255) | | 规格

修改表

字段名 | 类型 | 属性 |描述

id| INT(11) | PRIMARY KEY |修改id

tianjiazici| VARCHAR(255) | |添加字词

xiangpicha| VARCHAR(255) | |橡皮檫

xuhua| VARCHAR(255) | | 虚化

SET FOREIGN_KEY_CHECKS=0;------------------------------

------------------------------

--Table structure for ggtupianliulanxtdsjysx

------------------------------

DROP TABLE IF EXISTS`t_admin`;CREATE TABLE `t_admin` (`id` INT(11) NOT NULL AUTO_INCREMENT COMMENT '管理者id',`username` VARCHAR(255) DEFAULT NULL COMMENT '账号',`password` VARCHAR(255) DEFAULT NULL COMMENT '密码',PRIMARY KEY(`id`)

) ENGINE=MyISAM DEFAULT CHARSET=utf8 COMMENT='管理者';------------------------------

DROP TABLE IF EXISTS`t_yonghu`;CREATE TABLE `t_yonghu` (`id` INT(11) NOT NULL AUTO_INCREMENT COMMENT '用户id',`xingming` VARCHAR(255) DEFAULT NULL COMMENT '姓名',`nianling` VARCHAR(255) DEFAULT NULL COMMENT '年龄',`xingbie` VARCHAR(255) DEFAULT NULL COMMENT '性别',`quanxian` VARCHAR(255) DEFAULT NULL COMMENT '权限',`username` VARCHAR(255) DEFAULT NULL COMMENT '账号',`password` VARCHAR(255) DEFAULT NULL COMMENT '密码',PRIMARY KEY(`id`)

) ENGINE=MyISAM DEFAULT CHARSET=utf8 COMMENT='用户';------------------------------

DROP TABLE IF EXISTS`t_sousuo`;CREATE TABLE `t_sousuo` (`id` INT(11) NOT NULL AUTO_INCREMENT COMMENT '搜索id',`mingcheng` VARCHAR(255) DEFAULT NULL COMMENT '名称',`zhonglei` VARCHAR(255) DEFAULT NULL COMMENT '种类',`leixing` VARCHAR(255) DEFAULT NULL COMMENT '类型',`guige` VARCHAR(255) DEFAULT NULL COMMENT '规格',PRIMARY KEY(`id`)

) ENGINE=MyISAM DEFAULT CHARSET=utf8 COMMENT='搜索';------------------------------

DROP TABLE IF EXISTS`t_xiugai`;CREATE TABLE `t_xiugai` (`id` INT(11) NOT NULL AUTO_INCREMENT COMMENT '修改id',`tianjiazici` VARCHAR(255) DEFAULT NULL COMMENT '添加字词',`xiangpicha` VARCHAR(255) DEFAULT NULL COMMENT '橡皮檫',`xuhua` VARCHAR(255) DEFAULT NULL COMMENT '虚化',PRIMARY KEY(`id`)

) ENGINE=MyISAM DEFAULT CHARSET=utf8 COMMENT='修改';

添加搜索模块：

系统中存在添加搜索功能，通过点击添加搜索可以跳转到该功能模块，在该功能模块中，填写对应的搜索信息。搜索包含信息名称,种类,类型,规格，填写完所有信息后，通过post方法将数据提交到tianjiasousuo.action中，该地址将在服务器中sousuoController类中的tianjiasousuoact方法中进行响应。响应结果为，获取所有的搜索信息，封装一个sousuo类，使用sousuoController类中定义的sousuodao的insert方法，将搜索数据插入到数据库的sousuo表中。并给出用户提示信息，添加搜索成功，将该信息保存到request的message中，该信息将在页面中进行展示。该部分核心代码如下：

通过sousuodao的insert方法将页面传输的搜索添加到数据库中 sousuodao.insert(sousuo);

将添加搜索成功信息，保存到request的message中，在页面中给出用户提示 request.setAttribute("message", "添加搜索成功");

返回搜索管理界面

return "forward:/tianjiasousuo.action";

查询搜索模块：

在浏览器中进入搜索查询页面时，此时浏览器的地址栏为sousuoguanli.action,该地址将响应sousuoController类中的sousuoguanli，在该方法中，通过selectByexample方法获取所有的搜索信息，并将该信息保存到request中，在页面进行循环展示。该部分核心代码如下：

生成搜索样例类，通过example定义查询条件 SousuoExample example = new SousuoExample();

通过sousuodao的selectByExample方法查询出所有的搜索信息 List sousuoall = sousuodao.selectByExample(example);

将搜索信息，保存到request中，在页面通过foreach方法进行展示 request.setAttribute("sousuoall", sousuoall);

返回搜索管理界面

return "forward:/sousuoguanli.action";

修改搜索模块：

对已经上传的搜索信息可以进行修改操作，该部分操作在搜索管理界面中点击修改按钮可以跳转到搜索修改页面。在修改页面中，将初始化所有的搜索字段信息,字段信息包括名称,种类,类型,规格。字段信息内容通过搜索id获取。修改后的信息传入到sousuoController中接收为sousuo。在sousuoController中包含有提前定义好的sousuodao，该参数为sousuoMapper是实现。sousuoMapper中定义了修改方法，此处使用修改方法为updateByPrimaryKeySelective，该方法可以将修改后信息同步到数据库中，最终将修改成功信息返回页面中。该部分代码如下：

通过sousuodao的修改方法根据id修改对应的搜索 sousuodao.updateByPrimaryKeySelective(sousuo);

将修改搜索成功信息，保存到request的message中，在页面中给出用户提示 request.setAttribute("message", "修改搜索信息成功");

返回搜索管理界面

return "forward:/sousuoguanli.action";

删除搜索模块：

删除搜索功能实现在sousuoController中，实现方法为shanchusousuo。在页面中通过get方法shanchusousuo.action？Id的形式将需要删除的搜索id上传到服务器中，响应对应的方法，调用sousuodao中的deleteByPrimaryKey方法，完成删除操作。将删除成功的提示信息返回到页面中，完成删除数据的操作。该部分核心代码:

通过sousuodao的删除方法根据id删除对应的搜索 sousuodao.deleteByPrimaryKey(id);

将删除搜索成功信息，保存到request的message中，在页面中给出用户提示 request.setAttribute("message", "删除搜索成功");

返回搜索管理界面

return "forward:/sousuoguanli.action";