网络相册不但能解决用户自身的存储问题(组图)

优采云 发布时间: 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";

0 个评论

要回复文章请先登录注册


官方客服QQ群

微信人工客服

QQ人工客服


线