效果图

有一个div

后台是structs,前台js如下,先用base_id查询出图片的pic_id和pic_location信息,再循环遍历查询出的数据,根据pic_id再去查询对应的图片,然后将查询出来的结果以src标签的形式append到指定位置。

数据库表设计

后台重点

查询所用的sql:

 

 

对于以上过程可能会有几个疑问:

1、base_id从哪里来?

如下所示,base_id是以下列表的序号,是从数据库查询出来的

当上图中的列表页面加载时,会调用sql

当点击查看时,会将base_id作为参数,传给showDaseinfo.jsp页面

showDaseinfo.jsp页面用如下方式去接收参数

然后将值传给js

然后跳到showImage.jsp页面,就可以直接使用base_id了