이클립스 톰캣 설정 시 체크 부분



- Use Tomact installation 을 체크 하면 톰캣 위치로 path가 바뀜

- xml publish 체크

- HTTP/1.1의 포트 변경 ( 오라클 설치 시 8080 사용하기 때문에 다른 포트번호로 변경함. )


'WEB > JSP' 카테고리의 다른 글

MVC패턴(모델2방식)  (0) 2013.05.04
아파치, 이클립스 설치  (0) 2013.05.04
26. Filter  (0) 2013.04.24
25. error page  (0) 2013.04.23
24. 템플릿 페이지  (0) 2013.04.23

 

 

 

 

1. java 다운

 

2. tomcat 다운

 

3. eclipse 다운

 

4. 특정 폴더에 java설치, tomcat, eclipse 모두 모아 둔다.

 

관리를 위해 한군데 모아 둔다. 폴더를 통채로 복사해서 인수인계 해도 될수 있을 정도로 관리한다.

 

 

 

이클립스의 workspace 까지 CoreFW 밑에 몰아 놓았다.

 

build : class

src : 소스

target : maven용

 

WebContent : 서비스가 시작되는 폴더

 

 

 

 

 

< DBConnection.java >

 

package test.db;

import java.sql.Connection;
import java.sql.DriverManager;
import java.sql.SQLException;

public class DBConnection {
 public static Connection getCon() throws SQLException{
  Connection con=null;
  try{
   Class.forName("oracle.jdbc.OracleDriver");
   String url="jdbc:oracle:thin:@localhost:1521:XE";
   con= DriverManager.getConnection(url,"SCOTT","TIGER");
   return con;
  }catch(ClassNotFoundException ce){
   System.out.println(ce.getMessage());
   return null;
  }
 }
}

 

1. 초기화면

 

2. 1을 등록하면 바로 옆에 검증 후 메시지 보여줌.

 3. 2을 등록하면 가능하다고 보여줌.

 

4. 관련 테이블 데이터

 

; 데이터로 ID 1이 들어가 있음.

 

 

< insert.html  >

 

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=EUC-KR">
<title>Insert title here</title>
<style type="text/css">
 #idcheck{
  color:red;
  font-size:10pt;
 }
</style>
<script type="text/javascript">
 var xhr=null;
 
 function getXHR(){
  if(window.XMLHttpRequest){
   //IE 7.0이상,Chrome,Firefox,Safari,....
   return new XMLHttpRequest();
  }else{
   //IE 하위버젼(6.0이하)
   return new ActiveXObject("Microsoft.XMLHTTP");
  }
 }
 
 function idCheck(){
  xhr=getXHR();
  xhr.onreadystatechange=getResult;
  var id=document.getElementById("id").value;
  xhr.open("get","idcheck.jsp?id="+id,true);
  xhr.send(null);
 }
 
 function getResult(){
  if(xhr.readyState==4 && xhr.status==200){
   var xml=xhr.responseXML;
   var re=xml.getElementsByTagName("result")[0].firstChild.nodeValue;
   
   if(re=='true'){
    //span에 결과 출력하기
    document.getElementById("idcheck").innerHTML="이미 사용중인 아이디 입니다.";
   }else{
    document.getElementById("idcheck").innerHTML="사용가능한 아이디 입니다.";
   }
  }
 }
</script>
</head>
<body>
<h3>회원가입</h3>
<form method="post" action="insert.jsp">
 아이디 <input type="text" name="id" id="id" onkeyup="idCheck()"/>
 <!-- <input type="button" value="중복확인" onclick="idCheck()"/>  -->
 <span id="idcheck"></span>
 <br/>
 비밀번호 <input type="password" name="pwd"/><br/>
 이메일<input type="text" name="email"/><br/>
 <input type="submit" value="회원가입"/>
</form>
</body>
</html>

 

 

< idcheck.jsp >

 

