如何用css制作分页菜单

-1

我正在开发分类网站。在广告查看页面我必须从db获取广告数据。所以我用servlet来做到这一点。所有的工作都是现在完成并且完美地工作但毕竟它看起来很基本（我的意思是没有吸引力）。我想让它看起来专业。我如何做这件事？请帮我看看这个专业。谢谢。 Dilshan。如何用css制作分页菜单

servlet代码是这样的：

int page = 1; 
    int recordsPerPage = 5; 
    if(request.getParameter("page") != null) 
    page = Integer.parseInt(request.getParameter("page")); 
    // EmployeeDAO dao = new EmployeeDAO(); 
    View_ads_cls be=new View_ads_cls(); 
    List<Ads_view_to> list = be.getRecentAdd((page-1)*recordsPerPage, 
    recordsPerPage); 
    int noOfRecords = be.getNoOfRecords(); 
    int noOfPages = (int) Math.ceil(noOfRecords * 1.0/recordsPerPage); 
    request.setAttribute("allads", list); 
    request.setAttribute("noOfPages", noOfPages); 
    request.setAttribute("currentPage", page); 
    RequestDispatcher view = request.getRequestDispatcher("ad_viewer.jsp"); 
    view.forward(request, response);

jsp页面是在这里：的Emp ID 的Emp名称工资部门名称部门名称2

<c:forEach var="employee" items="${allads}"> 
    <tr> 
    <td>${employee.brand}</td> 
    <td>${employee.description}</td> 
    <td>${employee.price}</td> 
    <td><img src=${employee.imageurl}></td> 


</tr> 
</c:forEach> 
</table> 
<c:if test="${currentPage != 1}"> 
<td><a href="view_ads?page=${currentPage - 1}">Previous</a></td> 
</c:if> 

<%--For displaying Page numbers. 
The when condition does not display a link for the current page--%> 
<table border="1" cellpadding="5" cellspacing="5"> 
    <tr> 
<c:forEach begin="1" end="${noOfPages}" var="i"> 
<c:choose> 
<c:when test="${currentPage eq i}"> 
<td>${i}</td> 
</c:when> 
<c:otherwise> 
<td><a href="view_ads?page=${i}">${i}</a></td> 
</c:otherwise> 
</c:choose> 
</c:forEach> 
</tr> 
</table> 

<%--For displaying Next link --%> 
<c:if test="${currentPage lt noOfPages}"> 
<td><a href="view_ads?page=${currentPage + 1}">Next</a></td> 
</c:if>

来源

2013-09-30 Dilshan

在浏览器中，您关心的是代码或实际的外观？ – Armand

是的。此代码正常工作。我想让它看起来专业的设计在浏览器中。 – Dilshan

你需要看看CSS，或检查出twitter引导作为框架使用 – Armand

结帐以下链接 link1 ， Link2, Link3。你必须花时间与搜索引擎找出适合你的分页。

来源

2013-09-30 17:59:37

如何用css制作分页菜单

回答

相关问题