【SpringMVC】电子相册系统——上传图片和浏览图片前后端实现

大三上期末的软件工程大作业，技术框架是SpringMVC+jsp，功能为用户登录注册、创建相册、相册操作、图片上传修改、留言评论等，前端框架用的是layui。数据库使用SQLServer（因为担心舍友安装mysql会比较麻烦，故选用了学习数据库课程都安装的SQLServer。但经过使用体验发现其实麻烦一样多，包括需要手动安装数据库驱动至Maven、没有LIMIT关键字等）。
包括精通 速成springMVC和jsp的时间，有效代码时间大约为1~2周。我觉得以我的金鱼记忆力可能很多细节过阵子就忘了，就决定写几篇总结一下遇到的困难。实现方法和代码不一定是最优的，也参考了一些网上的解决方案，如果遇到问题或者指出不足希望大家多多讨论。
因为这是第一篇，所以展示一下部分成果：仓库地址

成果展示

登入页面，从清新的观感出发，采用了扁平设计和绿色的主色调…… 为了跟layui的默认风格保持一致，采用了绿色和纯色为主色调。

主页界面，抄袭 借鉴了站酷网的主页设计（包括不知道放啥的广告牌banner）。每一个卡片都代表了一个相册，相册中存储多张照片。

导航栏，layui中的组件。


相册内容和评论功能，继续抄袭 借鉴了站酷网以及各类新闻网站的设计，或者说基本都差不多吧，总不能文艺复兴做成QQ相册那种样子……自己可以删除自己的评论。

个人主页，可以在这个界面上划过鼠标删除编辑相册，也可以到后台操作。

创建相册，编辑相册信息也差不多，前端基本一个样子……

上传图片，用的layui中一个组件，不过因为懒（毕竟要在考试周答辩）没有做撤销上传，选错图片就要刷新重新上传……

管理员后台界面，比普通用户多了下面几栏功能，其他的管理自己的相册照片等都一样。

点击可以预览图片。


管理员后台界面，在我们的设计方案里，管理员可以封禁解禁用户和相册，但需要附封禁理由。

上传图片

前端，主要依照layui官方文档-文件上传模块的示例代