Blog Content

해당 페이지에서 컨트롤을 추가 합니다. 도구 - 로그인 - CreateUserWizard 컨트롤을 해당 페이지에 추가! 및 직접 코드작성 Register.aspx 결과확인 추가한 계정은 DB에 저장이 됩니다. 사용자 추가하기 - 회원관리 서비스에 사용자를 추가하려면 마이크로소프트 SQL 서버 익스프레스 에디션 - 데이터 저장소에 등록한다. - 회원관리 시스템을 위한 마이크로소프트 SQL 서버 데이터 공급자는 회원관리 서비스에 - 특화된 SQL 서버 익스트레스 버전 파일을 사용할 수 있다. - ASP.NET은 이 특정 파일이 기존에 존재하지 않을 경우 자동으로 생성한다. - ASPNETDB.MDF 파일을 생성하려면 회원관리 서비스를 활용하는 ASP.NET 서버 컨트롤로 다룬다. - ASPNETDB.MDF ..

로그인 컨트롤을 이용한 예제입니다. Login 서버 컨트롤 사용하기 - Login 서버 컨트롤을 사용하면 데이터 저장소로부터 검증될 수 있는 로그인 자격 증명을 제공하여 비인증 사용자를 인증 사용자로 전환할 수 있다. - 첫 번째 단계는 Login.aspx라는 새 웹 페이지를 생성해야 한다. Login.aspx는 비인증 사용자의 자격 증명을 얻기 위해서 사용하는 기본설정 페이지다. 해당 페이지에 Login Control 추가 도구 - 로그인 - Login Control 추가 Login.aspx 결과화면 컨트롤 추가 만으로 간단하게 디자인이 생성되었습니다.

sitemap컨트롤을 이용한 예제입니다. 새항목 추가 - 사이트맵 추가 ( Web.sitemap ) Web.sitemap 추가한 사이트맵을 웹 폼(WebForm)에 추가 합니다. FrmSiteMap.aspx 결과확인

