MVC HTML 도우미
ASP.NET MVC - HTML 도우미
HTML 도우미는 HTML 출력을 수정하는 데 사용됩니다.
HTML 도우미
MVC의 HTML 도우미는 기존 ASP.NET 웹 양식 컨트롤과 유사합니다.
ASP.NET의 Web Form 컨트롤과 마찬가지로 HTML 도우미는 HTML을 수정하는 데 사용됩니다. 그러나 HTML 도우미는 더 가볍습니다. Web Form 컨트롤과 달리 HTML 도우미에는 이벤트 모델과 보기 상태가 없습니다.
대부분의 경우 HTML 도우미는 문자열을 반환하는 메서드일 뿐입니다.
MVC를 사용하면 자신만의 도우미를 만들거나 내장된 HTML 도우미를 직접 사용할 수 있습니다.
표준 HTML 도우미
MVC에는 HTML 링크 및 HTML 양식 요소와 같이 가장 일반적으로 사용되는 HTML 요소 유형에 대한 표준 도우미가 포함되어 있습니다.
HTML 링크
HTML 링크를 렌더링하는 가장 쉬운 방법은 HTML.ActionLink() 도우미를 사용하는 것입니다.
MVC에서는 Html.ActionLink()가 뷰에 연결되지 않습니다. 컨트롤러 작업에 대한 연결을 생성합니다.
Razor 구문:
ASP 구문:
첫번째 매개변수는 링크 텍스트이고, 두 번째 매개변수는 컨트롤러 액션의 이름입니다.
위의 Html.ActionLink() 도우미는 다음 HTML을 출력합니다.
Html.ActionLink() 도우미 일부 속성 of:
| Attributes | Description |
|---|---|
| .linkText | URL 텍스트(레이블), 앵커 요소의 내부 텍스트. |
| .actionName | 액션의 이름입니다. |
| .routeValues | 작업에 전달된 값은 경로 매개변수가 포함된 개체입니다. |
| .controllerName | 컨트롤러의 이름입니다. |
| .htmlAttributes | URL에 대한 속성 설정은 이 요소에 대해 설정할 HTML 속성이 포함된 개체입니다. |
| .protocol | URL 프로토콜(예: "http" 또는 "https"). |
| .hostname | URL의 호스트 이름입니다. |
| .fragment | URL 조각 이름(앵커 이름). |
참고: 컨트롤러 작업에 값을 전달할 수 있습니다. 예를 들어, 데이터베이스 레코드의 ID를 데이터베이스 편집 작업에 전달할 수 있습니다:
Razor 구문 C#:
Razor 구문 VB:
위의 Html.ActionLink() 도우미는 다음 HTML을 출력합니다.
HTML 양식 요소
다음 HTML 도우미를 사용하여 HTML 양식 요소를 렌더링(수정 및 출력)할 수 있습니다.
- BeginForm() EndForm()TextArea()TextBox()CheckBox()RadioButton()ListBox()DropDownList()Hidden()
- 비밀번호()
<p>
<label for="FirstName">이름:</label>
<%= Html.TextBox("FirstName") %>
<%= Html.ValidationMessage("이름", "*") %>
</p>
<p>
<label for="LastName">성:</label>
<%= Html.TextBox("LastName") %>
<%= Html.ValidationMessage("성", "*") %>
</p>
<p>
<label for="Password">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">Profile:</label>
<%= Html.TextArea("Profile", new {cols=60, 행=10})%>
</p>
<p>
<%= Html.CheckBox("ReceiveNewsletter") %>
<label for="ReceiveNewsletter" style="display:inline">수신 뉴스레터?</label>
</p>
<p>
<input type="submit" value="등록" />
</p>
<%}%>
