Как сделать пейджинговое меню с помощью css

-1

Я занимаюсь разработкой классифицированного сайта. На странице просмотра объявлений мне нужно получить данные объявлений из db. Поэтому я использовал сервлет, чтобы сделать это. все работы выполняются сейчас и работают отлично. Но ведь это выглядит суо (я имею в виду не привлекательный). Я хочу сделать его профессиональным. Как я это делаю? пожалуйста, помогите мне посмотреть этот профессионал. Спасибо. Dilshan.Как сделать пейджинговое меню с помощью css

код сервлетов это:

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 Имя Зарплата Отдел Название Отдел Name2

<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 bootstrap, чтобы использовать в качестве рамки – Armand

Checkout следующие ссылки link1 , Link2, Link3. Вы должны провести время с поисковыми системами, чтобы узнать, какая из них подходит вам.

источник

2013-09-30 17:59:37

Как сделать пейджинговое меню с помощью css

ответ

Смежные вопросы