如何用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製作分頁菜單

回答

相關問題