TAG HELPER Archives - icodebroker

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

■ <environment> 태그를 사용하는 방법을 보여준다 IHostEnvironment 인터페이스의 EnvironmentName 속성 값을 사용하여 요소에 태그를 포함하거나 제외한다. ▶ 예제 코드 (CSHTML)


<environment include="Development">
    <div>The effective tag is: &lt;environment include="Development"&gt;</div>
</environment>
<environment exclude="Development">
    <div>The effective tag is: &lt;environment exclude="Development"&gt;</div>
</environment>
<environment include="Staging,Development,Staging_2">
    <div>
        The effective tag is:
        &lt;environment include="Staging,Development,Staging_2"&gt;
    </div>
</environment>

<div>The effective tag is: <environment include="Development"></div>

</environment>

<div>The effective tag is: <environment exclude="Development"></div>

</environment>

<div>

The effective tag is:

</div>

</environment>

[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; }

<cache> 태그 : 캐시 기능 사용하기

<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='#'>");

stringBuilder.Append(i.ToString());

stringBuilder.Append("</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

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

<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; }

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

<hr />

<unix-time-converter>1462004724</unix-time-converter>

<unix-time-converter Format="HH:mm:ss">1462004724</unix-time-converter>

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; }

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

<hr />

<el>charles</el>

<el>peter</el>

TestProject.zip

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

■ TagHelper 클래스를 사용해 태그로 둘러싸는 문자열을 생성하는 커스텀 태그 헬퍼를 만드는 방법을 보여준다. ▶ 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 = $"{sourceContent}"; 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 = $"{sourceContent}";

 output.TagName = "b";

 output.Content.AppendHtml(targetContent);
 }

 #endregion
 }
}

▶ Views/Test/Index.cshtml

Views/Test/Index.cshtml
XHTML

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

1
2
3
4
5
6
7
8

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

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; } @@tagHelperPrefix 지시문 : 내장 태그 헬퍼에 접두사 붙이기 <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; }
@@tagHelperPrefix 지시문 : 내장 태그 헬퍼에 접두사 붙이기
<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; } asp-controller/asp-action 태그 헬퍼를 사용해 링크 만들기 <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; }
asp-controller/asp-action 태그 헬퍼를 사용해 링크 만들기
<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; } <environment> 태그 : ASPNETCORE_ENVIRONMENT 환경 변수 값에 따라 태그 생성하기 <hr /> <environment names="Development"> 현재 페이지는 개발(Development) 환경입니다. </environment> <environment names="Staging, Production"> 현재 페이지는 운영(Staging, Production) 환경입니다. </environment>

1
2
3
4
5
6
7
8
9
10
11

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

TestProject.zip