ASP.NET MVC 프레임워크에는 뷰에서 HTML을 쉽게 렌더링할 수 있게 해주는 도우미 메서드가 포함되어 있습니다.
HTML 도우미는 HTML 출력을 수정하는 데 사용됩니다.
MVC를 사용하면 HTML 도우미는 기존 ASP.NET Web Form 컨트롤과 유사합니다.
ASP.NET의 Web Form 컨트롤과 마찬가지로 HTML 도우미는 HTML을 수정하는 데 사용됩니다. 그러나 HTML 도우미는 더 가볍습니다. Web Form 컨트롤과 달리 HTML 도우미에는 이벤트 모델과 보기 상태가 없습니다.
대부분의 경우 HTML 도우미는 문자열을 반환하는 메서드일 뿐입니다.
MVC를 사용하면 자신만의 도우미를 만들거나 내장된 HTML 도우미를 직접 사용할 수 있습니다.
MVC에는 HTML 링크 및 HTML 양식 요소와 같이 가장 일반적으로 사용되는 HTML 요소 유형에 대한 표준 도우미가 포함되어 있습니다.
HTML 링크를 렌더링하는 가장 간단한 방법은 HTML.ActionLink() 도우미를 사용하는 것입니다.
MVC를 사용하면 Html.ActionLink()가 뷰에 연결되지 않습니다. 컨트롤러 작업에 대한 연결을 생성합니다.
면도기 구문:
@Html.ActionLink("이 웹사이트 정보", "정보")
ASP 구문:
<%=Html.ActionLink("이 웹사이트 정보", "정보")%>
첫 번째 매개변수는 링크 텍스트이고 두 번째 매개변수는 컨트롤러 작업의 이름입니다.
위의 Html.ActionLink() 도우미는 다음 HTML을 출력합니다.
<a href="/Home/About">이 웹사이트 정보</a>
Html.ActionLink() 도우미의 일부 속성:
재산 | 설명하다 |
---|---|
.linkText | URL 텍스트(태그), 앵커 요소의 내부 텍스트입니다. |
.actionName | 작업의 이름입니다. |
.route값 | 작업에 전달된 값은 경로 매개변수가 포함된 개체입니다. |
.controllerName | 컨트롤러의 이름입니다. |
.html속성 | URL 속성 세트는 요소에 대해 설정할 HTML 속성을 포함하는 개체입니다. |
.규약 | "http" 또는 "https"와 같은 URL 프로토콜입니다. |
.호스트 이름 | URL의 호스트 이름입니다. |
.파편 | URL 조각 이름(앵커 이름). |
참고: 컨트롤러 작업에 값을 전달할 수 있습니다. 예를 들어 데이터베이스 레코드의 ID를 데이터베이스 편집 작업에 전달할 수 있습니다.
Razor 구문 C#:
@Html.ActionLink("기록 편집", "편집", 새 {Id=3})
면도기 구문 VB:
@Html.ActionLink("레코드 편집", "편집", 새로운 기능{.Id=3})
위의 Html.ActionLink() 도우미는 다음 HTML을 출력합니다.
<a href="/Home/Edit/3">기록 편집</a>
다음 HTML 도우미를 사용하여 HTML 양식 요소를 렌더링(수정 및 출력)할 수 있습니다.
시작양식()
엔드폼()
텍스트 영역()
텍스트박스()
체크박스()
라디오버튼()
리스트박스()
드롭다운목록()
숨겨진()
비밀번호()
ASP.NET 구문 C#:
<%= Html.ValidationSummary("만들기에 실패했습니다. 오류를 수정하고 다시 시도하십시오.") %> <% using (Html.BeginForm()){%> <p> <label for="FirstName">이름 :</label> <%= Html.TextBox("FirstName") %> <%= Html.ValidationMessage("FirstName", "*") %> </p> <p> <label for="LastName">성:</label> <%= Html.TextBox("LastName") %> <%= Html.ValidationMessage("LastName", "*") %> </ p> <p> <label for="Password">비밀번호:</label> <%= Html.Password("Password") %> <%= Html.ValidationMessage("Password", "*") %> </p> <p> <label for="Password">비밀번호 확인:</label> <%= Html.Password("ConfirmPassword") %> < %= Html.ValidationMessage("ConfirmPassword", "*") %> </p> <p> <label for="Profile">프로필:</label> <%= Html.TextArea("Profile", new {cols=60,rows=10})%> </p> <p> <%= Html.CheckBox("ReceiveNewsletter") %> <label for="ReceiveNewsletter" style= "display:inline">뉴스레터를 받으시겠습니까?</label> </p> <p> <input type="submit" value="등록" /> </p> <%}%>
위는 ASP.NETMVCHTML 도우미에 대한 소개입니다.