728x90

-개발환경-

IDE : Eclipse IDE for Enterprise Java Developers ver-2020-06 (4.16.0)
Tomcat : Tomcat v8.0 Server
JAVA : JAVA8
oracle : oracle 11g

-GUI

-구성도

 

-DB(Oracle)

 

-요약-

JAVASCRIPT


-onsubmit 이벤트-
       onsubmit 이벤트는 form의 submit 버튼이 클릭되면 실행되는 이벤트이다. 
       onsubmit 이벤트에서 함수를 실행해서 form에 입력된 데이터가 정상적인 데이터인가 유효성을 검사해서 
       검사 결과가 정상이면 true 
       오류가 발생되면 false를 리턴하게 만든다. 
       onsubmit="return javascript함수(this)"  형태로 코딩하며 javascript 함수의 실행 결과인 
       return 값이  true면 action 속성에서  지정한 페이지로 넘겨주고 return 값이 false면 현재 페이지에  
       그대로 머물러 있게한다. 

-멀티서브밋-
html에서 ..
<input type="button" value="수정" onclick="mySubmitUpdate(${formName})" />
script문에서..
function mySubmitUpdate(obj){
//console.log(obj.category.value);
if(!obj.category.value.trim()){
alert(' 수정할 카테고리를 입력하세요.');
obj.category.value ='';
obj.category.focus();
}else {
obj.action = 'update.jsp'; //인수로 넘어온 폼의 action페이지를 변경한다.
obj.submit();  //action 페이지를 호출하고 폼의 데이터를 전송한다.
}
}
이렇게하면,  데이터가 신기하게 잘넘어감..

HTML


JQUERY


-함수 인수 이용 예시-
$('#form').submit(function(event){
//preventDefault() : event로 넘어온 기본 이벤트의 
//실행을 중지시킨다.
event.preventDefault();
}

-함수 인수 이용 예시2-
item : sub_form 이라는 class가 지정된 index 번째 객체가 저장된다.
$('.sub_form').each(function(index,item){
//addClass() : each() 메소드를 통해서 반복되는 객체에 class 속성을 추가한다.
$(item).addClass('sub_form'+index);
}

-submit 이벤트-
아이디가 form인 태그에서 submit 버튼이 클릭되었을때 발생하는 이벤트.
$('#form').submit(function(event){
~
});

JSP


-useBean,setProperty-
<jsp:useBean id="vo" class="com.koreait.vo.CategoryVO">
<jsp:setProperty property="*" name="vo"/>
</jsp:useBean>
//class 에 해당하는 객체를 생성해서 변수이름을 vo로 지정.
//request.getParameter 자동효과로 얻어온 데이터를 vo 객체에 setter효과로 저장됨.

SQL 


ORACLE


JSTL


jstl : JSP 개발을 단순화하기위한 태그 라이브러리 
<!--  jstl을 이용해 대입문,제어문,서식,함수를 사용하기 위해 아래의 내용을 코딩한다. -->

<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%> <!-- 대입문,제어문,반복문 -->
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%><!-- 서식지정 -->
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%><!-- 함수 -->

jstl은 html태그 내부에 쓰이면 에러 발생.

jstl 조건문
else를 사용할 수 없다.
ex)
 <c:if test="${조건식}">
  조건식이 참일 경우 실행할 문장
 </c:if>
 
jstl 대입문
 <c:set var="변수 이름" value="변수에 저장할 데이터"/>

 jstl 반복문
초기치 부터 증가치 만큼 증가하며 최종치까지 반복한다.
 증가치가 생략가능으로, 1이 기본값으로  적용.
 증가치는 반드시 양수만 사용할 수 있다.
<c:forEach var="변수이름" begin="초기치" end="최종치" [step="증가치"]>
반복할 문장
</c:forEach>

jstl 반복문2
객체에 저장된 내용이 처음부터 마지막 까지 차례대로 대입되며 반복한다.
<c:forEach var="변수 이름" items=${배열 또는 List 객체}>
반복할 문장
</c:forEach>

jstl 함수
${fn:함수이름(인수)}

jstl 날짜 서식 적용,출력
날짜 서식을 지정하고 출력하는 방법이다. 
pattern유형은 자바와 동일하다.
<fmt:formatDate value="${날짜 데이터}" pattern="날짜 서식"/>


EL


EL(Expression Language) : 내장 객체의 데이터를 자바를 이용하지 않고
 쉽고 간결하게 꺼낼수 있게 하는 기술이다.
EL을 사용하면 request영역에 저장된 데이터를 받는 
처리 없이 request영역에 이미 저장된 객체를  사용 할수 있다.
ex)
GuestbookList guestbookList=(GuestbookList)request.getAttribute("guestbookList");  
out.println(guestbookList); 해당 2문장과 같은 기능을 아래명령어 EL로 표현
 ${guestbookList}
 
 EL표기로  ${객체이름.멤버변수이름} 을 사용할시 , 자동으로 getter효과가 발생됨. 

iBATIS


sql명령 :
iBATIS는 sql 명령내에 변수를 #과 #사이에 적는다.
myBATIS는 #{변수} 형식으로 적는다

.xml파일에서
parameterClass : db로 보내는 데이터의 타입을 적는다. 
resultClass : db로부터 받는 데이터의 타입을 적는다.


myBATIS


sql명령 : 
myBATIS는 sql 명령내에 변수를 #{변수} 형식으로 적는다

.xml파일에서
parameterType : db로 보내는 데이터의 타입을 적는다. 
resultType : db로부터 받는 데이터의 타입을 적는다.

Service.java파일에서
테이블을 변경하는 insert,delete,update sql은 작업 결과를 테이블에 
반영시키기 위해서  작업이 완료되면 commit() 메소드를 실행해야 함
mapper.commit();
mapper.close();

 

-마침글-

.

'21년이전 > 국비-JSP+oracle' 카테고리의 다른 글

JSP+Oracle-MVC패턴게시판  (0) 2021.04.16
JSP+Oracle-Freeboard  (0) 2021.04.13
JSP+Oracle-guestbook  (0) 2021.04.01

+ Recent posts