网络相册不但能解决用户自身的存储问题(组图)
优采云 发布时间: 2021-08-02 01:35网络相册不但能解决用户自身的存储问题(组图)
每天记录你的学习,每天都会有好心情。 *^_^*
今天和朋友完成了一个网络相册管理系统项目。我们在开发过程中选择的框架是 SSM(MYECLIPSE)框架。我朋友知识有限,只知道这个框架,哈哈,都是为了方便。和往常一样,选择简单方便的MYECLIPSE作为开发工具。这是一个后台项目。本系统介绍如下: 随着网络技术的发展和云技术的完善,越来越多的网络用户喜欢将文件等信息放在网络上,方便下载浏览,减少麻烦的。其中以上传照片到互联网最为火爆。在互联网上发布照片已成为一种时尚。它记录了用户的生活经历和足迹。它不仅可以作为纪念,还可以与他人分享您的生活经验和知识。渠道。随着国外著名的图片分享应用Instagram的持续火爆,互联网上分享和存储图片的应用也逐渐增多。因此,网络相册服务应运而生并越来越受欢迎。网络相册不仅可以解决用户自身的存储问题,增强人与人之间的联系,是分享朋友快乐的重要方式,也是互联网共享精神的体现。由于信息交流的多样化,特别是电子信息技术的发展,同时随着数据库技术、客户端/服务器技术等的发展,网络相册系统的功能更加完善。网络相册管理系统的特点是从相册管理的角度来看,几乎所有与之相关的数据都通过数据库统一管理,从而形成一个完整的信息集。网络相册管理系统更好的用户界面、信息共享、信息管理,使得管理者和用户使用起来更加方便,并且网络相册系统具有很强的可操作性,针对不同文化程度的人群。基于此背景,本文采用软件工程方法,结合实际情况,从网络相册开发的现状和功能分析出发,确立了网络相册系统建设的目标。网络相册管理系统应收录管理员和用户等用户角色。为了让用户能够成功登录系统完成相关操作,需要为每个登录角色设置账号和密码字段。
系统中存在用户和类型之间的关联关系,我们将关联关系保存在相册表中。它们的关联是这样一个相册的用户对应用户的mingzi字段,相册的user id对应user id字段,相册的type对应type的mingzi字段,type id相册的对应类型的id字段
。图片的存在是为了更好地结合系统的功能。专辑表的连接体现在这张表中。关联关系是相册对应相册的biaoti字段,相册id对应相册的id字段
.
总结一下,系统的所有数据有:管理员(admin)、用户(yonghu)、相册(xiangce)、类型(leixing)、图片(tupian)
管理员表
字段名 | 类型 | 属性 | 描述
id | INT(11) | PRIMARY KEY | 管理员id
username | VARCHAR(255) | | 账号
password | VARCHAR(255) | | 密码
用户表
字段名 | 类型 | 属性 | 描述
id | INT(11) | PRIMARY KEY | 用户id
mingzi | VARCHAR(255) | | 名字
username | VARCHAR(255) | | 账号
password | VARCHAR(255) | | 密码
jieshao | VARCHAR(255) | | 介绍
相册表
字段名 | 类型 | 属性 | 描述
id | INT(11) | PRIMARY KEY | 相册id
biaoti | VARCHAR(255) | | 标题
jieshao | VARCHAR(255) | | 介绍
yonghu | VARCHAR(255) | | 用户
yonghuid | VARCHAR(255) | | 用户id
leixing | VARCHAR(255) | | 类型
leixingid | VARCHAR(255) | | 类型id
类型表
字段名 | 类型 | 属性 | 描述
id | INT(11) | PRIMARY KEY | 类型id
mingzi | VARCHAR(255) | | 名字
图片表
字段名 | 类型 | 属性 | 描述
id | INT(11) | PRIMARY KEY | 图片id
biaoti | VARCHAR(255) | | 标题
miaoshu | VARCHAR(255) | | 描述
shangchuanshijian | VARCHAR(255) | | 上传时间
tupian | VARCHAR(255) | | 图片
xiangce | VARCHAR(255) | | 相册
xiangceid | VARCHAR(255) | | 相册id
SET FOREIGN_KEY_CHECKS=0;
-- ----------------------------
-- ----------------------------
-- Table structure for ggwangluoxiangce
-- ----------------------------
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',`mingzi` VARCHAR(255) DEFAULT NULL COMMENT '名字',`username` VARCHAR(255) DEFAULT NULL COMMENT '账号',`password` VARCHAR(255) DEFAULT NULL COMMENT '密码',`jieshao` VARCHAR(255) DEFAULT NULL COMMENT '介绍',PRIMARY KEY (`id`)
) ENGINE=MyISAM DEFAULT CHARSET=utf8 COMMENT='用户';
-- ----------------------------
DROP TABLE IF EXISTS `t_xiangce`;
CREATE TABLE `t_xiangce` (`id` INT(11) NOT NULL AUTO_INCREMENT COMMENT '相册id',`biaoti` VARCHAR(255) DEFAULT NULL COMMENT '标题',`jieshao` VARCHAR(5000) DEFAULT NULL COMMENT '介绍',`yonghu` VARCHAR(255) DEFAULT NULL COMMENT '用户',`yonghuid` INT(11) DEFAULT NULL COMMENT '用户id',`leixing` VARCHAR(255) DEFAULT NULL COMMENT '类型',`leixingid` INT(11) DEFAULT NULL COMMENT '类型id',PRIMARY KEY (`id`)
) ENGINE=MyISAM DEFAULT CHARSET=utf8 COMMENT='相册';
-- ----------------------------
DROP TABLE IF EXISTS `t_leixing`;
CREATE TABLE `t_leixing` (`id` INT(11) NOT NULL AUTO_INCREMENT COMMENT '类型id',`mingzi` VARCHAR(255) DEFAULT NULL COMMENT '名字',PRIMARY KEY (`id`)
) ENGINE=MyISAM DEFAULT CHARSET=utf8 COMMENT='类型';
-- ----------------------------
DROP TABLE IF EXISTS `t_tupian`;
CREATE TABLE `t_tupian` (`id` INT(11) NOT NULL AUTO_INCREMENT COMMENT '图片id',`biaoti` VARCHAR(255) DEFAULT NULL COMMENT '标题',`miaoshu` VARCHAR(5000) DEFAULT NULL COMMENT '描述',`shangchuanshijian` VARCHAR(255) DEFAULT NULL COMMENT '上传时间',`tupian` VARCHAR(255) DEFAULT NULL COMMENT '图片',`xiangce` VARCHAR(255) DEFAULT NULL COMMENT '相册',`xiangceid` INT(11) DEFAULT NULL COMMENT '相册id',PRIMARY KEY (`id`)
) ENGINE=MyISAM DEFAULT CHARSET=utf8 COMMENT='图片';
添加图片模块:
系统有添加图片的功能。点击添加图片可以跳转到该功能模块,在该功能模块中填写相应的图片信息。图片收录信息标题、描述、上传时间、图片、相册、相册id。填写完所有信息后,通过post方式将数据提交到tianjiatupian.action。地址会在服务端的 tupianController 类中的 tianjiatupianact 方法中进行响应。 响应结果是获取了所有的图片信息,封装了一个tupian类,使用tupianController类中定义的tupiandao的insert方法将图片数据插入到数据库的tupian表中。并给用户提示信息,添加图片成功,将信息保存在请求的消息中,信息会显示在页面上。这部分的核心代码如下:
通过tupiandao tupiandao.insert(tupian)的insert方法把页面传来的图片添加到数据库中;
将添加图片成功消息保存到请求的消息中,并在页面上给用户提示 request.setAttribute("message", "图片添加成功");
返回图片管理界面
return "forward:/tianjiatupian.action";
查询图片模块:
在后台定义图片查询模块,点击侧边栏图片管理跳转到图片管理界面。在本页的tupianController中定义tupianguanli响应图片查询模块。所有信息在图片官里查询,返回页面循环显示。查询方法是tupiandao中的selectByexample方法。这部分的核心代码如下:
通过example生成图片样本类并定义查询条件TupianExample example = new TupianExample();
使用tupiandao的selectByExample方法查询所有图片信息List tupianall = tupiandao.selectByExample(example);
保存请求中的图片信息,通过foreach方法request.setAttribute("tupianall", tupianall);
返回图片管理界面
return "forward:/tupianguanli.action";
修改图片模块:
您可以修改上传的图片信息。这部分操作,点击图片管理界面中的修改按钮,跳转到图片修改页面。在修改页面中,所有图片字段信息都会被初始化。字段信息包括标题、描述、上传时间、图片、相册、相册id。通过图片id获取字段信息的内容。修改后的信息被传递到 tupianController 并作为 tupian 接收。 tupianController中收录了预先定义的tupiandao,该参数由tupianMapper实现。修改方法在 tupianMapper 中定义。这里使用的修改方法是updateByPrimaryKeySelective。该方法可以将修改后的信息同步到数据库中,最终将修改成功的信息返回给页面。这部分代码如下:
通过tupiandao的修改方法tupiandao.updateByPrimaryKeySelective(tupian)根据id修改对应的图片;
在请求的消息中保存修改图片成功信息,并给用户提示request.setAttribute("message", "修改图片信息成功");
返回图片管理界面
return "forward:/tupianguanli.action";
删除图片模块:
在管理页面,点击删除。页面会传入a标签的href属性,使用get方法获取图片
的id
上传到服务端,由服务端的tupianController类中的shanchutupian接收,然后调用tupianMapper中的deleteByPrimaryKey方法根据ID进行删除。在请求的消息中保存删除信息,并在页面上给出用户已成功删除的提示信息。这部分的核心代码如下:
Tupiandao通过tupiandao tupiandao.deleteByPrimaryKey(id)的删除方法根据id删除对应的图片;
在请求的消息中保存删除图片成功的消息,并在页面上给用户提示request.setAttribute("message", "图片删除成功");
返回图片管理界面
return "forward:/tupianguanli.action";