ojdbc.jar
ibatis.jar
ibatis설정파일
SqlMapConfig.xml -
DB설정, => dbinfo.properties
vo에 대한 alias, =>
mapper 파일 =>
DB table의 crud처리를 위해서
mapper파일에 접근하기 위해서 SqlMapClient객체가 필요 -
SqlMapClient객체를 생성하는 공장factory 클래스를 정의
getSqlMapClient()를 통하여 리턴한다
SqlMapClient객체가 필요한 시점에서
SqlMapClientFactory.getSqlMapClient();
출력방법 두가지 -
1.out.print(java안에서 java문장과 함께 출력)
2.<% %>
lprodVO
lprod.xml
sqlMapConfig.xml에 설정
lprod.jsp 만들어서 - jsonObject배열 데이터 생성
lprod.html
ajax 요청 - 응답
dbData
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<link rel="stylesheet" href="../css/mystyle.css" type="text/css">
<script src="../js/jquery-3.6.0.min.js"></script>
<style>
td{
width : 150px;
height: 50px;
text-align: center;
}
#addr{
width: 250px;
}
</style>
<script>
const xhr = new XMLHttpRequest();
$(function(){
$('#member').on('click',function(){
//요청
xhr.open("get", "member.jsp", true);
xhr.send();
//응답
xhr.onreadystatechange = function(){
if(this.readyState == 4 && this.status == 200){
arr = JSON.parse(this.responseText);
str = "<table border='1'>";
str += "<tr id='title'><td>아이디</td>";
str += "<td>이름</td>";
str += "<td id='addr'>주소</td>";
str += "<td>전화번호</td></tr>";
$.each(arr, function(i){
str += "<tr><td>" + arr[i].id + "</td>"
str += "<td>" + arr[i].name + "</td>"
str += "<td>" + arr[i].addr + "</td>";
str += "<td>" + arr[i].tel + "</td></tr>";
})
str += "</table>";
$('#result1').html(str);
$('#title').css('background', 'lightblue');
}
}
})
$('#jqmember').on('click', function(){
$.ajax({
url : 'member.jsp', //key:value, 형식
type : 'get',
success : function(arr){
str = "<table border='1'>";
str += "<tr class='title'><td>아이디</td>";
str += "<td>이름</td>";
str += "<td id='addr'>주소</td>";
str += "<td>전화번호</td></tr>";
$.each(arr, function(i){
str += "<tr><td>" + arr[i].id + "</td>"
str += "<td>" + arr[i].name + "</td>"
str += "<td>" + arr[i].addr + "</td>";
str += "<td>" + arr[i].tel + "</td></tr>";
})
str += "</table>";
$('#result2').html(str);
$('.title').css('background', 'lightgreen');
},
error : function(xhttp){
alert("상태 " + xhttp.status)
},
dataType : 'json'
})
})
})
</script>
</head>
<body>
<div class="box">
<br>
<br>
<button id="member" type="button">MemberList</button>
<div id="result1"></div>
</div>
<div class="box">
<br>
<br>
<button id="jqmember" type="button">MemberList(jQuery)</button>
<div id="result2"></div>
</div>
</body>
</html>
