'21년이전/국비-JSP+oracle' 카테고리의 글 목록

21년이전/국비-JSP+oracle

JSP+Oracle-MVC패턴게시판

2021. 4. 16. 15:24

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)

-요약-

-마침글-

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

JSP+Oracle-Freeboard (0)	2021.04.13
JSP+Oracle - Category (0)	2021.04.07
JSP+Oracle-guestbook (0)	2021.04.01

JSP+Oracle-Freeboard

2021. 4. 13. 16:16

728x90

0408_freeboard.zip

4.41MB

-개발환경-

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)

-요약-

HTML

-label를 다른 외부태그와 묶어주기-
<label for="content">내용</label>       

CSS

style="resize: none;" 크기 고정

JAVASCRIPT

자바스크립트의 함수의 인수로 문자열을 넘길때는 반드시 따옴표로 묶어줘야한다.
자바스크립트의 함수로 인수를 넘길 때, 이스케이프시퀀스가 포함된 문자열을 넘기면
함수가 동작되지 않는다.
//java나 jsp의 replace 메소드는 모든 내용을 일괄적으로 치환하지만 ,
//자바스크립트의 replace함수는 맨 처음의 1개만 치환시킨다.
//즉, 인수로 넘어온 데이터에 더이상 <br/>이 나타나지 않을 때까지 반복하며  '\r\n'으로 치환시켜야 한다.

-특정문자열 반복하여 찾기-
while(content.indexOf('<br/>') != -1){
content = content.replace('<br/>','\r\n');
}

JAVA

JSP

-jsp에서 사용하는 시스템 영역과 유효 범위(scope)-
//pageContext => 현재 보고 있는 페이지
//request => 현재 보고있는 페이지의 다음 페이지
//session => 브라우저가 실행되면 생성되고 브라우저가 종료되면 소멸되는 영역
//application  => 서버가 실행되면 생성되고 서버가 종료되면 소멸되는 영역

request.getRemoteAddr()  //  접속자 아이피받아옴

JQUERY

JSTL+EL

-함수사용-
${fn:replace(vo.subject,'<','<')}
-날짜패턴지정-
<fmt:formatDate value="${vo.writeDate}" pattern="yyyy-MM-dd(E)" />

EL

${pageContext.request.remoteAddr} // 접속자 아이피 받음

IBATIS

MYBATIS

