관리 메뉴

IT 쟁이

회원가입페이지 작성하기 4 - 우편번호 검색하기 -1 본문

ASP.NET Ex

회원가입페이지 작성하기 4 - 우편번호 검색하기 -1

꾸준한 사람이 되자 클라인STR 2008.01.16 21:54

3번째 포스팅에 걸쳐서 아이디 체크 부분에 대한 간략한 설명이 끝났습니다. -__-넘간략했다면 죄송
지금부터는 우편번호 검색에 대한 내용을 다룹니다.

먼저 우편번호에 대한 DB를 만듭니다.  인터넷을 통해서 검색하면 여러가지 방법이 있습니다.
http://blog.naver.com/iaman12/130013148052 를 참조하여 우편번호 데이터 베이스를 생성하고 테이블을 만듭니다.

사용자 삽입 이미지

우편번호를 찾기 위한 페이지 를 생성하고 화면을 구성한다. -_-꼭 저렇게 안해도 되며 여러가지 다른 컨트롤을 사용할 수 가 있을 것이다.
(3) 드롭다운리스트를 사용했지만 표형식으로 리스트 콘트롤 같은걸로 나타내는것도 좋을것 같다.
상상예찬!!!

전체적인 흐름은 다음과 같다
사용자 삽입 이미지

우편번호 찾기 버튼을 클릭하면 우편번호 찾기 창이 열리고 우편번호를 검색한 다음 선택한 우편번호 값이
회원가입 페이지로 전달되어서 (2), (3) 으로 다시 값이 전달되는데 값의 전달은 앞의 했던 방식으로 자바스크립트를 사용한다.

<IMG id="post_search" style="WIDTH: 72px; HEIGHT: 18px" onclick="Post()" src="image/btn_m_addr.gif"
               width="72">
우편번호 찾기 버튼은 이미지버튼으로 만들었다. 클릭할경우 Post()함수가 호출되게 작성하였으며
 function Post()
  {
   objFinder=window.open("Postsearch.aspx","", "width=370, height=380, status=0, menubar=0");
  }
window.open()사용하여 우편번호 검색창을 화면에 출력한다.

Postsearch.aspx 우편번호 검색창에서 검색할 동을 입력하고 우편번호 찾기 버튼을 선택하면
다음 이벤트가 실행된다.
private void Ima_post_Click(object sender, System.Web.UI.ImageClickEventArgs e)
  {
   string Connection=ConfigurationSettings.AppSettings["Key"];
   SqlConnection con = new SqlConnection(Connection);
   try
   {
    con.Open();
    SqlCommand command = new SqlCommand("select zipcode,sido,gugun,dong ,bunji  from zipcode where DONG=@dong",con);
    SqlParameter sp = new SqlParameter("@dong",SqlDbType.VarChar,52);
    sp.Value=input_post.Value;
    command.Parameters.Add(sp);
   
    SqlDataReader myreader = command.ExecuteReader(CommandBehavior.CloseConnection);
    while(myreader.Read())
    {
     string post = myreader[0].ToString() +" "+myreader[1].ToString()+" "+myreader[2].ToString()+" "+myreader[3].ToString();
     ListItem list = new ListItem(post,myreader[0].ToString() +"/"+myreader[1].ToString()+" "+myreader[2].ToString()+" "+myreader[3].ToString() );

     PostList1.Items.Add(list);
    }
   
   }
   catch(Exception e)
   {
    RegisterClientScriptBlock("Pscript","<script>alert(에러)</script>");
   }
   finally
   {
    con.Close();
   }
   

  }
코드에 대한 자세한 설명은 생략하고 간략하게 하면 빨간색으로 강조한 부분이 DropDownList에 검색된 값을 출력한다. DropDownList는 키와 값에 쌍으로 이루어 졌으며 값에 해당하는 부분에 "/"  로 구분자를 줘서 값을 대입한 이유는 부모창에 검색된 주소값을 넘겨줄때 활용하기 위해서 이다.

검색이 정상적으로 되면 다음과 같은 화면이 출력 될것이다.

사용자 삽입 이미지

엇 ..벌써 운동갈 시간이 =.= 낼 To be continue...

0 Comments
댓글쓰기 폼