CarAllList.jsp

<%@page import="db.CarListBean"%>
<%@page import="java.util.Vector"%>
<%@page import="db.RentcarDAO"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%

	RentcarDAO rdao =new RentcarDAO();
	Vector<CarListBean> v =rdao.getAllCar();
	
%>
		
<div class="container marketing" id="marketing">
	<h2 class="text-center" id="carTitle">차량 전체 목록</h2>
   <!-- Three columns of text below the carousel -->
      <div class="row">
		
	<%
		for(int i=0; i <v.size(); i++){
			CarListBean bean =v.get(i);
	%>
        <div class="col-lg-4">
          <img class="img-circle" src="img/<%=bean.getImg() %>" alt="Generic placeholder image" width="300" height="200" 
             onclick="location.href='CarreserveInfo.jsp?no=<%= bean.getNo() %>'" >
          <h2><%=bean.getName() %></h2>
          <p><%= bean.getInfo() %></p>
          <p><a class="btn btn-default" href="CarreserveInfo.jsp?no=<%= bean.getNo() %>" role="button">상세보기 &raquo;</a></p>
        </div><!-- /.col-lg-4 -->

    <% } %>
   
      </div><!-- /.row -->  
      
</div>      


  <hr class="divider">



<div class="row">
	<div class="col-xs-2 col-md-2"></div>
	<div class="col-xs-8 col-md-8 text-center" >
	  
		<form class="form-inline" action="RentCarMain.jsp?center=CarCategoryList.jsp" method="post">
			<div class="form-group">
				<h4>차량 검색하기 &nbsp;</h4>
			</div>
			<div class="form-group">
				<select name="category" class="form-control">
					<option value="1">소형</option>
					<option value="2">중형</option>
					<option value="3">대형</option>
				</select>
			</div>
			<div class="form-group">
				<input type="submit" value="검색하기" class="btn btn-success">
			</div>
			<div class="form-group">
			    <input type="button" value="전체검색" class="btn btn-danger" onclick="location.href='RentCarMain.jsp?center=CarAllList.jsp'">
			</div>			
		</form>

	  	
	</div>

</div>

    

class RentcarDAO

	//모든 차량을 검색하는 메소드
	public  Vector<CarListBean> getAllCar(){
		String sql="select * from rentcar ";
		return commonCarBean(sql, false, 0);
	}
	

CarAllList.jsp, CarReserveMain.jsp, CarCategoryList.jsp 의 #marketing  에 타이틀을 코딩한다.

//
//
<div class="container marketing" id="marketing">
    <h2 class="text-center" id="carTitle">최신형 자동차</h2>
   <!-- Three columns of text below the carousel -->
      <div class="row">
//
//
//
//

Header.jsp 에서 CSS 변경 및 추가

#marketing{
	margin-top: 100px;

}

#carTitle{
	margin-bottom: 30px;
}

CarCategoryList.jsp

에서 다음과 같이 변경

<%

	//카테고리 분류값을 받아옴
	int category =Integer.parseInt(request.getParameter("category"));
	
	RentcarDAO rdao =new RentcarDAO();
	Vector<CarListBean> v =rdao.getCategoryCar(category);
	
	String temp="";
	if(category==1)temp="소형";
	else if(category==2)temp="중형";
	else if(category==3)temp="대형";
	
%>
<div class="container marketing" id="marketing">
		<h2 class="text-center" id="carTitle"><%= temp %> 자동차</h2>
   <!-- Three columns of text below the carousel -->
      <div class="row">

동영상 강좌와 다르게  모바일 적용이 가능한 반응형 부트스트랩을 사용하였다.

여기서는  jsp 를 배우는 강좌 이기 때문에 html 적 요소에는 비중있게 생각 하지 않아도 될 것이다.

또한, 일부 자바 코드는 제 입맛에 맞게 변경 하였습니다.

혹시, 이 강의를 들으면서 제 글을 읽고 소스코드를 참조하는 수강생이 있다면 동영상의 코드와 다르다고 생각지 마세요. 대부분 동여상 내용과 같으니 학습에 도움이 될거라 생각 합니다.

소스 :  https://github.com/braverokmc79/jsp_sin

유튜브 동영상 출처 :

소프트캠퍼스

강사 : 신형섭(잭임연구원)

저작권 : (주)소프트캠퍼스 http://www.softcampus.co.kr 더많은 무료 강의는 사이트에서 확인하실수 있습니다.