nextval => 시퀀스를 증가시킨다.
currval => 현재 시퀀스 값을 의미한다.
ex)
insert into category (idx, category, ref, lev, seq)
values (category_idx_seq.nextval, #{category}, category_idx_seq.currval, 0, 0)

SQL

ORACLE
-테이블 행수 검사-
select count(*) from freeboard
-삼중 for문 및  CDATA 이용 -


<![CDATA[
select * from (
select rownum rnum, GG.* from(
select * from freeboard order by idx desc
) GG where rownum <= #{endNo}
) where rnum >= #{startNo}
]]>

-마침글-

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

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

JSP+Oracle - Category

2021. 4. 7. 17:25

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 개발을 단순화하기위한 태그 라이브러리

<%@ 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

JSP+Oracle-guestbook

2021. 4. 1. 21:32

728x90

-개발환경-

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

-구성도-

-listView.jsp-

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
    
<!--  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"%><!-- 함수 -->
 
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
 
<fmt:requestEncoding value="UTF-8"/>
 
    <c:set var="view" value="${guestbookList.list}"/>
    <table width="1000" align="center" border="1" cellpadding="5" cellspacing="0">
        <tr>
            <th>방명록 보기</th>
        </tr>
        <tr>
            <td align="right">
                ${guestbookList.totalCount}개 (${guestbookList.currentPage}/ ${guestbookList.totalPage})Page
            </td>
        </tr>
        <tr>
            <td>
            
                 <c:if test="${view.size() == 0}">
                    <marquee>테이블에 글이 존재하지 않습니다.</marquee>
                </c:if>
                
                <c:if test="${view.size() != 0}">
                
                    <jsp:useBean id="date" class="java.util.Date"/>
                
                    <c:forEach var="vo" items="${view}">
                        
                        <table width="99%" align="center" border="1" cellpadding="5" cellspacing="0"> <!-- 바깥표의 넓이에 99퍼 맞춘다 -->
                            <tr>
                                <td>
                                      ${vo.idx}.
                                     
                                     <c:set var="name" value="${fn:replace(vo.name,'<','&lt;')}"/>
                                     <c:set var="name" value="${fn:replace(name,'>','&gt;')}"/>
                                     ${name}님(${vo.ip}})이
                                     
                                     <c:if test="${date.year == vo.writedate.year && date.month == vo.writedate.month && date.date == vo.writedate.date }">
                                         <fmt:formatDate value="${vo.writedate}" pattern="HH:mm"/>
                                     </c:if>
                                     <c:if test="${date.year != vo.writedate.year || date.month != vo.writedate.month || date.date != vo.writedate.date }">
                                         <fmt:formatDate value="${vo.writedate}" pattern="yyyy/MM/dd(E)"/>
                                     </c:if>
                                     에 남긴글
                                     
                                     <c:set var="memo" value="${fn:replace(vo.memo,'<','&lt;')}"/>
                                     <c:set var="memo" value="${fn:replace(memo,'>','&gt;')}"/>
                                     <c:set var="memo" value="${fn:replace(memo,enter,'</br>')}"/>
                                    ${memo} 
                                    
                                     <input type="button" value="수정" onclick="location.href='selectByIdx.jsp?idx=${vo.idx}&currentPage=${guestbookList.currentPage}&job=update'"/>
                                     <input type="button" value="삭제" onclick="location.href='selectByIdx.jsp?idx=${vo.idx}&currentPage=${guestbookList.currentPage}&job=delete'"/>
                                     
                                </td>
                            </tr>
                        </table>
                        
                    </c:forEach>
                </c:if>
                
            </td> 
        </tr>
        
        <!-- 페이지 이동 버튼 -->
        <tr>
            <td align="center">
            
                <!--  맨 앞으로 -->
                <c:if test="${guestbookList.currentPage> 1}">
                    <input class="button button1" type="button" value="맨앞" title="첫 번째 페이지로 이동" onclick="location.href='?currentPage=1'"/>
                </c:if>
                <c:if test="${guestbookList.currentPage <= 1}">
                    <input class="button button2" type="button" value="맨앞" disabled="disabled" title="이미 첫 번째 페이지입니다."/> 
                </c:if>    
            
                <!--  10페이지 앞으로 -->    
                <c:if test='${guestbookList.startPage>1}'>
                    <input class="button  button1" type="button" value="이전" title="이전 10페이지로 이동" onclick="location.href='?currentPage=${guestbookList.startPage -1}'"/>    
                </c:if>
                <c:if test='${guestbookList.startPage<=1}'>
                    <input class="button button2" type="button" value="이전" disabled="disabled" title="이미 첫 번째 10페이지입니다."/> 
                </c:if>
                <!--  페이지 이동 -->                
                <c:forEach var="i" begin="${guestbookList.startPage}" end="${guestbookList.endPage}">
                    <c:if test="${guestbookList.currentPage==i}">
                        <input class="button button2" type="button" value="${i}" disabled="disabled"/>
                    </c:if>
                    <c:if test="${guestbookList.currentPage!=i}">
                        <input class="button button1" type="button" value="${i}" onclick="location.href='?currentPage=${i}'"/>
                    </c:if>
                </c:forEach>
    
                <!--  10페이지 뒤로 -->
                <c:if test="${guestbookList.endPage < guestbookList.totalPage}">
                    <input class="button  button1" type="button" value="다음" title="다음 10페이지로 이동" onclick="location.href='?currentPage=${guestbookList.endPage +1}'"/>    
                </c:if>
            
                <c:if test="${guestbookList.endPage >= guestbookList.totalPage}">
                    <input class="button button2" type="button" value="다음" disabled="disabled" title="이미 마지막 10페이지입니다."/> 
                </c:if>
            
                <!--  맨 뒤로 -->
                <c:if test="${guestbookList.currentPage < guestbookList.totalPage}">
                    <input class="button  button1" type="button" value="맨뒤" title="마지막 페이지로 이동" onclick="location.href='?currentPage=${guestbookList.totalPage}'"/>    
                </c:if>
            
                <c:if test="${guestbookList.currentPage >= guestbookList.totalPage}">
                    <input class="button button2" type="button" value="맨뒤" disabled="disabled" title="이미 마지막 페이지입니다."/> 
                </c:if>
            
            </td>
        </tr>
        
        <!-- 글쓰기 버튼 -->
        <tr>
            <td align="right">
                <input type="button" value="글쓰기" onclick="location.href='insert.jsp'"/>
            </td>
        </tr>
    </table>
 
 
</body>
</html>
Colored by Color Scripter

cs

신입개발자의 메모장