도구 - 탐색 - TreeView 컨트롤을 이용하여 동적으로 트리뷰에 노드 추가하는 예제입니다. 해당 WebForm에 TreeView 컨트롤을 추가합니다. 도구-탐색-TreeView 추가한 컨트롤을 사용하기 위해 디자인 영역(페이지)으로 이동합니다. TreeViewControl 컨트롤 도구를 사용해서 추가해 주면 자동으로 코드가 입력됩니다. 자동 서식으로 간단하게 디자인 할 수 있습니다. TreeViewControl 동적으로 노드 추가하는 방법입니다. FrmTreeView.aspx.cs protected void Page_Load(object sender, EventArgs e) { TreeNode tn = TreeView1.Nodes[0].ChildNodes[1]; tn.ChildNodes.Add(ne..

탐색 컨트롤 사용 해당 프로젝트 페이지에 컨트롤을 추가합니다. 도구상자 - 탐색 - Menu 컨트롤 해당 페이지에 추가 또는 직접 입력가능 FrmMenu.aspx 결과화면 nternet Explorer 7,8 버전에서 클릭이 잘 안되는 경우가 있습니다.

하이퍼링크를 이용한 예제입니다. Default.aspx Introduce.aspx FrmMenu.aspx FrmTreeView.aspx 닷넷코리아 Godffs블로그 결과화면

ASP.NET 테마(Theme)와 스킨(Skin) 적용하기 코드 한 줄만 바꿔서 전체 웹 사이트가 배경색이 검정에서 흰색으로 또는 그 반대로 스타일을 변경 테마를 적용하는 방법중 2가지를 이용한 예제입니다. 1. 해당 웹 페이지에서 적용 2. 전체 웹 페이지에서 적용 새 프로젝트 - 새 웹사이트 추가 (WebTheme) 해당 프로젝트에서 ASP.NET 폴더 추가->Theme폴더를 추가합니다. (Black) 추가한 폴더에서 새항목 추가->스킨 파일 (SkinFile.skin) 과 스타일시트 (StyleSheet.css)를 추가합니다. SkinFile.skin에서는 서버컨트롤을, StyleSheet.css HTML 서버컨트롤 적용하기 위한 코드입니다. 서버컨트롤 이외의 다른 서버 컨트롤에 정의 하기 위해서는..

마스터 페이지(*.master) 동적으로 특정 컨트롤 접근 웹 사이트 전체의 레이아웃 ContentPlaceHoder 부분만 변하고 나머지는 레이아웃으로 고정 1. 새 프로젝트에서 웹사이트를 추가합니다. (WebMasterPage) - 해당 프로젝트에서 Default.aspx 파일을 삭제해주세요... 2. 추가한 해당 프로젝트에서 새항목 추가 - 마스터페이지 추가 기본적인 테이블을 디자인합니다. MasterPage.master 기본테이블 다지인 해당 프로젝트 - "웹 사용자 정의 컨트롤" 추가 ( Navigator.ascx ) 해당 페이지를 불러오기 Navigator.ascx HOME | About 페이지를 추가합니다. 스크린샷을 보고 따라하세요! 중요합니다! Default.aspx 와 About.asp..

유저 컨트롤 : 웹 사용자 정의 컨트롤(*.ascx) 똑같은 페이지 모양이 여러페이지에서 사용될 때 같은 웹사이트 내에서 사용할 수 있는 간단한 조그만 페이지를 만들어 놓음 기능 만들어 놓고 원하는 위치에 인클루드 하는 방법 코드를 재사용하는 게 아니라 페이지 모양을 재사용 실제 실행하는 템플릿은 Web Form가장 많이 쓰임 하나의 단위컨트롤 만들고 싶을 때 웹사이트 정의 컨트롤 사용 간단한 부분 페이지 확장자는 .ascx 예제에서 사용된 각각의 부분 페이지 Default.aspx : 메인 Navigator.ascx : 상위 메뉴 Category.ascx : 하부 메뉴 Catalog.ascx : 상품 진열 Copylight.ascx : 회사 소개 About.ascx : 기타 페이지 새 웹사이트를 추가 ..

ValidationSummary : 유효성 검사 컨트롤을 모아서 출력하기 FrmValidationSummary.aspx 아이디 : 이름 : 결과화면

CustomValidator : FrmCustomValidator.aspx // 클라이언트 레벨이라 서버에 부하를 줄여줌 function ClientValidate(sender, args) { if (args.Value.length 12) { args.IsValid = false; } else { args.IsValid = true; } } 아이디 : FrmCustomValidator.aspx.cs protected void valCustomer_ServerValidate(object source, ServerValidateEventArgs args) { // 서버 컨트롤로 할 수 있는 건 최대한 자바스크립트로 처리 // 서버의 부하를 줄여주기 위해서 st..

RegularExpressionValidator : 정규식(정규 표현식 검사) FrmRegularExpressionValidator.aspx 정규식(정규표현식) 검사? 이메일 : 결과화면 CompareValidator 컨트롤을 자바스크립트로 표현한 예제입니다. FrmRegularExpressionValidator.htm function CheckEmail() { if (check_mail(document.getElementById("txtEmail"))) { alert("OK"); } else { alert("뭐지?"); } } //[5] 메일주소 검사 function check_mail(cg) { /// /// 맞으면 true /// EmailEx1 = /[^@]+@[A-Za-z0-9_\-]+\.[A-..

CompareValidator : 비교 FrmCompareValidator.aspx 비교 암호 : 암호확인 : 로그인 결과화면 CompareValidator 컨트롤을 자바스크립트로 표현한 예제입니다. FrmCompareValidator.htm function Ok() { if (document.getElementById("txtPassword").value != document.getElementById("txtPasswordConfirm").value) { alert("암호가 틀립니다."); document.getElementById("txtPassword").select(); // 선택 } else { alert("유효성 검사 통과"); } } 비교 암호 : 암호확인 : 결과화면

RangeValidator : 입력 값 범위 Type="Integer" : 타입에 따라서 적용 FrmRangeValidator.aspx 범위 나이 : (1~150) 결과화면 RangeValidator 컨트롤을 자바스크립트로 표현한 예제입니다. FrmRangeValidator.htm function CheckLogin() { var varAge = parseInt(document.getElementById ("txtAge").value); // 값을 받아서 정수형 if (varAge 150) { alert("나이는 1~150까지 입력하시오."); document.getElementById("txtAge").focus(); //포커스 return false; //멈춤 } retu..

아이디와암호를입력관련예제입니다. Display="Dynamic" : 공간을잡지않음 (공간이없고텍스트만출력하고싶을때사용) Display="Static" : 고정됨 FrmRequiredFieldValidator.aspx 입력 확인 유효성 검사 컨트롤 아이디 : [ ] 암호 : [ ] FrmRequiredFieldValidator.aspx.cs protected void Button1_Click(object sender, EventArgs e) { txtUserID.Text = txtPassword.Text = "1"; } 결과화면 RequiredFieldValidator 컨트롤을 자바스크립트로 표현 function CheckLogin() { var userId = document.getElementById(..