1. emp 테이블에서 더미데이터 2000 개 넣은 뒤 테스트 하기.
1-1. 소스코드 (SQL)
-- emp01 테이블 더미데이터 넣기 (2000개)
BEGIN
FOR i IN 1000..3000 -- 1000번부터 3000번까지 i(empno)를 통해 반복한다
LOOP
INSERT INTO emp01 (empno, ename, job, mgr, hiredate, sal, comm, deptno)
VALUES (i, 'Tester', 'CLERK', 7902, '2020-12-31', 3000, 100, 10); -- empno가 지정된 자리에 i를 기입한다
END LOOP;
END;
-- emp01 테이블의 카디널리티를 조회하여 올바르게 적용되었는지 확인한다.
SELECT COUNT(*)
FROM emp01;
-- commit으로 해당 분기를 저장한다.(Auto Commit 기능이 없을때 대비)
--ROLLBACK; -- 만약 올바르게 적용되지 않았다면 해당 분기 이전으로 되돌린다.
COMMIT;1-2. 구현화면
2. emp01테이블을 emp 에서 복사하여 pk ,fk 툴을 사용하거나 alter 문으로 설정하여 emp01로 페이징 테스트 하기.
3. 아래의 리스트 페이지 에서 Jquery 로 makeList() 함수를 완성하여, 페이지를 뿌리도록 하시오.(미완성)
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %> <html> <head> <script> $(document).ready(function(){ makeList(); // List 기능이 담긴 해당 메소드의 구현부를 완성할 것 }); </script> </head> <body> <table id="list-table" width="500" cellpadding="0" cellspacing="0" border="1"> <!-- JSTL for문과 동일하게 구현부를 완성할 것 --> </table> </body> </html>
3-1. 소스코드
<!-- Jquery -->
<script src="//code.jquery.com/jquery-1.11.3.min.js"></script>
<script src="//code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
<script type="text/javascript">
$(document).ready() {
makeList();
});
function makeList() {
var list = "";
list += "<c:forEach items='${list}' var='dto'>";
list += "<tr>";
list += " <td>${dto.empno}</td>";
list += " <td>${dto.ename}</td>";
list += " <td>${dto.job}</td>";
list += " <td>${dto.mgr}</td>";
list += " <td>${dto.hiredate}</td>";
list += " <td>${dto.sal}</td>";
list += " <td>${dto.comm}</td>";
list += " <td>${dto.deptno}</td>";
list += " <td>${dto.dname}</td>";
list += " <td>${dto.loc}</td>";
list += " <td><a href='modify_view?empno=${dto.empno}'>관리</a></td>";
list += "</tr>";
list += "</c:forEach>";
$("#empList").innerHTML = list;
}
</script><div id="empList">
<c:forEach items="${list}" var="dto">
<tr>
<td>${dto.empno}</td>
<td>${dto.ename}</td>
<td>${dto.job}</td>
<td>${dto.mgr}</td>
<td>${dto.hiredate}</td>
<td>${dto.sal}</td>
<td>${dto.comm}</td>
<td>${dto.deptno}</td>
<td>${dto.dname}</td>
<td>${dto.loc}</td>
<td><a href="modify_view?empno=${dto.empno}">관리</a></td>
</tr>
</c:forEach>
</div>
... 생략3-2. 구현화면
3-3. 개선사항
Jquery와 EL 문법 혼용이 난해하여 innerHTML을 이용하였으나 제대로 적용이 되지않아 해당 알고리즘의 수정이 필요함.
'WebDev > 본과정' 카테고리의 다른 글
| Mybatis를 이용한 Spring MVC 출력 방법 (0) | 2021.05.16 |
|---|---|
| DB의 설계와 Spring의 MockMVC (0) | 2021.05.16 |
| 오라클의 페이징 처리 방법과 ROWNUM 키워드 (0) | 2021.05.16 |
| Spring의 리소스 처리와 페이징 및 유효성 검사 (0) | 2021.05.16 |
| JQuery 슬라이더와 달력 구현하기 (0) | 2021.05.16 |
최근댓글