웹 양식은 ASP.NET 기술을 기반으로 구축된 웹 페이지입니다. 서버에서 실행되고 브라우저에 출력을 생성합니다. .NET 공용 언어 런타임에서 지원하는 모든 언어에 대한 모든 브라우저와 호환됩니다. 이는 유연하며 사용자 정의 컨트롤을 생성하고 추가할 수 있습니다.
Visual Studio를 사용하여 ASP.NET 웹 양식을 만들 수 있습니다. 서버 컨트롤을 웹 양식으로 끌어다 놓을 수 있는 IDE(통합 개발 환경)입니다. 또한 컨트롤의 속성, 이벤트 및 메서드를 설정할 수도 있습니다. 비즈니스 논리를 작성하려면 Visual Basic 또는 Visual C#과 같은 .NET 언어를 선택할 수 있습니다.
웹 양식은 시각적 부분(ASX 파일)과 별도의 클래스 파일에 있는 양식 뒤의 코드라는 두 가지 구성 요소로 구성됩니다.
무화과: 이 다이어그램은 ASP.NET의 구성 요소를 보여줍니다.
Web Forms의 주요 목적은 ASP의 한계를 극복하고 애플리케이션 로직과 뷰를 분리하는 것입니다.
ASP.NET은 다음과 같은 다양한 컨트롤을 제공합니다. Web Forms용 서버 컨트롤 및 HTML 컨트롤. 아래에는 이러한 모든 컨트롤이 포함된 표가 있습니다.
서버 컨트롤
다음 표에는 Web Forms에 대한 서버 측 컨트롤이 포함되어 있습니다.
| 컨트롤 이름 | 적용 가능한 이벤트 | 설명 |
|---|---|---|
| 상표 | 없음 | HTML 페이지에 텍스트를 표시하는 데 사용됩니다. |
| 텍스트 상자 | 텍스트가 변경되었습니다. | 양식에 텍스트 입력을 만드는 데 사용됩니다. |
| 단추 | 클릭, 명령 | 버튼을 생성하는데 사용됩니다. |
| 링크버튼 | 클릭, 명령 | 하이퍼링크와 유사한 버튼을 만드는 데 사용됩니다. |
| 이미지버튼 | 딸깍 하는 소리 | ImagesButton을 생성하는 데 사용됩니다. 여기서는 이미지가 버튼 역할을 합니다. |
| 하이퍼링크 | 없음 | 클릭 이벤트에 응답하는 하이퍼링크 컨트롤을 만드는 데 사용됩니다. |
| 드롭 다운 목록 | SelectedIndexChanged | 드롭다운 목록 컨트롤을 만드는 데 사용됩니다. |
| 리스트 박스 | SelectedIndexCnhaged | HTML 컨트롤과 같은 ListBox 컨트롤을 만드는 데 사용됩니다. |
| 데이터그리드 | CancelCommand, EditCommand, DeleteCommand, ItemCommand, SelectedIndexChanged, PageIndexChanged, SortCommand, UpdateCommand, ItemCreated, ItemDataBound | 데이터를 표시하는 데 사용되는 frid를 만드는 데 사용되었습니다. 또한 이 컨트롤을 사용하면 페이징, 정렬 및 서식 지정을 매우 쉽게 수행할 수 있습니다. |
| 데이터 목록 | CancelCommand, EditCommand, DeleteCommand, ItemCommand, SelectedIndexChanged, UpdateCommand, ItemCreated, ItemDataBound | 표 형식이 아닌 데이터 목록을 생성하고 데이터를 표시하는 데 사용됩니다. |
| 연발총 | ItemCommand, ItemCreated, ItemDataBound | 이를 통해 테이블 형식이 아닌 데이터 형식을 만들 수 있습니다. 특정 반복 형식으로 결합된 HTML 비트와 같은 템플릿 항목에 데이터를 바인딩할 수 있습니다. |
| 체크박스 | 변경 확인 | 체크박스를 생성하는데 사용됩니다. |
| 체크박스목록 | SelectedIndexChanged | 모두 함께 작동하는 확인란 그룹을 만드는 데 사용됩니다. |
| 라디오 버튼 | 변경 확인 | 라디오버튼을 생성하는데 사용됩니다. |
| 라디오버튼목록 | SelectedIndexChanged | 모두 함께 작동하는 라디오 버튼 컨트롤 그룹을 만드는 데 사용됩니다. |
| 영상 | 없음 | 페이지 내에 이미지를 표시하는 데 사용됩니다. |
| 패널 | 없음 | 컨테이너로 작동하는 패널을 만드는 데 사용됩니다. |
| 자리 표시자 | 없음 | 컨트롤의 자리 표시자를 설정하는 데 사용됩니다. |
| 달력 | SelectionChanged, VisibleMonthChanged, DayRender | 달력을 생성하는데 사용됩니다. 기본 날짜를 설정하고 앞뒤로 이동하는 등의 작업을 할 수 있습니다. |
| AdRotator | 광고가 생성됨 | 이를 통해 표시할 광고 목록을 지정할 수 있습니다. 사용자가 페이지를 다시 표시할 때마다. |
| 테이블 | 없음 | 테이블을 생성하는데 사용됩니다. |
| XML | 없음 | HTML 내에 XML 문서를 표시하는 데 사용됩니다. |
| 오자 | 없음 | 리터럴을 표시한다는 점에서는 레이블과 비슷하지만 런타임에 새 리터럴을 생성하여 이 컨트롤에 배치할 수 있습니다. |
HTML 컨트롤
이러한 컨트롤은 브라우저에서 렌더링됩니다. HTML 컨트롤을 서버 컨트롤로 만들 수도 있습니다. 이에 대해서는 추가 튜토리얼에서 논의할 것입니다.
| 컨트롤 이름 | 설명 |
|---|---|
| 단추 | HTML 버튼을 생성하는데 사용됩니다. |
| 리셋 버튼 | 양식의 다른 모든 HTML 양식 요소를 기본값으로 재설정합니다. |
| 제출 버튼 | FORM 태그의 Action 속성에 나열된 지정된 페이지에 양식 데이터를 자동으로 게시합니다. |
| 텍스트 필드 | 사용자에게 HTML 양식의 입력 영역을 제공합니다. |
| 텍스트 영역 | HTML 양식의 여러 줄 입력에 사용됩니다. |
| 파일 필드 | 양식에 텍스트 필드와 찾아보기 버튼을 배치하고 찾아보기 버튼을 클릭하면 사용자가 로컬 컴퓨터에서 파일 이름을 선택할 수 있습니다. |
| 비밀번호 필드 | HTML 양식의 입력 영역(이 필드에 입력된 모든 문자는 별표로 표시됨) |
| 체크박스 | 사용자에게 선택하거나 선택 취소할 수 있는 확인란을 제공합니다. |
| 라디오 버튼 | 하나의 양식에 두 개 이상을 사용하고 사용자가 컨트롤 중 하나를 선택할 수 있도록 합니다. |
| 테이블 | 정보를 표 형식으로 표시할 수 있습니다. |
| 영상 | HTML 양식에 이미지를 표시합니다. |
| 리스트 박스 | 사용자에게 항목 목록을 표시합니다. 표시하려는 항목 수를 지정하기 위해 크기를 2개 이상으로 설정할 수 있습니다. 이 제한에 맞는 항목보다 더 많은 항목이 있는 경우 스크롤 막대가 이 컨트롤에 자동으로 추가됩니다. |
| 쓰러지 다 | 사용자에게 항목 목록을 표시하지만 한 번에 하나의 항목만 표시됩니다. 사용자는 이 컨트롤 측면에서 아래쪽 화살표를 클릭할 수 있으며 항목 목록이 표시됩니다. |
| 수평 법칙 | HTML 페이지 전체에 수평선을 표시합니다. |