全网最漂亮的基于spring+springmvc+mybatis（SSM）框架开发的时光电子相册网站

看了一下网站，关于电子相册的网站比较少，漂亮的就更少了，至于适合学生参考的那就更更更少了。

今天，我们主要是阐述一个多用户电子相册网站的开发过程。包含业务功能整理、系统架构选型、表结构设计、页面设计四个方面。

第一步，我们需要实现哪些功能？

本系统主要设计了2个角色，包含用户和系统管理员。

普通用户：

首先注册、登录这是必须的，其次电子相册肯定基于一个个相册的，相册肯定又可以区分哪些类型，比如生活相册、青春留影、旅行相册、宝宝成长相册之类的。用户可以按类型查看相册，每个相册中又可以轮播的形式，查看相册图片（同时支持列表查看）；用户还可以评论相册。用户还有个人中心，修改资料、管理我的相册（支持批量上传和批量删除我的照片）、修改密码之类。普通用户功能查不多就这些了。

管理员：

登录系统，进行类别管理、轮播管理、公告管理、友情链接管理、系统用户管理。主要是一些基础数据的管理。

框架技术选型：

框架我们不纠结，使用spring+springmvc+mybatis框架整合的ssm框架整合，spring是一个容器框架，负责ioc和aop。

springmvc是一个mvc框架，主要负责请求的处理和响应，mybatis是一个数据持久化框架，负责数据增删改查。

主要代码结构就是controller调用service，service调用dao。

前端页面使用h5，部分bootstrap，jquery，ajax等。

代码结构如下：

表结构设计：

下面我们阐述表结构设计，系统设计了9个表，如下

时光点子相册表结构

名称	表名	备注
xy_user	用户表	包含用户和管理员，用类型区分
xy_album	电子相册表	管理电子相册
xy_album_image	相册图片表	一个电子相册包含哪些图片
xy_banner	轮播图	管理系统轮播图
xy_category	相册类型	生活、旅行等等
xy_discuss	评论表	评论
xy_like	点赞表	点赞
xy_link	友情链接
xy_notice	公告表

表结构差不多就是这些了。

图片上传一次最多支持9张。采用formdata.

页面设计：

前台首页：

相册列表：

相册图片查看：（轮播查看和列表查看）

评论

用户个人中心：

我的相册：

下面是后台管理页面：

页面设计查不到就是这些布局了，本系统重要的难点就是图片批量上传。这个处理好了，其他的感觉没什么难处了。

本系统演示视频已上传到

https://www.bilibili.com/video/BV1Lt4y1D7bc/

有兴趣的朋友可以看看，欢迎大家一起交流斧正！