本示例是使用JavaWeb技术实现一个简单的图片管理与分享系统,其中主要功能如下:
- 用户分类浏览系统中的图片缩略图
- 用户查看单张图片的详细信息,图片下载
- 用户查看一个分类内的所有图片缩略图
- 用户使用关键字进行模糊搜索
- 管理员登录
- 管理员拥有普通用户的所有功能,同时能够实现图片的删除
使用的主要技术有:
JavaEE、JSP、Struts2、Hibernate、JavaBean
本项目开发环境为:
- Intellij IDEA 2016.3
- Tomcat 8
- JDK 1.8
- MySQL 5.5
由于本人水平有限,该工程也只是我一边学习一边开发的一个用于课程作业的项目,所以其中还有很多不完善的地方,难免在某些情况下会有些bug,希望大家能够谅解。其实这个作业做了也过了快一个月了,很久没有更新博客了,所以今天这里记录下来,希望能够给其他同学一个参考和帮助,如果有什么建议或者问题也欢迎在博客下留言~
完整工程下载地址(包含网页截图和数据库建表sql文件):
简单的界面展示:
1.主页界面index.jsp:
2.图片详情页面item_preview.jsp:
3. 图片分类浏览页面AllcartoonPic.jsp/SearchResult.jsp:
4.图片上传界面contact.jsp:
为了方便大家建立数据库,这里也放上数据库的数据字典截图:
核心代码介绍:
对于主界面显示的index.jsp 主要就是调用Javabean(QueryAllPhoto)来从后台查询数据,然后返回一个ArrayList(person_pic_list),列表里面的每一个元素强制转换成一个PhotoInfoEntity对象之后,就可以取出每张图片的各种信息,主要代码片段如下:
其中index.jsp页面会有三个这种div,每一个div里显示八张该类别的图片的缩略图。其他的div里只是String category更换成相应的值就好了。
<div class="row"> <div class="col-xs-12 col-md-12"> <div class="item_container"> <% String category = "人物图片"; QueryAllPhoto query = new QueryAllPhoto(); ArrayList person_pic_list = query.QueryByExt(category); %> <% for (int i = 0; i < 8 && i < person_pic_list.size(); i++) { PhotoInfoEntity tem = (PhotoInfoEntity) person_pic_list.get(i); %> <!--一张图片的信息=======