说三道四技术文摘-感悟人生的经典句子
说三道四 > 文档快照

有分页的分类导航

编辑:说三道四文库 发布时间:2018-06-23 11:58
HTML文档下载 WORD文档下载 PDF文档下载
分页 导航 点击图中的点击量(蓝色字体),实现分页功能
页面代码:
div class="main">
 <div>当前位置 热门推荐</div>
    <div style="float:left;width:300px;border:1px solid #CCC;">左边导航</div>
    
    <div style="float:left;width:800px;height:1000px;border:1px solid #CCC;margin-left:10px;">
       <div style="width:776px;color:#000;
background-color:#F0F0F0;height:15px;padding:12px;">热门推荐</div>
          <div style="width:100%;background-color:#F0F0F0;margin-top:5px;height:100px;">
          <ul style="padding:0px;margin:0px;">
          <li>排序方式:</li>
          <li style="margin-left:20px;line-height:20px;">时间</li>
          <li style="margin-left:20px;line-height:20px;"><a href="more.action.action?type=1&&clicknumber" target="_self">点击量</a></li>
         
          </ul>        
          </div>
         <div style="width:750px;height:auto;min-height:236px;margin-left:20px;margin-top:20px;">
         <!-- 循环输出 -->
         <s:iterator id="list" value="booklist">                
            <div style="float:left;width:335px;height:200px;border:1px solid #CCC;margin:10px;">
             <img src="<s:property value="bookurl"/>"  style="width:150px;height:200px;float:left;"/>            
              <ul style="float:left;margin:0px;padding-left:8px;">
               <li style="line-height:15px;font-size:18px;margin-top:8px;width: 170px;"><s:property value="title"/></li> 
               <li style="line-height:15px;font-size:12px;color:#CCC;margin-top:5px;margin-left:3px;width: 170px;"><s:property value="author"/></li>
               <li style="margin-top:20px;font-size:12px;color:#CCC;width:170px"><s:property value="bookdescribe"/></li>
              </ul>
            </div>                   
         </s:iterator>                   
         </div> 
         <!-- 下面是分页导航菜单 -->
         <div style="width:200px;margin-left:500px;border:1px solid #E0E0E0;height:30px;margin-bottom:0px;
    top:50px;">
           <s:set name="pageNo" value="pageNo"></s:set>
           <s:set name="totalPage" value="totalPage"></s:set>
            <!-- 只有一页 -->
          <s:if test="#pageNo==1 && #pageNo==#totalPage">
           首页 上一页 下一页 末页
          </s:if>
           <!-- 最后一页 -->
           <s:elseif test="#pageNo==#totalPage">
          <a href="more.action?type=1&&pageNo=1">首页</a> <a href="more.action?type=1&&pageNo=${pageNo-1 }">上一页</a> 下一页 末页
           </s:elseif>
           <!-- 第一页的情况 -->
           <s:elseif test="#pageNo==1">
              首页 上一页 <a href="more.action?type=1&&pageNo=${pageNo+1 }">下一页</a> <a href="more.action?type=1&&pageNo=${totalPage }">末页</a>
           </s:elseif>
            <!-- 其他 -->
           <s:else>
           <a href="more.action?type=1&&pageNo=1">首页</a> <a href="more.action?type=1&&pageNo=${pageNo-1 }">上一页</a>
           <a href="more.action?type=1&&pageNo=${pageNo+1 }">下一页</a> <a href="more.action?type=1&&pageNo=${totalPage }">末页</a>      
           </s:else>
           
         </div> 
    </div>   
</div>

action类的关键代码:
BookBiz biz=new BookBiz();
Map map = biz.getBookListByName(pageNo,pageSize,type);
//取出分页数据
booklist=(List)map.get("list");
pageNo =(Integer)map.get("pageNo");
totalPage =(Long)map.get("totalPage");

xml配置文件:
<action name="more" class="com.reception.action.BookMoreAction">
<result name="hot" type="dispatcher">/recption/hotmore.jsp</result>
<result name="new" type="dispatcher">/recption/newbook.jsp</result>
<result name="love" type="dispatcher">/recption/lovenovel.jsp</result>
<result name="Sell" type="dispatcher">/recption/bookselling.jsp</result>
   </action>

其实和普通分类一样逻辑
备案号:鲁ICP备13029499号-2 说三道四 www.s3d4.cn 说三道四技术文摘