社区

京东店铺
淘宝店铺
当当店铺
拼多多店铺

APP下载

扫描下载官方APP

VIP会员

JavaWeb图书答疑

+关注

已有49人关注

+发表新帖

所属版块： JavaWeb答疑区

huang740723

学分:0

+关注

私信

立即签到

版块推荐

jsp 项目开发全程实录第十博客网相册管理中显示两行两列部分如果想让出现三行三列如何办请老师解答

发表在JavaWeb图书答疑 2015-07-31

是否精华是否

版块置顶: 是否

<%@ page contentType="text/html; charset=gb2312" language="java" import="java.sql.*" errorPage="" %>
<jsp:directive.page import="java.util.List"/>
<jsp:directive.page import="com.wy.form.PhotoForm"/>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<link href="CSS/style.css" type="text/css"  rel="stylesheet">
<title>前台-相片查询</title>
<%@ page language="java" import="java.util.*" %>
<style type="text/css">

</style></head>

<jsp:useBean id="pagination" class="com.wy.tool.MyPagination" scope="session"></jsp:useBean>
<jsp:useBean id="photoDao" class="com.wy.dao.PhotoDao" scope="session"></jsp:useBean>
<%
String str=(String)request.getParameter("Page");
int Page=1;
List list=null;
if(str==null){
list=photoDao.queryPhoto();
int pagesize=6;      //指定每页显示的记录数
list=pagination.getInitPage(list,Page,pagesize);     //初始化分页信息
}else{
Page=pagination.getPage(str);
list=pagination.getAppointPage(Page);     //获取指定页的数据
}
%>

<body>

<jsp:include page="head_top.jsp" flush="true" />

<table width="800" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td width="74"><img src="images/head_06.jpg" width="74" height="846"></td>
    <td height="846" valign="top" background="images/head_07.jpg">

<%
out.println("<br><p align=left>    <img src=images/icon.gif width=10 height=10>  查询所有的相片</p>");
%>
    <table width="110" border="1" align="center" cellpadding="1" cellspacing="1" bordercolor="#red"  bgcolor="#FEce62">
      <%for(int i=0;i<list.size();i++){
  PhotoForm photoForm=(PhotoForm)list.get(i);
if(i % 2 ==0 ){
%>
      <tr bgcolor="#FFFFFF">
        <td width="100"><div align="center">
            <table width="90" border="0" align="center" cellpadding="0" cellspacing="0">
              <tr>
                <td height="85"><div align="center"><a href="#" onClick="window.open('photoSelectOne.jsp?image=<%=photoForm.getPhotoAddress()%>','','width=600,height=700');"><img src="<%=photoForm.getPhotoAddress()%>" width="95" height="140"></a></div></td>
              </tr>

            </table>
        </div></td>
        <%}else{%>
        <td width="100"><div align="center">
            <table width="90" border="0" align="center" cellpadding="0" cellspacing="0">
              <tr>
                <td height="150"><div align="center"><a href="#" onClick="window.open('photoSelectOne.jsp?image=<%=photoForm.getPhotoAddress()%>','','width=600,height=700');"><img src="<%=photoForm.getPhotoAddress()%>" width="94" height="140"></a></div></td>
              </tr>

            </table>
        </div></td>









      </tr>
      <%}
}%>
      <%if(list.size()%2 ==1){%>
  <td bgcolor="#FFFFFF"><div align="center">
        <table width="141" border="0" align="center" cellpadding="0" cellspacing="0">
          <tr>
            <td width="141" height="150"><div align="center"></div></td>
          </tr>

        </table>
    </div></td>

  <%}%></tr>
    </table>

    <%=pagination.printCtrl(Page) %>
    </td>
    <td width="10" background="images/head_07.jpg"><img src="images/head_08.jpg" width="13" height="846"></td>
    <td width="184" valign="top">

   
  <jsp:include page="head_right.jsp" flush="true" />



  </td>
    <td width="122"><img src="images/head_10.jpg" width="122" height="846"></td>
  </tr>
</table>

<jsp:include page="head_down.jsp" flush="true" />

</body>
</html>

分享到：

关注

支持(0)

反对(0)

精彩评论 1

菜鸟级精英

学分：0 LV1

+关注

私信

TA的每日心情

开心

2020-03-23 21:05:48

2015-08-03

沙发

这个改起来比较麻烦，改动的网页在head_phoyoSelect.jsp中
源代码这一段就是分成两列显示的功能：
<table width="341" border="1" align="center" cellpadding="1" cellspacing="1" bordercolor="#FFFFFF"  bgcolor="#FEce62">
      <%for(int i=0;i<list.size();i++){
  PhotoForm photoForm=(PhotoForm)list.get(i);
if(i % 2 ==0 ){  //如果当前图片序号是奇数，咋放在第一列
--展示图片
%>
<%}else{%>    //如果是偶数，则放在第二列
--展示图片
<%}
}%>
<%if(list.size()%2 ==1){%>  //如果图片总数是奇数，则单再列出一行
--展示图片
  <%}%>

如果你想把两行改成三行，需要做的判断就更复杂了，分为三种情况
i%3==0、i%3==1、i%3==2这三种，可以对应左中右三列，HTML中展示图片的代码改动很小，但是JSP需要做三次判断。源代码中只有两次判断。
并且还要判断一下最后一列需要展示几张图片。

由于我们已经不提供修改功能的代码了，所以具体怎么改就需要你自己动脑思考一下了。你也可以到读者交流群中交流经验。
JAVA/JAVAWEB技术交流群: 106933614

支持(0)

反对(0)

首页上一页 1 下一页尾页 1 条记录 1/1页