1-4. 상품 정렬 (ajax를 활용하여 최신순, 낮은가격순, 높은가격순으로 정렬)

• 상품정렬은 최신순, 낮은가격순, 높은 가격 순으로 하였다
  • 아쉬운점은 카테고리별로 구분하지는 못했다는 점

 

상품을 정렬하는 부분은 구글에 찾아봐도 잘 없길래(내가 못 찾는것일 수도..ㅠ_ㅠ) 그냥 쿼리문을 사용하여 주먹구구식으로 구현하였다. 분명 메소드하나만 써서 재사용이 가능할텐데 시간이 없기도 하였고 .. ㅋㅋㅋㅋ

---

 

 

 

 

 

• index.jsp
  • 상품정렬하는 div
  • javascript를 사용해 클릭하면 함수호출 가능하도록
  • `&nbsp`를 사용하여 공백을 표시해주었다

<div id="product_order_list">
			<p>
			<a href="javascript:recentlist();">최신순</a>&nbsp&nbsp&nbsp|&nbsp&nbsp&nbsp
			<a href="javascript:pricelist();">낮은가격</a>&nbsp&nbsp&nbsp|&nbsp&nbsp&nbsp
			<a href="javascript:pricelistdesc();">높은가격</a> </p>
		</div>

 

 

 

 

 

 

 

 

 

• pricelistdesc누르면 ajax를 사용하여 넘어가게끔
  • url은 PricelistDesc(서블릿)
  • product_list의 html이 받은 data로 채워지게끔

var pricelistdesc = function(url){

	$.ajax({
		type: 'get',
		url: "../PricelistDesc",
		data: "",
		contentType:"application/x-www-form-urlencoded; charset=UTF-8",
		success: function(data) {
			$('#product_list').html(data);
		},
		error: function(request, status, error) {
			alert(error);
		}
	});
};

 

 

 

 

 

 

 

• pattern: PricelistDesc.java(서블릿)
  • Dao의 selectPricelistdesc메소드를 실행한 값은 list로 반환하여 productlist로 request에 저장
  • disparcher를 통해 phonepricelistdesc로 전달을 한다

@WebServlet("/PricelistDesc")
public class PricelistDesc extends HttpServlet {
	private static final long serialVersionUID = 1L;
       
	protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
		ProductDao2 dao = ProductDao2.getInstance();
		
		List<ProductVo> productList = dao.selectPricelistdesc();
		request.setAttribute("productList", productList);
		
		RequestDispatcher dispatcher = request.getRequestDispatcher("product_index/phonepricelistdesc.jsp");
		dispatcher.forward(request, response);
		System.out.println("전송완료");
	}

 

 

 

 

 

 

• phonepricelistdesc는 상품을 진열하는 부분과 동일하다