<%@page import="java.io.PrintWriter"%>
<%@page import="java.sql.SQLException"%>
<%@page import="test.db.DBConnection"%>
<%@page import="java.sql.ResultSet"%>
<%@page import="java.sql.PreparedStatement"%>
<%@page import="java.sql.Connection"%>
<%@ page language="java" contentType="text/html; charset=EUC-KR"
    pageEncoding="EUC-KR"%>
<%
 //1.사용자가 입력한 아이디 얻어오기
 String id=request.getParameter("id");
 //2.해당아이디가 존재하는지 검사
 Connection con=null;
 PreparedStatement pstmt=null;
 ResultSet rs=null;
 boolean result=false;
 try{
  con=DBConnection.getCon();
  String sql="select * from members where id=?";
  pstmt=con.prepareStatement(sql);
  pstmt.setString(1, id);
  rs=pstmt.executeQuery();
  if(rs.next()){
   result=true;
  }
 }catch(SQLException se){
  System.out.println(se.getMessage());
  
 }finally{
  rs.close();
  pstmt.close();
  con.close();
 }
 
 ////////// 3.xml로 결과 응답하기 ///////////
 response.setContentType("text/xml;charset=euc-kr");
 PrintWriter pw=response.getWriter();
 pw.println("<?xml version=\"1.0\" encoding=\"UTF-8\"?>");
 pw.println("<data>");
 pw.println("<result>" + result + "</result>");
 pw.println("</data>");
 pw.close();
 
%>

 

 

 

 

 

 

 

 

 

 

 

'WEB > Ajax Json' 카테고리의 다른 글

AJAX #08 JSON  (0) 2013.05.04
AJAX #07 JSON  (0) 2013.05.04
AJAX #06 JSON 관련 jar, javascript파일  (0) 2013.05.04
AJAX #05 JSON  (0) 2013.05.04
AJAX #04 댓글 달기 예제  (1) 2013.05.04


[[ MVC패턴(모델2방식) ]]


  - Model,View,Controller로 나누어서 구분하는 방식


  - Model : 비즈니스로직을 처리(자바객체,..)

    View : 결과를 화면에 출력담당(jsp,..)

    Controller : Model객체를 결과값을 가지고 뷰페이지로 가는 역할(Model과 view의 연결역할)

    -->서블릿으로 구현


  - 컨트롤러의 처리단계

   1) 클라이언트의 요청분석

   2) 요청에 따른 비즈니스 로직 처리

   3) 비즈니스로직을 처리한 결과값 담기(request,session 등)

   4) 뷰페이지로 이동(포워드 또는 리다이렉트) 




'WEB > JSP' 카테고리의 다른 글

tomcat 설치 후 이클립스 설정  (0) 2017.05.24
아파치, 이클립스 설치  (0) 2013.05.04
26. Filter  (0) 2013.04.24
25. error page  (0) 2013.04.23
24. 템플릿 페이지  (0) 2013.04.23



1. 아파치 다운 설치

http://tomcat.apache.org/download-70.cgi



- 압축을 푼다.



2. 이클립스

- javaEE

- dynamic web project로 project 생성후

- 하단 server 탭에서 server선택 ( 아파치 7.0 을 다운받았으므로 )

- 아파치 폴더 선택( bin, conf, lib 등 폴더가 있는 아파치 폴더 선택 )

- WebContent 폴더 밑에는 html, jsp 등 파일 생성

- 웹서버 포트 변경 시 server.xml 에서 포트 변경.


3. 브라우저 

검색기록-설정-임시인터넷파일-웹페이지를 열때마다 로 변경.






'WEB > JSP' 카테고리의 다른 글

tomcat 설치 후 이클립스 설정  (0) 2017.05.24
MVC패턴(모델2방식)  (0) 2013.05.04
26. Filter  (0) 2013.04.24
25. error page  (0) 2013.04.23
24. 템플릿 페이지  (0) 2013.04.23

+ Recent posts