JSP로 구현한 DB연동 프로그램 (보여주기,검색,추가,삭제,로그인,아이디중복 )구현

소개

1. 하나의 폼에 선택 목록 하나(메뉴), 텍스트 입력폼 세개(아이디,패스워드1,패스워드2) submit() 버튼 하나로 구성하여
여러가지 기능을 가지는 인터페이스를 구현하고 싶었다.
2. 이의 해법으로 자바 스크립트와 사용자 정의 함수로 텍스트 폼 초기화와 alert창으로 메시지를 전달 하고, 두개의 텍스트 폼과 하나의 선택된 목록의 값을 가지고 페이지 핸들링을 담당하는 jsp 페이지로 이동하도록 하였다.
3. 페이지 핸들링을 담당하는 jsp 페이지가 하는 일은 선택목록의 선택값에 .jsp 문자열을 합성하여 jsp:forward 명령어로 다음 페이지로 이동할 수 있게 하고, 이떄에, 이전 페이지에서 넘어온 입력 값들을 가지고 이동하도록 하였다.
데이터베이스는 MYACCESS를 시스템 DSN에 등록하여 사용하였다.
스크린샷 및 실행 화면 프로그램 소개를 WORD 문서로 따로 저장하였고
파워포인트 도식도와 소스도 함께 첨부 하였다.

구현된 메뉴는 다음과 같다.

1.로그인
2.아이디중복
3.게정추가
4.저장된아이디와패스워드보기(관리자모드전용)
5.계정삭제
6.계정검색
7.비밀번호변경

컴파일 실행환경

JSP, MYACCESS , 톰캣

본문내용

< %@ page contentType="text/html;charset=euc-kr"%>
< !-- 한글 지원과 컨텐츠 타입을 나타내는 페이지 지시어-->
< script language="javascript">
< !-- 스크립트 선언 -->
function chk() < !-- 입력 폼의 공백 검사하는 사용자 정의 함수 -->
{
if(document.frm.select1.value=="idmatch" || document.frm.select1.value=="search"){
go();
}
else if(document.frm.userid.value=="" || document.frm.passwd.value=="")
{
alert("아이디와 패스워드를 삽입하세요.");
}
else
{
go();
}
}
function go()
{
< !-- 페이지 이동하는 사용자 정의 함수 -->
if(document.frm.select1.value=="default")
{
alert("메뉴를 선택하지 않으시면 로그인합니다.");
document.frm.action="./forwardTag2Form2.jsp"
document.frm.submit();
}
else
{
document.frm.action="./forwardTag2Form2.jsp"
document.frm.submit();
}

참고자료

· 없음