ASP.NET MVC Archives - 12 중 10 번째 페이지

[C#/ASP.NET MVC/.NETCORE] 의존성 주입(Dependency Injection) 컨테이너의 3가지 모드

■ 의존성 주입(Dependency Injection) 컨테이너의 3가지 모드를 보여준다. ▶ 표


──────────────────────────────────────────────────
모드        설명
─────  ────────────────────────────────────────────
Transient   services.AddTransient<IService, Service>();
            - 매번 호출할 때마다 생성되는데 새로운 인스턴스 변수 생성마다 다른 인스턴스가 생성된다.
Singleton   services.AddSingleton<IService, Service>();
            - 하나의 인스턴스만 생성된다.
            - 프로젝트 전체에서 같은 인스턴스가 생성(앱 전체에서 하나만 생성)된다.
Scoped      services.AddScoped<IService, Service>();
            - 같은 요청(Request)에는 같은 인스턴스가 생성된다.
──────────────────────────────────────────────────

──────────────────────────────────────────────────

모드 설명

───── ────────────────────────────────────────────

Transient services.AddTransient<IService, Service>();

- 매번 호출할 때마다 생성되는데 새로운 인스턴스 변수 생성마다 다른 인스턴스가 생성된다.

Singleton services.AddSingleton<IService, Service>();

- 하나의 인스턴스만 생성된다.

- 프로젝트 전체에서 같은 인스턴스가 생성(앱 전체에서 하나만 생성)된다.

Scoped services.AddScoped<IService, Service>();

- 같은 요청(Request)에는 같은 인스턴스가 생성된다.

──────────────────────────────────────────────────

[C#/ASP.NET MVC/.NETCORE] 태그 주요 속성

■ <cache> 태그 주요 속성을 보여준다. ▶ 표


──────────────────────────────
속성              설명
────────  ─────────────────────
expires-after     특정 시간 동안 캐시 적용
expires-on        특정 시간에 캐시가 해제
expires-sliding   지정된 시간 후에는 출력되지 않는 내용 설정
vary-by-user      로그인한 사용자별로 캐싱 적용
vary-by-route     특정 라우트에 따른 캐싱 적용
vary-by-query     특정 쿼리스트링에 따른 캐싱 적용
vary-by-cookie    특정 쿠키에 따른 캐싱 적용
vary-by-header    특정 요청 헤더 값에 따른 캐싱 적용
vary-by           특정 문자열에 따른 캐싱 적용
priority          캐싱에 대한 우선 순위 적용
──────────────────────────────

──────────────────────────────

속성 설명

──────── ─────────────────────

expires-after 특정 시간 동안 캐시 적용

expires-on 특정 시간에 캐시가 해제

expires-sliding 지정된 시간 후에는 출력되지 않는 내용 설정

vary-by-user 로그인한 사용자별로 캐싱 적용

vary-by-route 특정 라우트에 따른 캐싱 적용

vary-by-query 특정 쿼리스트링에 따른 캐싱 적용

vary-by-cookie 특정 쿠키에 따른 캐싱 적용

vary-by-header 특정 요청 헤더 값에 따른 캐싱 적용

vary-by 특정 문자열에 따른 캐싱 적용

priority 캐싱에 대한 우선 순위 적용

──────────────────────────────

[C#/ASP.NET MVC/.NETCORE] 태그 : 캐시 기능 사용하기

■ <cache> 태그에서 캐시 기능을 사용하는 방법을 보여준다. ▶ Views/Test/Index.cshtml


@{ Layout = null; }
<p>&lt;cache&gt; 태그 : 캐시 기능 사용하기</p>
<hr />
<p>캐시 미적용시</p>
<div>현재 시간 : @DateTime.Now.ToString()</div>
<hr />
<p>캐시 적용시</p>
<cache expires-after="@TimeSpan.FromMinutes(1)">
    <div>현재 시간  : @DateTime.Now.ToString()</div>
</cache>

@{ Layout = null; }

<hr />

<div>현재 시간 : @DateTime.Now.ToString()</div>

<hr />

<div>현재 시간 : @DateTime.Now.ToString()</div>

</cache>

TestProject.zip

[C#/ASP.NET MVC/.NETCORE] TagHelper 클래스 : 게시판 페이지 번호 목록을 생성하는 커스텀 태그 헬퍼 만들기

■ TagHelper 클래스를 사용해 게시판 페이지 번호 목록을 생성하는 커스텀 태그 헬퍼를 만드는 방법을 보여준다. ▶ TagHelpers/PagingHelperTagHelper.cs


using Microsoft.AspNetCore.Razor.TagHelpers;
using System;
using System.Text;

namespace TestProject.TagHelpers
{
    /// <summary>
    /// 페이징 헬퍼
    /// </summary>
    public class PagingHelperTagHelper : TagHelper
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Field
        ////////////////////////////////////////////////////////////////////////////////////////// Private

        #region Field

        /// <summary>
        /// 레코드 수
        /// </summary>
        private int recordCount;

        #endregion

        //////////////////////////////////////////////////////////////////////////////////////////////////// Property
        ////////////////////////////////////////////////////////////////////////////////////////// Public

        #region 검색 모드 - SearchMode

        /// <summary>
        /// 검색 모드
        /// </summary>
        public bool SearchMode { get; set; } = false;

        #endregion
        #region 검색 필드 - SearchField

        /// <summary>
        /// 검색 필드
        /// </summary>
        public string SearchField { get; set; }

        #endregion
        #region 검색 쿼리 - SearchQuery

        /// <summary>
        /// 검색 쿼리
        /// </summary>
        public string SearchQuery { get; set; }

        #endregion
        #region 페이지 인덱스 - PageIndex

        /// <summary>
        /// 페이지 인덱스
        /// </summary>
        /// <remarks>0부터 시작한다.</remarks>
        public int PageIndex { get; set; } = 0;

        #endregion
        #region 페이지 수 - PageCount

        /// <summary>
        /// 페이지 수
        /// </summary>
        public int PageCount { get; set; }

        #endregion
        #region 페이지 크기 - PageSize

        /// <summary>
        /// 페이지 크기
        /// </summary>
        public int PageSize { get; set; } = 10;

        #endregion
        #region URL - URL

        /// <summary>
        /// URL
        /// </summary>
        public string URL { get; set; }

        #endregion
        #region 레코드 수 - RecordCount

        /// <summary>
        /// 레코드 수
        /// </summary>
        public int RecordCount
        {
            get
            {
                return this.recordCount;
            }
            set
            {
                this.recordCount = value;

                PageCount = ((this.recordCount - 1) / PageSize) + 1;
            }
        }

        #endregion

        //////////////////////////////////////////////////////////////////////////////////////////////////// Method
        ////////////////////////////////////////////////////////////////////////////////////////// Public

        #region 처리하기 - Process(context, output)

        /// <summary>
        /// 처리하기
        /// </summary>
        /// <param name="context">컨텍스트</param>
        /// <param name="output">출력</param>
        public override void Process(TagHelperContext context, TagHelperOutput output)
        {
            output.TagName = "ul";

            output.Attributes.Add("class", "pagination pagination-sm");

            if(PageIndex == 0)
            {
                PageIndex = 1;
            }

            int i;

            StringBuilder stringBuilder = new StringBuilder();

            if(PageIndex > 10)
            {
                if(!SearchMode)
                {
                    stringBuilder.Append("<li><a href=\"");
                    stringBuilder.Append(URL);
                    stringBuilder.Append("?Page=");
                    stringBuilder.Append(Convert.ToString(((PageIndex - 1) / (int)10) * 10));
                    stringBuilder.Append("\">◀ </a></li>");
                }
                else
                {
                    stringBuilder.Append("<li><a href=\"");
                    stringBuilder.Append(URL);
                    stringBuilder.Append("?Page=");
                    stringBuilder.Append(Convert.ToString(((PageIndex - 1) / (int)10) * 10));
                    stringBuilder.Append("&SearchField=");
                    stringBuilder.Append(SearchField);
                    stringBuilder.Append("&SearchQuery=");
                    stringBuilder.Append(SearchQuery);
                    stringBuilder.Append("\">◀ </a></li>");
                }
            }
            else
            {
                stringBuilder.Append("<li class='disabled'><a>◁ </a></li>");
            }

            int startPage = ((PageIndex - 1) / (int)10) * 10 + 1;
            int endPage   = (((PageIndex - 1) / (int)10) + 1) * 10;

            for(i = startPage; i <= endPage; i++)
            {
                if(i > PageCount)
                {
                    break;
                }

                if(i == PageIndex)
                {
                    stringBuilder.Append("<li class='active'><a href='#'><b>");
                    stringBuilder.Append(i.ToString());
                    stringBuilder.Append("</b></a></li>");
                }
                else
                {
                    if(!SearchMode)
                    {
                        stringBuilder.Append("<li><a href=\"");
                        stringBuilder.Append(URL);
                        stringBuilder.Append("?Page=");
                        stringBuilder.Append(i.ToString());
                        stringBuilder.Append("\">");
                        stringBuilder.Append(i.ToString());
                        stringBuilder.Append("</a></li>");
                    }
                    else
                    {
                        stringBuilder.Append("<li><a href=\"");
                        stringBuilder.Append(URL);
                        stringBuilder.Append("?Page=");
                        stringBuilder.Append(i.ToString());
                        stringBuilder.Append("&SearchField=");
                        stringBuilder.Append(SearchField);
                        stringBuilder.Append("&SearchQuery=");
                        stringBuilder.Append(SearchQuery);
                        stringBuilder.Append("\">");
                        stringBuilder.Append(i.ToString());
                        stringBuilder.Append("</a></li>");
                    }
                }

                if(i < endPage)
                {
                    stringBuilder.Append("&nbsp;");
                }
            }

            if(i < PageCount)
            {
                if(!SearchMode)
                {
                    stringBuilder.Append("<li><a href=\"");
                    stringBuilder.Append(URL);
                    stringBuilder.Append("?Page=");
                    stringBuilder.Append(Convert.ToString(((PageIndex - 1) / (int)10) * 10 + 11));
                    stringBuilder.Append("\"> ▶</a></li>");
                }
                else
                {
                    stringBuilder.Append("<li><a href=\"");
                    stringBuilder.Append(URL);
                    stringBuilder.Append("?Page=");
                    stringBuilder.Append(Convert.ToString(((PageIndex - 1) / (int)10) * 10 + 11));
                    stringBuilder.Append("&SearchField=");
                    stringBuilder.Append(SearchField);
                    stringBuilder.Append("&SearchQuery=");
                    stringBuilder.Append(SearchQuery);
                    stringBuilder.Append("\"> ▶</a></li>");
                }
            }
            else
            {
                stringBuilder.Append("<li class='disabled'><a> ▷</a></li>");
            }

            output.Content.AppendHtml(stringBuilder.ToString());
        }

        #endregion
    }
}

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

123

124

125

126

127

128

129

130

131

132

133

134

135

136

137

138

139

140

141

142

143

144

145

146

147

148

149

150

151

152

153

154

155

156

157

158

159

160

161

162

163

164

165

166

167

168

169

170

171

172

173

174

175

176

177

178

179

180

181

182

183

184

185

186

187

188

189

190

191

192

193

194

195

196

197

198

199

200

201

202

203

204

205

206

207

208

209

210

211

212

213

214

215

216

217

218

219

220

221

222

223

224

225

226

227

228

229

230

231

232

233

234

235

236

237

238

239

240

241

242

243

using Microsoft.AspNetCore.Razor.TagHelpers;

using System;

using System.Text;

namespace TestProject.TagHelpers

{

/// <summary>

/// 페이징 헬퍼

/// </summary>

public class PagingHelperTagHelper : TagHelper

{

//////////////////////////////////////////////////////////////////////////////////////////////////// Field

////////////////////////////////////////////////////////////////////////////////////////// Private

#region Field

/// <summary>

/// 레코드 수

/// </summary>

private int recordCount;

#endregion

//////////////////////////////////////////////////////////////////////////////////////////////////// Property

////////////////////////////////////////////////////////////////////////////////////////// Public

#region 검색 모드 - SearchMode

/// <summary>

/// 검색 모드

/// </summary>

public bool SearchMode { get; set; } = false;

#endregion

#region 검색 필드 - SearchField

/// <summary>

/// 검색 필드

/// </summary>

public string SearchField { get; set; }

#endregion

#region 검색 쿼리 - SearchQuery

/// <summary>

/// 검색 쿼리

/// </summary>

public string SearchQuery { get; set; }

#endregion

#region 페이지 인덱스 - PageIndex

/// <summary>

/// 페이지 인덱스

/// </summary>

/// <remarks>0부터 시작한다.</remarks>

public int PageIndex { get; set; } = 0;

#endregion

#region 페이지 수 - PageCount

/// <summary>

/// 페이지 수

/// </summary>

public int PageCount { get; set; }

#endregion

#region 페이지 크기 - PageSize

/// <summary>

/// 페이지 크기

/// </summary>

public int PageSize { get; set; } = 10;

#endregion

#region URL - URL

/// <summary>

/// URL

/// </summary>

public string URL { get; set; }

#endregion

#region 레코드 수 - RecordCount

/// <summary>

/// 레코드 수

/// </summary>

public int RecordCount

{

get

{

return this.recordCount;

}

set

{

this.recordCount = value;

PageCount = ((this.recordCount - 1) / PageSize) + 1;

}

#endregion

//////////////////////////////////////////////////////////////////////////////////////////////////// Method

////////////////////////////////////////////////////////////////////////////////////////// Public

#region 처리하기 - Process(context, output)

/// <summary>

/// 처리하기

/// </summary>

/// <param name="context">컨텍스트</param>

/// <param name="output">출력</param>

public override void Process(TagHelperContext context, TagHelperOutput output)

{

output.TagName = "ul";

output.Attributes.Add("class", "pagination pagination-sm");

if(PageIndex == 0)

{

PageIndex = 1;

}

int i;

StringBuilder stringBuilder = new StringBuilder();

if(PageIndex > 10)

{

if(!SearchMode)

{

stringBuilder.Append("<li><a href=\"");

stringBuilder.Append(URL);

stringBuilder.Append("?Page=");

stringBuilder.Append(Convert.ToString(((PageIndex - 1) / (int)10) * 10));

stringBuilder.Append("\">◀ </a></li>");

}

else

{

stringBuilder.Append("<li><a href=\"");

stringBuilder.Append(URL);

stringBuilder.Append("?Page=");

stringBuilder.Append(Convert.ToString(((PageIndex - 1) / (int)10) * 10));

stringBuilder.Append("&SearchField=");

stringBuilder.Append(SearchField);

stringBuilder.Append("&SearchQuery=");

stringBuilder.Append(SearchQuery);

stringBuilder.Append("\">◀ </a></li>");

}

else

{

stringBuilder.Append("<li class='disabled'><a>◁ </a></li>");

}

int startPage = ((PageIndex - 1) / (int)10) * 10 + 1;

int endPage = (((PageIndex - 1) / (int)10) + 1) * 10;

for(i = startPage; i <= endPage; i++)

{

if(i > PageCount)

{

break;

}

if(i == PageIndex)

{

stringBuilder.Append("<li class='active'><a href='#'><b>");

stringBuilder.Append(i.ToString());

stringBuilder.Append("</b></a></li>");

}

else

{

if(!SearchMode)

{

stringBuilder.Append("<li><a href=\"");

stringBuilder.Append(URL);

stringBuilder.Append("?Page=");

stringBuilder.Append(i.ToString());

stringBuilder.Append("\">");

stringBuilder.Append(i.ToString());

stringBuilder.Append("</a></li>");

}

else

{

stringBuilder.Append("<li><a href=\"");

stringBuilder.Append(URL);

stringBuilder.Append("?Page=");

stringBuilder.Append(i.ToString());

stringBuilder.Append("&SearchField=");

stringBuilder.Append(SearchField);

stringBuilder.Append("&SearchQuery=");

stringBuilder.Append(SearchQuery);

stringBuilder.Append("\">");

stringBuilder.Append(i.ToString());

stringBuilder.Append("</a></li>");

}

if(i < endPage)

{

stringBuilder.Append(" ");

}

if(i < PageCount)

{

if(!SearchMode)

{

stringBuilder.Append("<li><a href=\"");

stringBuilder.Append(URL);

stringBuilder.Append("?Page=");

stringBuilder.Append(Convert.ToString(((PageIndex - 1) / (int)10) * 10 + 11));

stringBuilder.Append("\"> ▶</a></li>");

}

else

{

stringBuilder.Append("<li><a href=\"");

stringBuilder.Append(URL);

stringBuilder.Append("?Page=");

stringBuilder.Append(Convert.ToString(((PageIndex - 1) / (int)10) * 10 + 11));

stringBuilder.Append("&SearchField=");

stringBuilder.Append(SearchField);

stringBuilder.Append("&SearchQuery=");

stringBuilder.Append(SearchQuery);

stringBuilder.Append("\"> ▶</a></li>");

}

else

{

stringBuilder.Append("<li class='disabled'><a> ▷</a></li>");

}

output.Content.AppendHtml(stringBuilder.ToString());

}

#endregion

}

▶ Views/Test/Index.cshtml


@addTagHelper *, TestProject
<p>TagHelper 클래스 : 게시판 페이지 번호 목록을 생성하는 사용자 정의 태그 헬퍼 만들기</p>
<hr />
<paging-helper url="@Context.Request.Path"
    page-index='Convert.ToInt32(Context.Request.Query["Page"])'
    page-size="10"
    record-count="301"
    search-mode="false">
</paging-helper>
<paging-helper url="@Context.Request.Path"
    page-index='Convert.ToInt32(Context.Request.Query["Page"])'
    page-size="10"
    record-count="100"
    search-mode="true"
    search-field="Name"
    search-query="홍길동">
</paging-helper>

@addTagHelper *, TestProject

<p>TagHelper 클래스 : 게시판 페이지 번호 목록을 생성하는 사용자 정의 태그 헬퍼 만들기</p>

<hr />

<paging-helper url="@Context.Request.Path"

page-index='Convert.ToInt32(Context.Request.Query["Page"])'

page-size="10"

record-count="301"

search-mode="false">

</paging-helper>

<paging-helper url="@Context.Request.Path"

page-index='Convert.ToInt32(Context.Request.Query["Page"])'

page-size="10"

record-count="100"

search-mode="true"

search-field="Name"

search-query="홍길동">

</paging-helper>

TestProject.zip

[C#/ASP.NET MVC/.NETCORE] TagHelper 클래스 : 유닉스 시간을 현재 시간으로 변환하는 커스텀 태그 헬퍼 만들기

■ TagHelper 클래스를 사용해 유닉스 시간을 현재 시간으로 변환하는 커스텀 태그 헬퍼를 만드는 방법을 보여준다. ▶ TagHelpers/UnixTimeConverterTagHelper.cs


using Microsoft.AspNetCore.Razor.TagHelpers;
using System;
using System.Threading.Tasks;

namespace TestProject.TagHelpers
{
    /// <summary>
    /// 유닉스 시간 변환자 태그 헬퍼
    /// </summary>
    public class UnixTimeConverterTagHelper : TagHelper
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Property
        ////////////////////////////////////////////////////////////////////////////////////////// Public

        #region 포맷 문자열 - Format

        /// <summary>
        /// 포맷 문자열
        /// </summary>
        public string Format { get; set; } = "yyyy-MM-dd HH:mm:ss";

        #endregion

        //////////////////////////////////////////////////////////////////////////////////////////////////// Method
        ////////////////////////////////////////////////////////////////////////////////////////// Public

        #region 비동기 처리하기 - ProcessAsync(context, output)

        /// <summary>
        /// 비동기 처리하기
        /// </summary>
        /// <param name="context">컨텍스트</param>
        /// <param name="output">출력</param>
        /// <returns>태스크</returns>
        public override async Task ProcessAsync(TagHelperContext context, TagHelperOutput output)
        {
            string sourceContent = (await output.GetChildContentAsync()).GetContent();

            DateTime unixTime = new DateTime(1970, 1, 1, 0, 0, 0, DateTimeKind.Utc);

            DateTime currentTime = unixTime.AddSeconds(Convert.ToDouble(sourceContent));

            string targetContent = currentTime.ToString(Format);

            output.Content.SetContent(targetContent);
        }

        #endregion
    }
}

using Microsoft.AspNetCore.Razor.TagHelpers;

using System;

using System.Threading.Tasks;

namespace TestProject.TagHelpers

{

/// <summary>

/// 유닉스 시간 변환자 태그 헬퍼

/// </summary>

public class UnixTimeConverterTagHelper : TagHelper

{

//////////////////////////////////////////////////////////////////////////////////////////////////// Property

////////////////////////////////////////////////////////////////////////////////////////// Public

#region 포맷 문자열 - Format

/// <summary>

/// 포맷 문자열

/// </summary>

public string Format { get; set; } = "yyyy-MM-dd HH:mm:ss";

#endregion

//////////////////////////////////////////////////////////////////////////////////////////////////// Method

////////////////////////////////////////////////////////////////////////////////////////// Public

#region 비동기 처리하기 - ProcessAsync(context, output)

/// <summary>

/// 비동기 처리하기

/// </summary>

/// <param name="context">컨텍스트</param>

/// <param name="output">출력</param>

/// <returns>태스크</returns>

public override async Task ProcessAsync(TagHelperContext context, TagHelperOutput output)

{

string sourceContent = (await output.GetChildContentAsync()).GetContent();

DateTime unixTime = new DateTime(1970, 1, 1, 0, 0, 0, DateTimeKind.Utc);

DateTime currentTime = unixTime.AddSeconds(Convert.ToDouble(sourceContent));

string targetContent = currentTime.ToString(Format);

output.Content.SetContent(targetContent);

}

#endregion

}

▶ Views/Test/Index.cshtml


@addTagHelper *, TestProject
@{ Layout = null; }
<p>TagHelper 클래스 : 유닉스 시간을 현재 시간으로 변환하는 사용자 정의 태그 헬퍼 만들기</p>
<hr />
<p><unix-time-converter>1462004724</unix-time-converter></p>
<p><unix-time-converter Format="HH:mm:ss">1462004724</unix-time-converter></p>

@addTagHelper *, TestProject

@{ Layout = null; }

<p>TagHelper 클래스 : 유닉스 시간을 현재 시간으로 변환하는 사용자 정의 태그 헬퍼 만들기</p>

<hr />

TestProject.zip

[C#/ASP.NET MVC/.NETCORE] TagHelper 클래스 : 메일 주소 링크를 생성하는 커스텀 태그 헬퍼 만들기

■ TagHelper 클래스를 사용해 메일 주소 링크를 생성하는 커스텀 태그 헬퍼를 만드는 방법을 보여준다. ▶ TagHelpers/MailAddressLinkTagHelper.cs


using Microsoft.AspNetCore.Razor.TagHelpers;
using System.Threading.Tasks;

namespace TestProject.TagHelpers
{
    /// <summary>
    /// 메일 주소 링크 태그 헬퍼
    /// </summary>
    [HtmlTargetElement("el")]
    public class MailAddressLinkTagHelper : TagHelper
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Field
        ////////////////////////////////////////////////////////////////////////////////////////// Private

        #region Field

        /// <summary>
        /// 메일 서버
        /// </summary>
        private const string MAIL_SERVER = "daum.com";

        #endregion

        //////////////////////////////////////////////////////////////////////////////////////////////////// Method
        ////////////////////////////////////////////////////////////////////////////////////////// Public

        #region 비동기 처리하기 - ProcessAsync(context, output)

        /// <summary>
        /// 비동기 처리하기
        /// </summary>
        /// <param name="context">컨텍스트</param>
        /// <param name="output">출력</param>
        /// <returns>태스크</returns>
        public override async Task ProcessAsync(TagHelperContext context, TagHelperOutput output)
        {
            output.TagName = "a";

            string sourceContent = (await output. GetChildContentAsync()).GetContent();

            string targetContent = $"{sourceContent}@{MAIL_SERVER}";

            output.Attributes.Add("href", $"mailto:{targetContent}");

            output.Content.SetContent(targetContent);
        }

        #endregion
    }
}

using Microsoft.AspNetCore.Razor.TagHelpers;

using System.Threading.Tasks;

namespace TestProject.TagHelpers

{

/// <summary>

/// 메일 주소 링크 태그 헬퍼

/// </summary>

[HtmlTargetElement("el")]

public class MailAddressLinkTagHelper : TagHelper

{

//////////////////////////////////////////////////////////////////////////////////////////////////// Field

////////////////////////////////////////////////////////////////////////////////////////// Private

#region Field

/// <summary>

/// 메일 서버

/// </summary>

private const string MAIL_SERVER = "daum.com";

#endregion

//////////////////////////////////////////////////////////////////////////////////////////////////// Method

////////////////////////////////////////////////////////////////////////////////////////// Public

#region 비동기 처리하기 - ProcessAsync(context, output)

/// <summary>

/// 비동기 처리하기

/// </summary>

/// <param name="context">컨텍스트</param>

/// <param name="output">출력</param>

/// <returns>태스크</returns>

public override async Task ProcessAsync(TagHelperContext context, TagHelperOutput output)

{

output.TagName = "a";

string sourceContent = (await output. GetChildContentAsync()).GetContent();

string targetContent = $"{sourceContent}@{MAIL_SERVER}";

output.Attributes.Add("href", $"mailto:{targetContent}");

output.Content.SetContent(targetContent);

}

#endregion

}

▶ Views/Test/Index.cshtml


@addTagHelper *, TestProject
@{ Layout = null; }
<p>TagHelper 클래스 : 메일 주소 링크를 생성하는 사용자 정의 태그 헬퍼 만들기</p>
<hr />
<el>charles</el>
<el>peter</el>

@addTagHelper *, TestProject

@{ Layout = null; }

<p>TagHelper 클래스 : 메일 주소 링크를 생성하는 사용자 정의 태그 헬퍼 만들기</p>

<hr />

<el>charles</el>

<el>peter</el>

TestProject.zip

[C#/ASP.NET MVC/.NETCORE] TagHelper 클래스 : 태그로 둘러싸는 문자열을 생성하는 커스텀 태그 헬퍼 만들기

■ TagHelper 클래스를 사용해 <b><u> 태그로 둘러싸는 문자열을 생성하는 커스텀 태그 헬퍼를 만드는 방법을 보여준다. ▶ TagHelpers/BoldUnderlineTagHelper.cs

TagHelpers/BoldUnderlineTagHelper.cs
C#

using Microsoft.AspNetCore.Razor.TagHelpers; using System.Threading.Tasks; namespace TestProject.TagHelpers { /// <summary> /// bold-underline 태그 헬퍼 /// </summary> public class BoldUnderlineTagHelper : TagHelper { //////////////////////////////////////////////////////////////////////////////////////////////////// Method ////////////////////////////////////////////////////////////////////////////////////////// Public #region 비동기 처리하기 - ProcessAsync(context, output) /// <summary> /// 비동기 처리하기 /// </summary> /// <param name="context">컨텍스트</param> /// <param name="output">출력</param> /// <returns>태스크</returns> public override async Task ProcessAsync(TagHelperContext context, TagHelperOutput output) { string sourceContent = (await output.GetChildContentAsync()).GetContent(); string targetContent = $"<u>{sourceContent}</u>"; output.TagName = "b"; output.Content.AppendHtml(targetContent); } #endregion } }

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37

using Microsoft.AspNetCore.Razor.TagHelpers;
using System.Threading.Tasks;

namespace TestProject.TagHelpers
{
    /// <summary>
    /// bold-underline 태그 헬퍼
    /// </summary>
    public class BoldUnderlineTagHelper : TagHelper
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Method
        ////////////////////////////////////////////////////////////////////////////////////////// Public

        #region 비동기 처리하기 - ProcessAsync(context, output)

        /// <summary>
        /// 비동기 처리하기
        /// </summary>
        /// <param name="context">컨텍스트</param>
        /// <param name="output">출력</param>
        /// <returns>태스크</returns>
        public override async Task ProcessAsync(TagHelperContext context, TagHelperOutput output)
        {
            string sourceContent = (await output.GetChildContentAsync()).GetContent();

            string targetContent = $"<u>{sourceContent}</u>";

            output.TagName = "b";

            output.Content.AppendHtml(targetContent);
        }

        #endregion
    }
}

▶ Views/Test/Index.cshtml

Views/Test/Index.cshtml
XHTML

@addTagHelper *, TestProject @{ Layout = null; } <p>TagHelper 클래스 : <b><u> 태그로 둘러싸는 문자열을 생성하는 사용자 정의 태그 헬퍼 만들기</p> <hr /> <p>테스트 문자열 입니다.</p> <p><bold-underline>테스트 문자열 입니다.</bold-underline></p>

1
2
3
4
5
6
7
8

@addTagHelper *, TestProject
@{ Layout = null; }
<p>TagHelper 클래스 : <b><u> 태그로 둘러싸는 문자열을 생성하는 사용자 정의 태그 헬퍼 만들기</p>
<hr />
<p>테스트 문자열 입니다.</p>
<p><bold-underline>테스트 문자열 입니다.</bold-underline></p>

TestProject.zip

2023-10-152024-06-19 icodebroker MICROSOFT .NETCORE, ASP.NET MVC, C#, MICROSOFT, TAG HELPER

[C#/ASP.NET MVC/.NETCORE] @tagHelperPrefix 지시문 : 내장 태그 헬퍼에 접두사 붙이기

■ @tagHelperPrefix 지시문을 사용해 내장 태그 헬퍼에 접두사를 붙이는 방법을 보여준다. ▶ Views/Test/Index.cshtml

Views/Test/Index.cshtml
XHTML

@tagHelperPrefix "helper:" @{ Layout = null; } <p>@@tagHelperPrefix 지시문 : 내장 태그 헬퍼에 접두사 붙이기</p> <hr /> <ul> <li><helper:a asp-controller="Home" asp-action="Index">Home Page</helper:a></li> <li><helper:a asp-controller="Home" asp-action="Privacy">Privacy Policy</helper:a></li> </ul>

1
2
3
4
5
6
7
8
9
10

@tagHelperPrefix "helper:"
@{ Layout = null; }
<p>@@tagHelperPrefix 지시문 : 내장 태그 헬퍼에 접두사 붙이기</p>
<hr />
<ul>
<li><helper:a asp-controller="Home" asp-action="Index">Home Page</helper:a></li>
<li><helper:a asp-controller="Home" asp-action="Privacy">Privacy Policy</helper:a></li>
</ul>

TestProject.zip

2023-10-152024-06-19 icodebroker MICROSOFT .NETCORE, ASP.NET MVC, C#, MICROSOFT, TAG HELPER

[C#/ASP.NET MVC/.NETCORE] asp-controller/asp-action 태그 헬퍼를 사용해 링크 만들기

■ asp-controller/asp-action 태그 헬퍼를 사용해 링크를 만드는 방법을 보여준다. ▶ Views/Test/Index.cshtml

Views/Test/Index.cshtml
XHTML

@{ Layout = null; } <p>asp-controller/asp-action 태그 헬퍼를 사용해 링크 만들기</p> <hr /> <ul> <li><a asp-controller="Home" asp-action="Index">Home Page</a></li> <li><a asp-controller="Home" asp-action="Privacy">Privacy Policy</a></li> </ul>

1
2
3
4
5
6
7
8
9

@{ Layout = null; }
<p>asp-controller/asp-action 태그 헬퍼를 사용해 링크 만들기</p>
<hr />
<ul>
<li><a asp-controller="Home" asp-action="Index">Home Page</a></li>
<li><a asp-controller="Home" asp-action="Privacy">Privacy Policy</a></li>
</ul>

TestProject.zip

2023-10-152024-06-19 icodebroker MICROSOFT .NETCORE, ASP.NET MVC, C#, ENVIRONMENT VARIABLE, MICROSOFT, TAG HELPER

[C#/ASP.NET MVC/.NETCORE] 태그 : ASPNETCORE_ENVIRONMENT 환경 변수 값에 따라 태그 생성하기

■ <environment> 태그를 사용해 ASPNETCORE_ENVIRONMENT 환경 변수 값에 따라 태그를 생성하는 방법을 보여준다. ▶ Views/Test/Index.cshtml

Views/Test/Index.cshtml
XHTML

@{ Layout = null; } <p><environment> 태그 : ASPNETCORE_ENVIRONMENT 환경 변수 값에 따라 태그 생성하기</p> <hr /> <environment names="Development"> <p>현재 페이지는 개발(Development) 환경입니다.</p> </environment> <environment names="Staging, Production"> <p>현재 페이지는 운영(Staging, Production) 환경입니다.</p> </environment>

1
2
3
4
5
6
7
8
9
10
11

@{ Layout = null; }
<p><environment> 태그 : ASPNETCORE_ENVIRONMENT 환경 변수 값에 따라 태그 생성하기</p>
<hr />
<environment names="Development">
<p>현재 페이지는 개발(Development) 환경입니다.</p>
</environment>
<environment names="Staging, Production">
<p>현재 페이지는 운영(Staging, Production) 환경입니다.</p>
</environment>

TestProject.zip

2023-10-152024-06-19 icodebroker MICROSOFT .NETCORE, ASP.NET MVC, C#, MICROSOFT, VALIDATION

[C#/ASP.NET MVC/.NETCORE] 태그 헬퍼를 사용해 폼 구성하기

■ 태그 헬퍼를 사용해 폼을 구성하는 방법을 보여준다. ▶ Models/TestModel.cs

Models/TestModel.cs
C#

using System.ComponentModel.DataAnnotations; namespace TestProject.Models { /// <summary> /// 테스트 모델 /// </summary> public class TestModel { //////////////////////////////////////////////////////////////////////////////////////////////////// Property ////////////////////////////////////////////////////////////////////////////////////////// Public #region ID - ID /// <summary> /// ID /// </summary> public int ID { get; set; } #endregion #region 성명 - Name /// <summary> /// 성명 /// </summary> [Display(Name = "성명")] [Required(ErrorMessage = "성명을 입력해 주시기 바랍니다.")] [StringLength(25, MinimumLength = 1, ErrorMessage = "성명은 1~25자를 입력해 주시기 바랍니다.")] public string Name { get; set; } #endregion #region 내용 - Content /// <summary> /// 내용 /// </summary> [Display(Name = "내용")] [Required(ErrorMessage = "내용을 입력해 주시기 바랍니다.")] [StringLength(255, MinimumLength = 1, ErrorMessage = "내용은 1~244자를 입력해 주시기 바랍니다.")] public string Content { get; set; } #endregion } }

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46

using System.ComponentModel.DataAnnotations;

namespace TestProject.Models
{
    /// <summary>
    /// 테스트 모델
    /// </summary>
    public class TestModel
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Property
        ////////////////////////////////////////////////////////////////////////////////////////// Public

        #region ID - ID

        /// <summary>
        /// ID
        /// </summary>
        public int ID { get; set; }

        #endregion
        #region 성명 - Name

        /// <summary>
        /// 성명
        /// </summary>
        [Display(Name = "성명")]
        [Required(ErrorMessage = "성명을 입력해 주시기 바랍니다.")]
        [StringLength(25, MinimumLength = 1, ErrorMessage = "성명은 1~25자를 입력해 주시기 바랍니다.")]
        public string Name { get; set; }

        #endregion
        #region 내용 - Content

        /// <summary>
        /// 내용
        /// </summary>
        [Display(Name = "내용")]
        [Required(ErrorMessage = "내용을 입력해 주시기 바랍니다.")]
        [StringLength(255, MinimumLength = 1, ErrorMessage = "내용은 1~244자를 입력해 주시기 바랍니다.")]
        public string Content { get; set; }

        #endregion
    }
}

▶ Controllers/TestController.cs

Controllers/TestController.cs
C#

using Microsoft.AspNetCore.Mvc; using TestProject.Models; namespace TestProject.Controllers { /// <summary> /// 테스트 컨트롤러 /// </summary> public class TestController : Controller { //////////////////////////////////////////////////////////////////////////////////////////////////// Method ////////////////////////////////////////////////////////////////////////////////////////// Public #region 인덱스 페이지 처리하기 - Index() /// <summary> /// 인덱스 페이지 처리하기 /// </summary> /// <returns>액션 결과</returns> [HttpGet] public IActionResult Index() { return View(); } #endregion #region 인덱스 페이지 처리하기 - Index(test) /// <summary> /// 인덱스 페이지 처리하기 /// </summary> /// <param name="test">테스트</param> /// <returns>액션 결과</returns> [HttpPost] public IActionResult Index(TestModel test) { if(ModelState.IsValid) { return View("Completed"); } return View(test); } #endregion #region 완료시 페이지 처리하기 - Completed() /// <summary> /// 완료시 페이지 처리하기 /// </summary> /// <returns>액션 결과</returns> public IActionResult Completed() { return View(); } #endregion } }

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62

using Microsoft.AspNetCore.Mvc;

using TestProject.Models;

namespace TestProject.Controllers
{
    /// <summary>
    /// 테스트 컨트롤러
    /// </summary>
    public class TestController : Controller
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Method
        ////////////////////////////////////////////////////////////////////////////////////////// Public

        #region 인덱스 페이지 처리하기 - Index()

        /// <summary>
        /// 인덱스 페이지 처리하기
        /// </summary>
        /// <returns>액션 결과</returns>
        [HttpGet]
        public IActionResult Index()
        {
            return View();
        }

        #endregion
        #region 인덱스 페이지 처리하기 - Index(test)

        /// <summary>
        /// 인덱스 페이지 처리하기
        /// </summary>
        /// <param name="test">테스트</param>
        /// <returns>액션 결과</returns>
        [HttpPost]
        public IActionResult Index(TestModel test)
        {
            if(ModelState.IsValid)
            {
                return View("Completed");
            }

            return View(test);
        }

        #endregion
        #region 완료시 페이지 처리하기 - Completed()

        /// <summary>
        /// 완료시 페이지 처리하기
        /// </summary>
        /// <returns>액션 결과</returns>
        public IActionResult Completed()
        {
            return View();
        }

        #endregion
    }
}

▶ Views/Test/Index.cshtml

Views/Test/Index.cshtml
XHTML

@model TestProject.Models.TestModel @{ Layout = null; } <!DOCTYPE html> <html> <head> <title>태그 헬퍼를 사용해 폼 구성하기</title> </head> <body> <p>태그 헬퍼를 사용해 폼 구성하기</p> <hr /> <form asp-controller="Test" asp-action="Index" method="post"> <div asp-validation-summary="ModelOnly" /> <p> <label asp-for="Name" /> <input asp-for="Name" /> <span asp-validation-for="Name" /> </p> <p> <label asp-for="Content" /> <input asp-for="Content" /> <span asp-validation-for="Content" /> </p> <p><input type="submit" value="제출" /></p> </form> <script src="~/lib/jquery/dist/jquery.js"></script> <script src="~/lib/jquery-validation/jquery.validate.js"></script> <script src="~/lib/jquery-validation-unobtrusive/jquery.validate.unobtrusive.js"></script> </body> </html>

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33

@model TestProject.Models.TestModel
@{
    Layout = null;
}
<!DOCTYPE html>
<html>
    <head>
        <title>태그 헬퍼를 사용해 폼 구성하기</title>
    </head>
    <body>
        <p>태그 헬퍼를 사용해 폼 구성하기</p>
        <hr />
        <form asp-controller="Test" asp-action="Index" method="post">
            <div asp-validation-summary="ModelOnly" />
            <p>
                <label asp-for="Name" />
                <input asp-for="Name" />
                <span asp-validation-for="Name" />
            </p>
            <p>
                <label asp-for="Content" />
                <input asp-for="Content" />
                <span asp-validation-for="Content" />
            </p>
            <p><input type="submit" value="제출" /></p>
        </form>
        <script src="~/lib/jquery/dist/jquery.js"></script>
        <script src="~/lib/jquery-validation/jquery.validate.js"></script>
        <script src="~/lib/jquery-validation-unobtrusive/jquery.validate.unobtrusive.js"></script>
    </body>
</html>

▶ Views/Test/Completed.cshtml

Views/Test/Completed.cshtml
XHTML

@{ Layout = null; } <p>모델 기반의 서버측 유효성 검사를 사용해 폼 구성하기</p> <hr /> <script> alert("제출이 완료되었습니다."); </script>

1
2
3
4
5
6
7
8
9
10

@{
    Layout = null;
}
<p>모델 기반의 서버측 유효성 검사를 사용해 폼 구성하기</p>
<hr />
<script>
    alert("제출이 완료되었습니다.");
</script>

TestProject.zip

2023-10-152024-06-19 icodebroker MICROSOFT .NETCORE, ASP.NET MVC, C#, MICROSOFT, VALIDATION

[C#/ASP.NET MVC/.NETCORE] 모델 기반의 클라이언트측 유효성 검사를 사용해 폼 구성하기

■ 모델 기반의 클라이언트측 유효성 검사를 사용해 폼을 구성하는 방법을 보여준다. ▶ Models/TestModel.cs

Models/TestModel.cs
C#

using System.ComponentModel.DataAnnotations; namespace TestProject.Models { /// <summary> /// 테스트 모델 /// </summary> public class TestModel { //////////////////////////////////////////////////////////////////////////////////////////////////// Property ////////////////////////////////////////////////////////////////////////////////////////// Public #region ID - ID /// <summary> /// ID /// </summary> public int ID { get; set; } #endregion #region 성명 - Name /// <summary> /// 성명 /// </summary> [Display(Name = "성명")] [Required(ErrorMessage = "성명을 입력해 주시기 바랍니다.")] [StringLength(25, MinimumLength = 1, ErrorMessage = "성명은 1~25자를 입력해 주시기 바랍니다.")] public string Name { get; set; } #endregion #region 내용 - Content /// <summary> /// 내용 /// </summary> [Display(Name = "내용")] [Required(ErrorMessage = "내용을 입력해 주시기 바랍니다.")] [StringLength(255, MinimumLength = 1, ErrorMessage = "내용은 1~244자를 입력해 주시기 바랍니다.")] public string Content { get; set; } #endregion } }

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46

using System.ComponentModel.DataAnnotations;

namespace TestProject.Models
{
    /// <summary>
    /// 테스트 모델
    /// </summary>
    public class TestModel
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Property
        ////////////////////////////////////////////////////////////////////////////////////////// Public

        #region ID - ID

        /// <summary>
        /// ID
        /// </summary>
        public int ID { get; set; }

        #endregion
        #region 성명 - Name

        /// <summary>
        /// 성명
        /// </summary>
        [Display(Name = "성명")]
        [Required(ErrorMessage = "성명을 입력해 주시기 바랍니다.")]
        [StringLength(25, MinimumLength = 1, ErrorMessage = "성명은 1~25자를 입력해 주시기 바랍니다.")]
        public string Name { get; set; }

        #endregion
        #region 내용 - Content

        /// <summary>
        /// 내용
        /// </summary>
        [Display(Name = "내용")]
        [Required(ErrorMessage = "내용을 입력해 주시기 바랍니다.")]
        [StringLength(255, MinimumLength = 1, ErrorMessage = "내용은 1~244자를 입력해 주시기 바랍니다.")]
        public string Content { get; set; }

        #endregion
    }
}

▶ Controllers/TestController.cs

Controllers/TestController.cs
C#

using Microsoft.AspNetCore.Mvc; using TestProject.Models; namespace TestProject.Controllers { /// <summary> /// 테스트 컨트롤러 /// </summary> public class TestController : Controller { //////////////////////////////////////////////////////////////////////////////////////////////////// Method ////////////////////////////////////////////////////////////////////////////////////////// Public #region 인덱스 페이지 처리하기 - Index() /// <summary> /// 인덱스 페이지 처리하기 /// </summary> /// <returns>액션 결과</returns> [HttpGet] public IActionResult Index() { return View(); } #endregion #region 인덱스 페이지 처리하기 - Index(test) /// <summary> /// 인덱스 페이지 처리하기 /// </summary> /// <param name="test">테스트</param> /// <returns>액션 결과</returns> [HttpPost] public IActionResult Index(TestModel test) { if(ModelState.IsValid) { return View("Completed"); } return View(test); } #endregion #region 완료시 페이지 처리하기 - Completed() /// <summary> /// 완료시 페이지 처리하기 /// </summary> /// <returns>액션 결과</returns> public IActionResult Completed() { return View(); } #endregion } }

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62

using Microsoft.AspNetCore.Mvc;

using TestProject.Models;

namespace TestProject.Controllers
{
    /// <summary>
    /// 테스트 컨트롤러
    /// </summary>
    public class TestController : Controller
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Method
        ////////////////////////////////////////////////////////////////////////////////////////// Public

        #region 인덱스 페이지 처리하기 - Index()

        /// <summary>
        /// 인덱스 페이지 처리하기
        /// </summary>
        /// <returns>액션 결과</returns>
        [HttpGet]
        public IActionResult Index()
        {
            return View();
        }

        #endregion
        #region 인덱스 페이지 처리하기 - Index(test)

        /// <summary>
        /// 인덱스 페이지 처리하기
        /// </summary>
        /// <param name="test">테스트</param>
        /// <returns>액션 결과</returns>
        [HttpPost]
        public IActionResult Index(TestModel test)
        {
            if(ModelState.IsValid)
            {
                return View("Completed");
            }

            return View(test);
        }

        #endregion
        #region 완료시 페이지 처리하기 - Completed()

        /// <summary>
        /// 완료시 페이지 처리하기
        /// </summary>
        /// <returns>액션 결과</returns>
        public IActionResult Completed()
        {
            return View();
        }

        #endregion
    }
}

▶ Views/Test/Index.cshtml

Views/Test/Index.cshtml
XHTML

@model TestProject.Models.TestModel @{ Layout = null; } <!DOCTYPE html> <html> <head> <title>모델 기반의 클라이언트측 유효성 검사를 사용해 폼 구성하기</title> </head> <body> <p>모델 기반의 클라이언트측 유효성 검사를 사용해 폼 구성하기</p> <hr /> @using(Html.BeginForm()) { <div>@Html.ValidationSummary(false)</div> <p> @Html.LabelFor(model => model.Name) @Html.TextBoxFor(model => model.Name) @Html.ValidationMessageFor(model => model.Name) </p> <p> @Html.LabelFor(model => model.Content) @Html.TextBoxFor(model => model.Content) @Html.ValidationMessageFor(model => model.Content) </p> <p><input type="submit" value="제출" /></p> } <script src="~/lib/jquery/dist/jquery.js"></script> <script src="~/lib/jquery-validation/jquery.validate.js"></script> <script src="~/lib/jquery-validation-unobtrusive/jquery.validate.unobtrusive.js"></script> </body> </html>

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34

@model TestProject.Models.TestModel
@{
    Layout = null;
}
<!DOCTYPE html>
<html>
    <head>
        <title>모델 기반의 클라이언트측 유효성 검사를 사용해 폼 구성하기</title>
    </head>
    <body>
        <p>모델 기반의 클라이언트측 유효성 검사를 사용해 폼 구성하기</p>
        <hr />
        @using(Html.BeginForm())
        {
            <div>@Html.ValidationSummary(false)</div>
            <p>
                @Html.LabelFor(model => model.Name)
                @Html.TextBoxFor(model => model.Name)
                @Html.ValidationMessageFor(model => model.Name)
            </p>
            <p>
                @Html.LabelFor(model => model.Content)
                @Html.TextBoxFor(model => model.Content)
                @Html.ValidationMessageFor(model => model.Content)
            </p>
            <p><input type="submit" value="제출" /></p>
        }
        <script src="~/lib/jquery/dist/jquery.js"></script>
        <script src="~/lib/jquery-validation/jquery.validate.js"></script>
        <script src="~/lib/jquery-validation-unobtrusive/jquery.validate.unobtrusive.js"></script>
    </body>
</html>

▶ Views/Test/Completed.cshtml

더 읽기

2023-10-152024-06-19 icodebroker MICROSOFT .NETCORE, ASP.NET MVC, C#, MICROSOFT, VALIDATION

[C#/ASP.NET MVC/.NETCORE] 모델 기반의 서버측 유효성 검사를 사용해 폼 구성하기

■ 모델 기반의 서버측 유효성 검사를 사용해 폼을 구성하는 방법을 보여준다. ▶ Models/TestModel.cs

Models/TestModel.cs
C#

using System.ComponentModel.DataAnnotations; namespace TestProject.Models { /// <summary> /// 테스트 모델 /// </summary> public class TestModel { //////////////////////////////////////////////////////////////////////////////////////////////////// Property ////////////////////////////////////////////////////////////////////////////////////////// Public #region ID - ID /// <summary> /// ID /// </summary> public int ID { get; set; } #endregion #region 성명 - Name /// <summary> /// 성명 /// </summary> [Display(Name = "성명")] [Required(ErrorMessage = "성명을 입력해 주시기 바랍니다.")] [StringLength(25, MinimumLength = 1, ErrorMessage = "성명은 1~25자를 입력해 주시기 바랍니다.")] public string Name { get; set; } #endregion #region 내용 - Content /// <summary> /// 내용 /// </summary> [Display(Name = "내용")] [Required(ErrorMessage = "내용을 입력해 주시기 바랍니다.")] [StringLength(255, MinimumLength = 1, ErrorMessage = "내용은 1~244자를 입력해 주시기 바랍니다.")] public string Content { get; set; } #endregion } }

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46

using System.ComponentModel.DataAnnotations;

namespace TestProject.Models
{
    /// <summary>
    /// 테스트 모델
    /// </summary>
    public class TestModel
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Property
        ////////////////////////////////////////////////////////////////////////////////////////// Public

        #region ID - ID

        /// <summary>
        /// ID
        /// </summary>
        public int ID { get; set; }

        #endregion
        #region 성명 - Name

        /// <summary>
        /// 성명
        /// </summary>
        [Display(Name = "성명")]
        [Required(ErrorMessage = "성명을 입력해 주시기 바랍니다.")]
        [StringLength(25, MinimumLength = 1, ErrorMessage = "성명은 1~25자를 입력해 주시기 바랍니다.")]
        public string Name { get; set; }

        #endregion
        #region 내용 - Content

        /// <summary>
        /// 내용
        /// </summary>
        [Display(Name = "내용")]
        [Required(ErrorMessage = "내용을 입력해 주시기 바랍니다.")]
        [StringLength(255, MinimumLength = 1, ErrorMessage = "내용은 1~244자를 입력해 주시기 바랍니다.")]
        public string Content { get; set; }

        #endregion
    }
}

▶ Controllers/TestController.cs

Controllers/TestController.cs
C#

using Microsoft.AspNetCore.Mvc; using TestProject.Models; namespace TestProject.Controllers { /// <summary> /// 테스트 컨트롤러 /// </summary> public class TestController : Controller { //////////////////////////////////////////////////////////////////////////////////////////////////// Method ////////////////////////////////////////////////////////////////////////////////////////// Public #region 인덱스 페이지 처리하기 - Index() /// <summary> /// 인덱스 페이지 처리하기 /// </summary> /// <returns>액션 결과</returns> [HttpGet] public IActionResult Index() { return View(); } #endregion #region 인덱스 페이지 처리하기 - Index(test) /// <summary> /// 인덱스 페이지 처리하기 /// </summary> /// <param name="test">테스트</param> /// <returns>액션 결과</returns> [HttpPost] public IActionResult Index(TestModel test) { if(string.IsNullOrEmpty(test.Name)) { ModelState.AddModelError("Name", "성명을 입력해 주시기 바랍니다."); } if(string.IsNullOrEmpty(test.Content)) { ModelState.AddModelError("Content", "내용을 입력해 주시기 바랍니다."); } if(!ModelState.IsValid) { // @Html.ValidationSummary(true)인 경우 아래 에러 메시지만 표시된다. ModelState.AddModelError("", "에러가 발생했습니다."); } if(ModelState.IsValid) { return View("Completed"); } return View(test); } #endregion #region 완료시 페이지 처리하기 - Completed() /// <summary> /// 완료시 페이지 처리하기 /// </summary> /// <returns>액션 결과</returns> public IActionResult Completed() { return View(); } #endregion } }

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78

using Microsoft.AspNetCore.Mvc;

using TestProject.Models;

namespace TestProject.Controllers
{
    /// <summary>
    /// 테스트 컨트롤러
    /// </summary>
    public class TestController : Controller
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Method
        ////////////////////////////////////////////////////////////////////////////////////////// Public

        #region 인덱스 페이지 처리하기 - Index()

        /// <summary>
        /// 인덱스 페이지 처리하기
        /// </summary>
        /// <returns>액션 결과</returns>
        [HttpGet]
        public IActionResult Index()
        {
            return View();
        }

        #endregion
        #region 인덱스 페이지 처리하기 - Index(test)

        /// <summary>
        /// 인덱스 페이지 처리하기
        /// </summary>
        /// <param name="test">테스트</param>
        /// <returns>액션 결과</returns>
        [HttpPost]
        public IActionResult Index(TestModel test)
        {
            if(string.IsNullOrEmpty(test.Name))
            {
                ModelState.AddModelError("Name", "성명을 입력해 주시기 바랍니다.");
            }

            if(string.IsNullOrEmpty(test.Content))
            {
                ModelState.AddModelError("Content", "내용을 입력해 주시기 바랍니다.");
            }

            if(!ModelState.IsValid)
            {
                // @Html.ValidationSummary(true)인 경우 아래 에러 메시지만 표시된다.
                ModelState.AddModelError("", "에러가 발생했습니다.");
            }

            if(ModelState.IsValid)
            {
                return View("Completed");
            }

            return View(test);
        }

        #endregion
        #region 완료시 페이지 처리하기 - Completed()

        /// <summary>
        /// 완료시 페이지 처리하기
        /// </summary>
        /// <returns>액션 결과</returns>
        public IActionResult Completed()
        {
            return View();
        }

        #endregion
    }
}

▶ Views/Test/Index.cshtml

Views/Test/Index.cshtml
XHTML

@model TestProject.Models.TestModel @{ Layout = null; } <!DOCTYPE html> <html> <head> <title>모델 기반의 서버측 유효성 검사를 사용해 폼 구성하기</title> </head> <body> <p>모델 기반의 서버측 유효성 검사를 사용해 폼 구성하기</p> <hr /> @using(Html.BeginForm()) { <div>@Html.ValidationSummary(false)</div> <p> @Html.LabelFor(model => model.Name) @Html.TextBoxFor(model => model.Name) @Html.ValidationMessageFor(model => model.Name) </p> <p> @Html.LabelFor(model => model.Content) @Html.TextBoxFor(model => model.Content) @Html.ValidationMessageFor(model => model.Content) </p> <p><input type="submit" value="제출" /></p> } </body> </html>

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31

@model TestProject.Models.TestModel
@{
    Layout = null;
}
<!DOCTYPE html>
<html>
    <head>
        <title>모델 기반의 서버측 유효성 검사를 사용해 폼 구성하기</title>
    </head>
    <body>
        <p>모델 기반의 서버측 유효성 검사를 사용해 폼 구성하기</p>
        <hr />
        @using(Html.BeginForm())
        {
            <div>@Html.ValidationSummary(false)</div>
            <p>
                @Html.LabelFor(model => model.Name)
                @Html.TextBoxFor(model => model.Name)
                @Html.ValidationMessageFor(model => model.Name)
            </p>
            <p>
                @Html.LabelFor(model => model.Content)
                @Html.TextBoxFor(model => model.Content)
                @Html.ValidationMessageFor(model => model.Content)
            </p>
            <p><input type="submit" value="제출" /></p>
        }
    </body>
</html>

▶ Views/Test/Completed.cshtml

더 읽기

2023-10-152024-06-19 icodebroker MICROSOFT .NETCORE, ASP.NET MVC, C#, MICROSOFT, VALIDATION

[C#/ASP.NET MVC/.NETCORE] 강력한 형식의 뷰와 모델 바인딩을 사용해 폼 구성하기

■ 강력한 형식의 뷰와 모델 바인딩을 사용해 폼을 구성하는 방법을 보여준다. ▶ Models/TestModel.cs

Models/TestModel.cs
C#

using System.ComponentModel.DataAnnotations; namespace TestProject.Models { /// <summary> /// 테스트 모델 /// </summary> public class TestModel { //////////////////////////////////////////////////////////////////////////////////////////////////// Property ////////////////////////////////////////////////////////////////////////////////////////// Public #region ID - ID /// <summary> /// ID /// </summary> public int ID { get; set; } #endregion #region 성명 - Name /// <summary> /// 성명 /// </summary> [Display(Name= "성명")] public string Name { get; set; } #endregion #region 내용 - Content /// <summary> /// 내용 /// </summary> [Display(Name = "내용")] public string Content { get; set; } #endregion } }

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42

using System.ComponentModel.DataAnnotations;

namespace TestProject.Models
{
    /// <summary>
    /// 테스트 모델
    /// </summary>
    public class TestModel
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Property
        ////////////////////////////////////////////////////////////////////////////////////////// Public

        #region ID - ID

        /// <summary>
        /// ID
        /// </summary>
        public int ID { get; set; }

        #endregion
        #region 성명 - Name

        /// <summary>
        /// 성명
        /// </summary>
        [Display(Name= "성명")]
        public string Name { get; set; }

        #endregion
        #region 내용 - Content

        /// <summary>
        /// 내용
        /// </summary>
        [Display(Name = "내용")]
        public string Content { get; set; }

        #endregion
    }
}

▶ Controllers/TestController.cs

Controllers/TestController.cs
C#

using Microsoft.AspNetCore.Mvc; using TestProject.Models; namespace TestProject.Controllers { /// <summary> /// 테스트 컨트롤러 /// </summary> public class TestController : Controller { //////////////////////////////////////////////////////////////////////////////////////////////////// Method ////////////////////////////////////////////////////////////////////////////////////////// Public #region 인덱스 페이지 처리하기 - Index() /// <summary> /// 인덱스 페이지 처리하기 /// </summary> /// <returns>액션 결과</returns> [HttpGet] public IActionResult Index() { return View(); } #endregion #region 인덱스 페이지 처리하기 - Index(test) /// <summary> /// 인덱스 페이지 처리하기 /// </summary> /// <param name="test">테스트</param> /// <returns>액션 결과</returns> [HttpPost] public IActionResult Index(TestModel test) { return View(); } #endregion } }

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45

using Microsoft.AspNetCore.Mvc;

using TestProject.Models;

namespace TestProject.Controllers
{
    /// <summary>
    /// 테스트 컨트롤러
    /// </summary>
    public class TestController : Controller
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Method
        ////////////////////////////////////////////////////////////////////////////////////////// Public

        #region 인덱스 페이지 처리하기 - Index()

        /// <summary>
        /// 인덱스 페이지 처리하기
        /// </summary>
        /// <returns>액션 결과</returns>
        [HttpGet]
        public IActionResult Index()
        {
            return View();
        }

        #endregion
        #region 인덱스 페이지 처리하기 - Index(test)

        /// <summary>
        /// 인덱스 페이지 처리하기
        /// </summary>
        /// <param name="test">테스트</param>
        /// <returns>액션 결과</returns>
        [HttpPost]
        public IActionResult Index(TestModel test)
        {
            return View();
        }

        #endregion
    }
}

▶ Views/Test/Index.cshtml

Views/Test/Index.cshtml
XHTML

@model TestProject.Models.TestModel @{ Layout = null; } <!DOCTYPE html> <html> <head> <title>강력한 형식의 뷰와 모델 바인딩을 사용해 폼 구성하기</title> </head> <body> <p>강력한 형식의 뷰와 모델 바인딩을 사용해 폼 구성하기</p> <hr /> @using(Html.BeginForm()) { <p>@Html.LabelFor(n => n.Name) @Html.TextBoxFor(n => n.Name)</p> <p>@Html.LabelFor(c => c.Content) @Html.TextBoxFor(c => c.Content)</p> <p><input type="submit" value="제출" /></p> } </body> </html>

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22

@model TestProject.Models.TestModel
@{
    Layout = null;
}
<!DOCTYPE html>
<html>
    <head>
        <title>강력한 형식의 뷰와 모델 바인딩을 사용해 폼 구성하기</title>
    </head>
    <body>
        <p>강력한 형식의 뷰와 모델 바인딩을 사용해 폼 구성하기</p>
        <hr />
        @using(Html.BeginForm())
        {
            <p>@Html.LabelFor(n => n.Name) @Html.TextBoxFor(n => n.Name)</p>
            <p>@Html.LabelFor(c => c.Content) @Html.TextBoxFor(c => c.Content)</p>
            <p><input type="submit" value="제출" /></p>
        }
    </body>
</html>

TestProject.zip

2023-10-152024-06-19 icodebroker MICROSOFT .NETCORE, ASP.NET MVC, C#, MICROSOFT, VALIDATION

[C#/ASP.NET MVC/.NETCORE] 헬퍼 메소드를 사용해 폼 구성하기

■ 헬퍼 메소드를 사용해 폼을 구성하는 방법을 보여준다. ▶ Controllers/TestController.cs

Controllers/TestController.cs
C#

using Microsoft.AspNetCore.Mvc; namespace TestProject.Controllers { /// <summary> /// 테스트 컨트롤러 /// </summary> public class TestController : Controller { //////////////////////////////////////////////////////////////////////////////////////////////////// Method ////////////////////////////////////////////////////////////////////////////////////////// Public #region 인덱스 페이지 처리하기 - Index() /// <summary> /// 인덱스 페이지 처리하기 /// </summary> /// <returns>액션 결과</returns> [HttpGet] public IActionResult Index() { return View(); } #endregion #region 인덱스 페이지 처리하기 - Index(name, content) /// <summary> /// 인덱스 페이지 처리하기 /// </summary> /// <param name="name">성명</param> /// <param name="content">내용</param> /// <returns>액션 결과</returns> [HttpPost] public IActionResult Index(string name, string content) { ViewBag.Name = name; ViewBag.Content = content; return View(); } #endregion } }

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47

using Microsoft.AspNetCore.Mvc;

namespace TestProject.Controllers
{
    /// <summary>
    /// 테스트 컨트롤러
    /// </summary>
    public class TestController : Controller
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Method
        ////////////////////////////////////////////////////////////////////////////////////////// Public

        #region 인덱스 페이지 처리하기 - Index()

        /// <summary>
        /// 인덱스 페이지 처리하기
        /// </summary>
        /// <returns>액션 결과</returns>
        [HttpGet]
        public IActionResult Index()
        {
            return View();
        }

        #endregion
        #region 인덱스 페이지 처리하기 - Index(name, content)

        /// <summary>
        /// 인덱스 페이지 처리하기
        /// </summary>
        /// <param name="name">성명</param>
        /// <param name="content">내용</param>
        /// <returns>액션 결과</returns>
        [HttpPost]
        public IActionResult Index(string name, string content)
        {
            ViewBag.Name    = name;
            ViewBag.Content = content;

            return View();
        }

        #endregion
    }
}

▶ Views/Test/Index.cshtml

Views/Test/Index.cshtml
XHTML

@{ Layout = null; } <!DOCTYPE html> <html> <head> <title>헬퍼 메소드를 사용해 폼 구성하기</title> <script> function CheckForm() { var name = document.getElementById("name"); var content = document.getElementById("content"); if(name.value.length < 1 || content.value.length < 1) { window.alert("성명과 내용을 입력해 주시기 바랍니다."); name.focus(); name.select(); return false; } return true; } </script> </head> <body> <p>헬퍼 메소드를 사용해 폼 구성하기</p> <hr /> @using(Html.BeginForm("Index", "Test", new { }, FormMethod.Post, false, new { @class = "FormStyle", data_ng_test = "test", onsubmit = "return CheckForm();" })) { <p><text>성명 </text> @Html.TextBox("name")</p> <p><text>내용 </text> @Html.TextBox("content")</p> <p><input type="submit" value="제출" /></p> } @if(ViewBag.Name != null) { <hr /> <p>성명 : @ViewBag.Name</p> <p>내용 : @ViewBag.Content</p> } </body> </html>

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46

@{ Layout = null; }
<!DOCTYPE html>
<html>
    <head>
        <title>헬퍼 메소드를 사용해 폼 구성하기</title>
        <script>
function CheckForm()
{
    var name    = document.getElementById("name");
    var content = document.getElementById("content");

    if(name.value.length < 1 || content.value.length < 1)
    {
        window.alert("성명과 내용을 입력해 주시기 바랍니다.");

        name.focus();
        name.select();

        return false;
    }

    return true;
}
        </script>
    </head>
    <body>
        <p>헬퍼 메소드를 사용해 폼 구성하기</p>
        <hr />
        @using(Html.BeginForm("Index", "Test", new { }, FormMethod.Post, false,
            new { @class = "FormStyle", data_ng_test = "test", onsubmit = "return CheckForm();" }))
        {
            <p><text>성명 </text> @Html.TextBox("name")</p>
            <p><text>내용 </text> @Html.TextBox("content")</p>
            <p><input type="submit" value="제출" /></p>
        }

        @if(ViewBag.Name != null)
        {
            <hr />
            <p>성명 : @ViewBag.Name</p>
            <p>내용 : @ViewBag.Content</p>
        }
    </body>
</html>

TestProject.zip

2023-10-152024-06-19 icodebroker MICROSOFT .NETCORE, ASP.NET MVC, C#, MICROSOFT, VALIDATION

[C#/ASP.NET MVC/.NETCORE] 순수 HTML 태그를 사용해 폼 구성하기

■ 순수 HTML 태그를 사용해 폼을 구성하는 방법을 보여준다. ▶ Controllers/TestController.cs

Controllers/TestController.cs
C#

using Microsoft.AspNetCore.Mvc; namespace TestProject.Controllers { /// <summary> /// 테스트 컨트롤러 /// </summary> public class TestController : Controller { //////////////////////////////////////////////////////////////////////////////////////////////////// Method ////////////////////////////////////////////////////////////////////////////////////////// Public #region 인덱스 페이지 처리하기 - Index() /// <summary> /// 인덱스 페이지 처리하기 /// </summary> /// <returns>액션 결과</returns> public IActionResult Index() { return View(); } #endregion #region 완료시 페이지 처리하기 - Completed(name, content) /// <summary> /// 완료시 페이지 처리하기 /// </summary> /// <param name="name">성명</param> /// <param name="content">내용</param> /// <returns>액션 결과</returns> public IActionResult Completed(string name, string content) { ViewBag.Name = name; ViewBag.Content = content; return View(); } #endregion } }

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45

using Microsoft.AspNetCore.Mvc;

namespace TestProject.Controllers
{
    /// <summary>
    /// 테스트 컨트롤러
    /// </summary>
    public class TestController : Controller
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Method
        ////////////////////////////////////////////////////////////////////////////////////////// Public

        #region 인덱스 페이지 처리하기 - Index()

        /// <summary>
        /// 인덱스 페이지 처리하기
        /// </summary>
        /// <returns>액션 결과</returns>
        public IActionResult Index()
        {
            return View();
        }

        #endregion
        #region 완료시 페이지 처리하기 - Completed(name, content)

        /// <summary>
        /// 완료시 페이지 처리하기
        /// </summary>
        /// <param name="name">성명</param>
        /// <param name="content">내용</param>
        /// <returns>액션 결과</returns>
        public IActionResult Completed(string name, string content)
        {
            ViewBag.Name    = name;
            ViewBag.Content = content;

            return View();
        }

        #endregion
    }
}

▶ Views/Test/Index.cshtml

Views/Test/Index.cshtml
XHTML

@{ Layout = null; } <!DOCTYPE html> <html> <head> <title>순수 HTML 태그를 사용해 폼 구성하기</title> <script> function CheckForm() { var name = document.getElementById("name" ); var content = document.getElementById("content"); if (name.value.length < 1 || content.value.length < 1) { window.alert("성명과 내용을 입력해 주시기 바랍니다."); name.focus(); name.select(); return false; } return true; } </script> </head> <body> <p>순수 HTML 태그를 사용해 폼 구성하기</p> <hr /> <form action="/Test/Completed" method="post" onsubmit="return CheckForm();"> <p>성명 <input type="text" name="name" id="name" value="" /></p> <p>내용 <input type="text" name="content" id="content" value="" /></p> <p><input type="submit" value="제출" /></p> </form> </body> </html>

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38

@{ Layout = null; }
<!DOCTYPE html>
<html>
    <head>
        <title>순수 HTML 태그를 사용해 폼 구성하기</title>
        <script>
function CheckForm()
{
    var name    = document.getElementById("name"   );
    var content = document.getElementById("content");

    if (name.value.length < 1 || content.value.length < 1)
    {
        window.alert("성명과 내용을 입력해 주시기 바랍니다.");

        name.focus();
        name.select();

        return false;
    }

    return true;
}
        </script>
    </head>
    <body>
        <p>순수 HTML 태그를 사용해 폼 구성하기</p>
        <hr />
        <form action="/Test/Completed" method="post"
              onsubmit="return CheckForm();">
            <p>성명 <input type="text" name="name" id="name" value="" /></p>
            <p>내용 <input type="text" name="content" id="content" value="" /></p>
            <p><input type="submit" value="제출" /></p>
        </form>
    </body>
</html>

▶ Views/Test/Completed.cshtml

Views/Test/Completed.cshtml
XHTML

@{ Layout = null; } <p>순수 HTML 태그를 사용해 폼 구성하기</p> <hr /> <p>성명 : @ViewBag.Name</p> <p>내용 : @ViewBag.Content</p>

1
2
3
4
5
6
7

@{ Layout = null; }
<p>순수 HTML 태그를 사용해 폼 구성하기</p>
<hr />
<p>성명 : @ViewBag.Name</p>
<p>내용 : @ViewBag.Content</p>

TestProject.zip

2023-10-152024-06-19 icodebroker MICROSOFT .NETCORE, ASP.NET MVC, C#, HELPER METHOD, MICROSOFT

[C#/ASP.NET MVC/.NETCORE] HtmlHelperPartialExtensions 클래스 : Partial 확장 메소드를 사용해 부분 뷰(Partial View) 표시하기

■ HtmlHelperPartialExtensions 클래스의 Partial 확장 메소드를 사용해 부분 뷰(Partial View)를 표시하는 방법을 보여준다. ▶ Views/Test/_PagePartial1.cshtml

Views/Test/_PagePartial1.cshtml
XHTML

<p>부분 페이지 1</p>

1
2
3

<p>부분 페이지 1</p>

▶ Views/Test/_PagePartial2.cshtml

Views/Test/_PagePartial2.cshtml
XHTML

<p>부분 페이지 2</p>

1
2
3

<p>부분 페이지 2</p>

▶ Views/Test/Index.cshtml

Views/Test/Index.cshtml
XHTML

@{ Layout = null; } <p>HtmlHelperPartialExtensions 클래스 : Partial 확장 메소드를 사용해 부분 뷰(Partial View) 표시하기</p> <hr /> @Html.Partial("_PagePartial1") @Html.Partial("~/Views/Test/_PagePartial2.cshtml")

1
2
3
4
5
6
7

@{ Layout = null; }
<p>HtmlHelperPartialExtensions 클래스 : Partial 확장 메소드를 사용해 부분 뷰(Partial View) 표시하기</p>
<hr />
@Html.Partial("_PagePartial1")
@Html.Partial("~/Views/Test/_PagePartial2.cshtml")

더 읽기

2023-10-152024-06-19 icodebroker MICROSOFT .NETCORE, ASP.NET MVC, C#, HELPER METHOD, MICROSOFT

[C#/ASP.NET MVC/.NETCORE] HtmlHelperInputExtensions 클래스 : TextBoxFor 확장 메소드 사용하기

■ HtmlHelperInputExtensions 클래스의 TextBoxFor 확장 메소드를 사용하는 방법을 보여준다. ▶ Models/EmployeeModel.cs

Models/EmployeeModel.cs
C#

namespace TestProject.Models { /// <summary> /// 직원 모델 /// </summary> public class EmployeeModel { //////////////////////////////////////////////////////////////////////////////////////////////////// Property ////////////////////////////////////////////////////////////////////////////////////////// Public #region ID - ID /// <summary> /// ID /// </summary> public int ID { get; set; } #endregion #region 성명 - Name /// <summary> /// 성명 /// </summary> public string Name { get; set; } #endregion #region 나이 - Age /// <summary> /// 나이 /// </summary> public int Age { get; set; } #endregion } }

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38

namespace TestProject.Models
{
    /// <summary>
    /// 직원 모델
    /// </summary>
    public class EmployeeModel
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Property
        ////////////////////////////////////////////////////////////////////////////////////////// Public

        #region ID - ID

        /// <summary>
        /// ID
        /// </summary>
        public int ID { get; set; }

        #endregion
        #region 성명 - Name

        /// <summary>
        /// 성명
        /// </summary>
        public string Name { get; set; }

        #endregion
        #region 나이 - Age

        /// <summary>
        /// 나이
        /// </summary>
        public int Age { get; set; }

        #endregion
    }
}

▶ Controllers/TestController.cs

Controllers/TestController.cs
C#

using Microsoft.AspNetCore.Mvc; using TestProject.Models; namespace TestProject.Controllers { /// <summary> /// 테스트 컨트롤러 /// </summary> public class TestController : Controller { //////////////////////////////////////////////////////////////////////////////////////////////////// Method ////////////////////////////////////////////////////////////////////////////////////////// Public #region 인덱스 페이지 처리하기 - Index() /// <summary> /// 인덱스 페이지 처리하기 /// </summary> /// <returns>액션 결과</returns> public IActionResult Index() { EmployeeModel employee = new EmployeeModel() { ID = 1, Name = "홍길동", Age = 20 }; return View(employee); } #endregion } }

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37

using Microsoft.AspNetCore.Mvc;

using TestProject.Models;

namespace TestProject.Controllers
{
    /// <summary>
    /// 테스트 컨트롤러
    /// </summary>
    public class TestController : Controller
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Method
        ////////////////////////////////////////////////////////////////////////////////////////// Public

        #region 인덱스 페이지 처리하기 - Index()

        /// <summary>
        /// 인덱스 페이지 처리하기
        /// </summary>
        /// <returns>액션 결과</returns>
        public IActionResult Index()
        {
            EmployeeModel employee = new EmployeeModel()
            {
                ID   = 1,
                Name = "홍길동",
                Age  = 20
            };

            return View(employee);
        }

        #endregion
    }
}

▶ Views/Test/Index.cshtml

Views/Test/Index.cshtml
XHTML

@model EmployeeModel @{ Layout = null; } <p>HtmlHelperInputExtensions 클래스 : TextBoxFor 확장 메소드 사용하기</p> <hr /> <p>ID : @Model.ID</p> <p>성명 : @Model.Name</p> <p>나이 : @Model.Age</p> <hr /> <p>TextBoxFor 확장 메소드 사용시</p> <p>ID : @Html.TextBoxFor(model => model.ID)</p> <p>성명 : @Html.TextBoxFor(model => model.Name)</p> <p>나이 : @Html.TextBoxFor(model => model.Age)</p>

1
2
3
4
5
6
7
8
9
10
11
12
13
14

@model EmployeeModel
@{ Layout = null; }
<p>HtmlHelperInputExtensions 클래스 : TextBoxFor 확장 메소드 사용하기</p>
<hr />
<p>ID : @Model.ID</p>
<p>성명 : @Model.Name</p>
<p>나이 : @Model.Age</p>
<hr />
<p>TextBoxFor 확장 메소드 사용시</p>
<p>ID : @Html.TextBoxFor(model => model.ID)</p>
<p>성명 : @Html.TextBoxFor(model => model.Name)</p>
<p>나이 : @Html.TextBoxFor(model => model.Age)</p>

TestProject.zip

2023-10-152024-06-19 icodebroker MICROSOFT .NETCORE, ASP.NET MVC, C#, HELPER METHOD, MICROSOFT

[C#/ASP.NET MVC/.NETCORE] HtmlHelperDisplayExtensions 클래스 : Display/DisplayFor 확장 메소드 사용하기

■ HtmlHelperDisplayExtensions 클래스의 Display/DisplayFor 확장 메소드를 사용하는 방법을 보여준다. ▶ Models/EmployeeModel.cs

Models/EmployeeModel.cs
C#

namespace TestProject.Models { /// <summary> /// 직원 모델 /// </summary> public class EmployeeModel { //////////////////////////////////////////////////////////////////////////////////////////////////// Property ////////////////////////////////////////////////////////////////////////////////////////// Public #region ID - ID /// <summary> /// ID /// </summary> public int ID { get; set; } #endregion #region 성명 - Name /// <summary> /// 성명 /// </summary> public string Name { get; set; } #endregion #region 나이 - Age /// <summary> /// 나이 /// </summary> public int Age { get; set; } #endregion } }

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38

namespace TestProject.Models
{
    /// <summary>
    /// 직원 모델
    /// </summary>
    public class EmployeeModel
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Property
        ////////////////////////////////////////////////////////////////////////////////////////// Public

        #region ID - ID

        /// <summary>
        /// ID
        /// </summary>
        public int ID { get; set; }

        #endregion
        #region 성명 - Name

        /// <summary>
        /// 성명
        /// </summary>
        public string Name { get; set; }

        #endregion
        #region 나이 - Age

        /// <summary>
        /// 나이
        /// </summary>
        public int Age { get; set; }

        #endregion
    }
}

▶ Controllers/TestController.cs

Controllers/TestController.cs
C#

using Microsoft.AspNetCore.Mvc; using TestProject.Models; namespace TestProject.Controllers { /// <summary> /// 테스트 컨트롤러 /// </summary> public class TestController : Controller { //////////////////////////////////////////////////////////////////////////////////////////////////// Method ////////////////////////////////////////////////////////////////////////////////////////// Public #region 인덱스 페이지 처리하기 - Index() /// <summary> /// 인덱스 페이지 처리하기 /// </summary> /// <returns>액션 결과</returns> public IActionResult Index() { EmployeeModel employee = new EmployeeModel() { ID = 1, Name = "홍길동", Age = 20 }; return View(employee); } #endregion } }

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37

using Microsoft.AspNetCore.Mvc;

using TestProject.Models;

namespace TestProject.Controllers
{
    /// <summary>
    /// 테스트 컨트롤러
    /// </summary>
    public class TestController : Controller
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Method
        ////////////////////////////////////////////////////////////////////////////////////////// Public

        #region 인덱스 페이지 처리하기 - Index()

        /// <summary>
        /// 인덱스 페이지 처리하기
        /// </summary>
        /// <returns>액션 결과</returns>
        public IActionResult Index()
        {
            EmployeeModel employee = new EmployeeModel()
            {
                ID   = 1,
                Name = "홍길동",
                Age  = 20
            };

            return View(employee);
        }

        #endregion
    }
}

▶ Views/Test/Index.cshtml

Views/Test/Index.cshtml
XHTML

@model EmployeeModel @{ Layout = null; } <p>HtmlHelperDisplayExtensions 클래스 : Display/DisplayFor 확장 메소드 사용하기</p> <hr /> <p>ID : @Model.ID</p> <p>성명 : @Model.Name</p> <p>나이 : @Model.Age</p> <hr /> <p>Display 확장 메소드 사용시</p> <p>ID : @Html.Display("ID")</p> <p>성명 : @Html.Display("Name")</p> <p>나이 : @Html.Display(nameof(Model.Age))</p> <hr /> <p>DisplayFor 확장 메소드 사용시</p> <p>ID : @Html.DisplayFor(model => model.ID)</p> <p>성명 : @Html.DisplayFor(model => model.Name)</p> <p>나이 : @Html.DisplayFor(model => model.Age)</p>

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19

@model EmployeeModel
@{ Layout = null; }
<p>HtmlHelperDisplayExtensions 클래스 : Display/DisplayFor 확장 메소드 사용하기</p>
<hr />
<p>ID : @Model.ID</p>
<p>성명 : @Model.Name</p>
<p>나이 : @Model.Age</p>
<hr />
<p>Display 확장 메소드 사용시</p>
<p>ID : @Html.Display("ID")</p>
<p>성명 : @Html.Display("Name")</p>
<p>나이 : @Html.Display(nameof(Model.Age))</p>
<hr />
<p>DisplayFor 확장 메소드 사용시</p>
<p>ID : @Html.DisplayFor(model => model.ID)</p>
<p>성명 : @Html.DisplayFor(model => model.Name)</p>
<p>나이 : @Html.DisplayFor(model => model.Age)</p>

TestProject.zip

2023-10-152024-06-19 icodebroker MICROSOFT .NETCORE, ASP.NET MVC, C#, HELPER METHOD, MICROSOFT

[C#/ASP.NET MVC/.NETCORE] HtmlHelperInputExtensions 클래스 : DropDownList/ListBox 확장 메소드 사용하기

■ HtmlHelperInputExtensions 클래스의 DropDownList/ListBox 확장 메소드를 사용하는 방법을 보여준다. ▶ Views/Test/Index.cshtml

Views/Test/Index.cshtml
XHTML

@{ Layout = null; } <p>HtmlHelperInputExtensions 클래스 : DropDownList/ListBox 확장 메소드 사용하기</p> <hr /> <p>드롭 다운 리스트</p> <p>@Html.DropDownList("dropDownList", new SelectList(new[] { "항목1", "항목2", "항목3", "항목4", "항목5" }))</p> <p>리스트 박스</p> <p>@Html.ListBox("listBox", new MultiSelectList(new[] { "항목1", "항목2", "항목3", "항목4", "항목5" }))</p>

1
2
3
4
5
6
7
8
9
10
11

@{
Layout = null;
}
<p>HtmlHelperInputExtensions 클래스 : DropDownList/ListBox 확장 메소드 사용하기</p>
<hr />
<p>드롭 다운 리스트</p>
<p>@Html.DropDownList("dropDownList", new SelectList(new[] { "항목1", "항목2", "항목3", "항목4", "항목5" }))</p>
<p>리스트 박스</p>
<p>@Html.ListBox("listBox", new MultiSelectList(new[] { "항목1", "항목2", "항목3", "항목4", "항목5" }))</p>

TestProject.zip

2023-10-152024-06-19 icodebroker MICROSOFT .NETCORE, ASP.NET MVC, C#, HELPER METHOD, MICROSOFT

[C#/ASP.NET MVC/.NETCORE] HtmlHelperInputExtensions 클래스 : TextBox/Password/TextArea/CheckBox/RadioButton/Hidden 확장 메소드 사용하기

■ HtmlHelperInputExtensions 클래스의 TextBox/Password/TextArea/CheckBox/RadioButton/Hidden 확장 메소드를 사용하는 방법을 보여준다. ▶ Views/Test/Index.cshtml

Views/Test/Index.cshtml
XHTML

@{ Layout = null; } <p>HtmlHelperInputExtensions 클래스 : TextBox/Password/TextArea/CheckBox/RadioButton/Hidden 확장 메소드 사용하기</p> <hr /> <p>텍스트 박스</p> <p>@Html.TextBox("textBox", "텍스트 문자열")</p> <hr /> <p>패스워드</p> <p>@Html.Password("password", "패스워드")</p> <hr /> <p>텍스트 영역</p> <p>@Html.TextArea("textArea", "텍스트 문자열 1\r\n텍스트 문자열 2", 5, 30, null)</p> <hr /> <p>체크 박스</p> <p>@Html.CheckBox("checkBox", true) 윈도우 시작시</p> <hr /> <p>라디오 버튼</p> <p> @Html.RadioButton("genderRatioButton", "M", true)<span>남자</span> @Html.RadioButton("genderRatioButton", "F", false)<span>여자</span> </p> <hr /> <p>히든 필드</p> <p>@Html.Hidden("hidden", "value1")</p>

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27

@{
    Layout = null;
}
<p>HtmlHelperInputExtensions 클래스 : TextBox/Password/TextArea/CheckBox/RadioButton/Hidden 확장 메소드 사용하기</p>
<hr />
<p>텍스트 박스</p>
<p>@Html.TextBox("textBox", "텍스트 문자열")</p>
<hr />
<p>패스워드</p>
<p>@Html.Password("password", "패스워드")</p>
<hr />
<p>텍스트 영역</p>
<p>@Html.TextArea("textArea", "텍스트 문자열 1\r\n텍스트 문자열 2", 5, 30, null)</p>
<hr />
<p>체크 박스</p>
<p>@Html.CheckBox("checkBox", true) 윈도우 시작시</p>
<hr />
<p>라디오 버튼</p>
<p>
    @Html.RadioButton("genderRatioButton", "M", true)<span>남자</span>
    @Html.RadioButton("genderRatioButton", "F", false)<span>여자</span>
</p>
<hr />
<p>히든 필드</p>
<p>@Html.Hidden("hidden", "value1")</p>

TestProject.zip

2023-10-152024-06-19 icodebroker MICROSOFT .NETCORE, ASP.NET MVC, C#, HELPER METHOD, MICROSOFT

[C#/ASP.NET MVC/.NETCORE] UrlHelperExtensions 클래스 : Action 확장 메소드를 사용해 특정 컨트롤러 액션 메소드 경로 구하기

■ UrlHelperExtensions 클래스의 Action 확장 메소드를 사용해 특정 컨트롤러 액션 메소드 경로를 구하는 방법을 보여준다. ▶ Views/Test/Index.cshtml

Views/Test/Index.cshtml
XHTML

@{ Layout = null; } <p>UrlHelperExtensions 클래스 : Action 확장 메소드를 사용해 특정 컨트롤러 액션 메소드 경로 구하기</p> <hr /> <p>@Url.Action("Privacy", "Home")</p>

1
2
3
4
5
6
7
8

@{
Layout = null;
}
<p>UrlHelperExtensions 클래스 : Action 확장 메소드를 사용해 특정 컨트롤러 액션 메소드 경로 구하기</p>
<hr />
<p>@Url.Action("Privacy", "Home")</p>

TestProject.zip

2023-10-152024-06-19 icodebroker MICROSOFT .NETCORE, ASP.NET MVC, C#, HELPER METHOD, MICROSOFT

[C#/ASP.NET MVC/.NETCORE] HtmlHelperLinkExtensions 클래스 : ActionLink 확장 메소드를 사용해 특정 컨트롤러 액션 페이지로 이동하기

■ HtmlHelperLinkExtensions 클래스의 ActionLink 확장 메소드를 사용해 특정 컨트롤러 액션 페이지로 이동하는 방법을 보여준다. ▶ Views/Test/Index.cshtml

Views/Test/Index.cshtml
XHTML

@{ Layout = null; } <p>HtmlHelperLinkExtensions 클래스 : ActionLink 확장 메소드를 사용해 특정 컨트롤러 액션 페이지로 이동하기</p> <hr /> <p>@Html.ActionLink("홈으로", "Index", "Home")</p>

1
2
3
4
5
6
7
8

@{
Layout = null;
}
<p>HtmlHelperLinkExtensions 클래스 : ActionLink 확장 메소드를 사용해 특정 컨트롤러 액션 페이지로 이동하기</p>
<hr />
<p>@Html.ActionLink("홈으로", "Index", "Home")</p>

TestProject.zip

2023-10-152024-06-19 icodebroker MICROSOFT .NETCORE, ASP.NET MVC, C#, CONTROLLER, MICROSOFT

[C#/ASP.NET MVC/.NETCORE] Controller 클래스 : View 메소드를 사용해 뷰에 컬렉션 데이터 전달하기

■ Controller 클래스의 View 메소드를 사용해 뷰에 컬렉션 데이터를 전달하는 방법을 보여준다. ▶ Models/MovieModel.cs

Models/MovieModel.cs
C#

using System; namespace TestProject.Models { /// <summary> /// 영화 모델 /// </summary> public class MovieModel { //////////////////////////////////////////////////////////////////////////////////////////////////// Property ////////////////////////////////////////////////////////////////////////////////////////// Public #region ID - ID /// <summary> /// ID /// </summary> public int ID { get; set; } #endregion #region 제목 - Title /// <summary> /// 제목 /// </summary> public string Title { get; set; } #endregion #region 생성일 - CreateDate /// <summary> /// 생성일 /// </summary> public DateTime CreateDate { get; set; } #endregion } }

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40

using System;

namespace TestProject.Models
{
    /// <summary>
    /// 영화 모델
    /// </summary>
    public class MovieModel
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Property
        ////////////////////////////////////////////////////////////////////////////////////////// Public

        #region ID - ID

        /// <summary>
        /// ID
        /// </summary>
        public int ID { get; set; }

        #endregion
        #region 제목 - Title

        /// <summary>
        /// 제목
        /// </summary>
        public string Title { get; set; }

        #endregion
        #region 생성일 - CreateDate

        /// <summary>
        /// 생성일
        /// </summary>
        public DateTime CreateDate { get; set; }

        #endregion
    }
}

▶ Controllers/MovieController.cs

Controllers/MovieController.cs
C#

using Microsoft.AspNetCore.Mvc; using System; using System.Collections.Generic; using TestProject.Models; namespace TestProject.Controllers { /// <summary> /// 영화 컨트롤러 /// </summary> public class MovieController : Controller { //////////////////////////////////////////////////////////////////////////////////////////////////// Method ////////////////////////////////////////////////////////////////////////////////////////// Public #region 인덱스 페이지 처리하기 - Index() /// <summary> /// 인덱스 페이지 처리하기 /// </summary> public IActionResult Index() { List<MovieModel> list = new List<MovieModel>() { new MovieModel { ID = 1, Title = "원더 우먼" , CreateDate = new DateTime(2017, 1, 1) }, new MovieModel { ID = 2, Title = "베놈" , CreateDate = new DateTime(2018, 1, 1) }, new MovieModel { ID = 3, Title = "터미네이터 - 다크 페이트", CreateDate = new DateTime(2019, 1, 1) } }; return View(list); } #endregion } }

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38

using Microsoft.AspNetCore.Mvc;
using System;
using System.Collections.Generic;

using TestProject.Models;

namespace TestProject.Controllers
{
    /// <summary>
    /// 영화 컨트롤러
    /// </summary>
    public class MovieController : Controller
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Method
        ////////////////////////////////////////////////////////////////////////////////////////// Public

        #region 인덱스 페이지 처리하기 - Index()

        /// <summary>
        /// 인덱스 페이지 처리하기
        /// </summary>
        public IActionResult Index()
        {
            List<MovieModel> list = new List<MovieModel>()
            {
                new MovieModel { ID = 1, Title = "원더 우먼"               , CreateDate = new DateTime(2017, 1, 1) },
                new MovieModel { ID = 2, Title = "베놈"                    , CreateDate = new DateTime(2018, 1, 1) },
                new MovieModel { ID = 3, Title = "터미네이터 - 다크 페이트", CreateDate = new DateTime(2019, 1, 1) }
            };

            return View(list);
        }

        #endregion
    }
}

▶ Views/Movie/Index.cshtml

Views/Movie/Index.cshtml
XHTML

@model List<MovieModel> @{ Layout = null; } <!DOCTYPE html> <html> <head> <title>Controller 클래스 : View 메소드를 사용해 뷰에 컬렉션 데이터 전달하기</title> <style> table { border-collapse : collapse; } table th, table td { border : 1px solid black; padding : 10px; } </style> </head> <body> <h1>영화 목록</h1> <table> <tr> <th>번호</th> <th>제목</th> <th>개봉일</th> </tr> @foreach(MovieModel movie in Model) { <tr> <td>@movie.ID</td> <td>@movie.Title</td> <td>@movie.CreateDate.Year.ToString()</td> </tr> } </table> </body> </html>

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42

@model List<MovieModel>
@{
    Layout = null;
}
<!DOCTYPE html>
<html>
    <head>
        <title>Controller 클래스 : View 메소드를 사용해 뷰에 컬렉션 데이터 전달하기</title>
        <style>
table
{
    border-collapse : collapse;
}

table th, table td
{
    border  : 1px solid black;
    padding : 10px;
}
        </style>
    </head>
    <body>
        <h1>영화 목록</h1>
        <table>
            <tr>
                <th>번호</th>
                <th>제목</th>
                <th>개봉일</th>
            </tr>
            @foreach(MovieModel movie in Model)
            {
                <tr>
                    <td>@movie.ID</td>
                    <td>@movie.Title</td>
                    <td>@movie.CreateDate.Year.ToString()</td>
                </tr>
            }
        </table>
    </body>
</html>

TestProject.zip

2023-10-152024-06-19 icodebroker MICROSOFT .NETCORE, ASP.NET MVC, C#, CONTROLLER, MICROSOFT

[C#/ASP.NET MVC/.NETCORE] Controller 클래스 : ViewBag/ViewData 속성을 사용해 폼 데이터 전달하기

■ Controller 클래스의 ViewBag/ViewData 속성을 사용해 폼 데이터를 전달하는 방법을 보여준다. ▶ Controllers/TestController.cs

Controllers/TestController.cs
C#

using Microsoft.AspNetCore.Mvc; namespace TestProject.Controllers { /// <summary> /// 테스트 컨트롤러 /// </summary> public class TestController : Controller { //////////////////////////////////////////////////////////////////////////////////////////////////// Method ////////////////////////////////////////////////////////////////////////////////////////// Public #region 인덱스 페이지 처리하기 - Index() /// <summary> /// 인덱스 페이지 처리하기 /// </summary> /// <returns>액션 결과</returns> [HttpGet] public IActionResult Index() { return View(); } #endregion #region 인덱스 페이지 처리하기 - Index(name, content) /// <summary> /// 인덱스 페이지 처리하기 /// </summary> /// <param name="name">명칭</param> /// <param name="content">컨텐트</param> /// <returns>액션 결과</returns> [HttpPost] public IActionResult Index(string name, string content) { ViewBag.name = name; ViewBag.content = content; return View(); } #endregion } }

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47

using Microsoft.AspNetCore.Mvc;

namespace TestProject.Controllers
{
    /// <summary>
    /// 테스트 컨트롤러
    /// </summary>
    public class TestController : Controller
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Method
        ////////////////////////////////////////////////////////////////////////////////////////// Public

        #region 인덱스 페이지 처리하기 - Index()

        /// <summary>
        /// 인덱스 페이지 처리하기
        /// </summary>
        /// <returns>액션 결과</returns>
        [HttpGet]
        public IActionResult Index()
        {
            return View();
        }

        #endregion
        #region 인덱스 페이지 처리하기 - Index(name, content)

        /// <summary>
        /// 인덱스 페이지 처리하기
        /// </summary>
        /// <param name="name">명칭</param>
        /// <param name="content">컨텐트</param>
        /// <returns>액션 결과</returns>
        [HttpPost]
        public IActionResult Index(string name, string content)
        {
            ViewBag.name    = name;
            ViewBag.content = content;

            return View();
        }

        #endregion
    }
}

▶ Views/Test/Index.cshtml

Views/Test/Index.cshtml
XHTML

@{ Layout = null; } <p>Controller 클래스 : ViewBag/ViewData 속성을 사용해 폼 데이터 전달하기</p> <hr /> <p>HTML 태그 사용시</p> <form action="/Test/Index" method="post"> 이름 : <input type="text" name="name" value="" /><br /> 내용 : <input type="text" name="content" value="" /><br /> <input type="submit" value="제출" /> </form> <p>HELPER 메소드 사용시</p> <hr /> @using (Html.BeginForm()) { @Html.Label("이름 : ") @Html.TextBox("name") <br /> @Html.Label("내용 : ") @Html.TextBox("content") <br /> <input type="submit" value="제출" /> } <hr /> <p>@@ViewBag.Name : @ViewBag.Name</p> <p>@@ViewBag.Content : @ViewBag.Content</p>

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28

@{
    Layout = null;
}
<p>Controller 클래스 : ViewBag/ViewData 속성을 사용해 폼 데이터 전달하기</p>
<hr />
<p>HTML 태그 사용시</p>
<form action="/Test/Index" method="post">
    이름 : <input type="text" name="name" value="" /><br />
    내용 : <input type="text" name="content" value="" /><br />
    <input type="submit" value="제출" />
</form>
<p>HELPER 메소드 사용시</p>
<hr />
@using (Html.BeginForm())
{
    @Html.Label("이름 : ")
    @Html.TextBox("name")
    <br />
    @Html.Label("내용 : ")
    @Html.TextBox("content")
    <br />
    <input type="submit" value="제출" />
}
<hr />
<p>@@ViewBag.Name : @ViewBag.Name</p>
<p>@@ViewBag.Content : @ViewBag.Content</p>

TestProject.zip

글 페이지 매김

이전 1 … 9 10 11 12 다음