C Archives - 4 중 2 번째 페이지

[C#/ASP.NET] Button 클래스 사용하기

■ Button 클래스를 사용하는 방법을 보여준다. ▶ MainPage.aspx


<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="MainPage.aspx.cs" Inherits="TestProject.MainPage" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>Button 클래스 사용하기</title>
    </head>
    <body>
        <form id="form" runat="server">
            <div>
                <asp:TextBox ID="numberTextBox" runat="server" />
                <asp:Button ID="increaseButton" runat="server"
                    Text="증가"
                    OnClick="increaseButton_Click" />
                <asp:Button ID="decreaseButton" runat="server"
                    Text="감소"
                    OnClick="decreaseButton_Click" />
            </div>
        </form>
    </body>
</html>

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="MainPage.aspx.cs" Inherits="TestProject.MainPage" %>

<!DOCTYPE html>

<title>Button 클래스 사용하기</title>

</head>

<body>

<div>

<asp:TextBox ID="numberTextBox" runat="server" />

<asp:Button ID="increaseButton" runat="server"

Text="증가"

OnClick="increaseButton_Click" />

<asp:Button ID="decreaseButton" runat="server"

Text="감소"

OnClick="decreaseButton_Click" />

</div>

</form>

</body>

</html>

▶ MainPage.aspx.cs


using System;
using System.Web.UI;

namespace TestProject
{
    /// <summary>
    /// 메인 페이지
    /// </summary>
    public partial class MainPage : Page
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Method
        ////////////////////////////////////////////////////////////////////////////////////////// Protected

        #region 페이지 로드시 처리하기 - Page_Load(sender, e)

        /// <summary>
        /// 페이지 로드시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        protected void Page_Load(object sender, EventArgs e)
        {
            if(!Page.IsPostBack)
            {
                this.numberTextBox.Text = "0";
            }
        }

        #endregion
        #region 증가 버튼 클릭시 처리하기 - increaseButton_Click(sender, e)

        /// <summary>
        /// 증가 버튼 클릭시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        protected void increaseButton_Click(object sender, EventArgs e)
        {
            this.numberTextBox.Text = Convert.ToString(Convert.ToInt32(this.numberTextBox.Text) + 1);
        }

        #endregion
        #region 감소 버튼 클릭시 처리하기 - decreaseButton_Click(sender, e)

        /// <summary>
        /// 감소 버튼 클릭시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        protected void decreaseButton_Click(object sender, EventArgs e)
        {
            this.numberTextBox.Text = Convert.ToString(int.Parse(this.numberTextBox.Text) - 1);
        }

        #endregion
    }
}

using System;

using System.Web.UI;

namespace TestProject

{

/// <summary>

/// 메인 페이지

/// </summary>

public partial class MainPage : Page

{

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

////////////////////////////////////////////////////////////////////////////////////////// Protected

#region 페이지 로드시 처리하기 - Page_Load(sender, e)

/// <summary>

/// 페이지 로드시 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

protected void Page_Load(object sender, EventArgs e)

{

if(!Page.IsPostBack)

{

this.numberTextBox.Text = "0";

}

#endregion

#region 증가 버튼 클릭시 처리하기 - increaseButton_Click(sender, e)

/// <summary>

/// 증가 버튼 클릭시 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

protected void increaseButton_Click(object sender, EventArgs e)

{

this.numberTextBox.Text = Convert.ToString(Convert.ToInt32(this.numberTextBox.Text) + 1);

}

#endregion

#region 감소 버튼 클릭시 처리하기 - decreaseButton_Click(sender, e)

/// <summary>

/// 감소 버튼 클릭시 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

protected void decreaseButton_Click(object sender, EventArgs e)

{

this.numberTextBox.Text = Convert.ToString(int.Parse(this.numberTextBox.Text) - 1);

}

#endregion

}

TestProject.zip

[C#/ASP.NET] TextBox 클래스 : TextMode 속성 사용하기

■ TextBox 클래스의 TextMode 속성을 사용하는 방법을 보여준다. ▶ MainPage.aspx


<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="MainPage.aspx.cs" Inherits="TestProject.MainPage" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>TextBox 클래스 : TextMode 속성 사용하기</title>
    </head>
    <body>
        <form id="form1" runat="server">
            <div>
                <h2>싱글 라인</h2>
                이름 :
                <asp:TextBox ID="nameTextBox" runat="server"
                    TextMode="SingleLine" />
                <h2>멀티 라인</h2>
                소개 :
                <asp:TextBox ID="introductionTextBox" runat="server"
                    TextMode="MultiLine" />
                <br />
                <h2>패스워드</h2>
                암호 :
                <asp:TextBox ID="passwordTextBox" runat="server"
                    TextMode="Password" />
                <hr />
                <asp:Button ID="okButton" runat="server"
                    Text="확인"
                    OnClick="okButton_Click" />
            </div>
        </form>
    </body>
</html>

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="MainPage.aspx.cs" Inherits="TestProject.MainPage" %>

<!DOCTYPE html>

<title>TextBox 클래스 : TextMode 속성 사용하기</title>

</head>

<body>

<div>

이름 :

<asp:TextBox ID="nameTextBox" runat="server"

TextMode="SingleLine" />

소개 :

<asp:TextBox ID="introductionTextBox" runat="server"

TextMode="MultiLine" />

<br />

암호 :

<asp:TextBox ID="passwordTextBox" runat="server"

TextMode="Password" />

<hr />

<asp:Button ID="okButton" runat="server"

Text="확인"

OnClick="okButton_Click" />

</div>

</form>

</body>

</html>

▶ MainPage.aspx.cs


using System;
using System.Web.UI;

namespace TestProject
{
    /// <summary>
    /// 메인 페이지
    /// </summary>
    public partial class MainPage : Page
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Method
        ////////////////////////////////////////////////////////////////////////////////////////// Protected

        #region 페이지 로드시 처리하기 - Page_Load(sender, e)

        /// <summary>
        /// 페이지 로드시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        protected void Page_Load(object sender, EventArgs e)
        {
        }

        #endregion
        #region 확인 버튼 클릭시 처리하기 - okButton_Click(sender, e)

        /// <summary>
        /// 확인 버튼 클릭시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        protected void okButton_Click(object sender, EventArgs e)
        {
            string name = this.nameTextBox.Text;

            string introduction = this.introductionTextBox.Text;

            string password = this.passwordTextBox.Text;

            Response.Write(name + "<br />" + introduction + "<br />" + password + "<br />");
        }

        #endregion
    }
}

using System;

using System.Web.UI;

namespace TestProject

{

/// <summary>

/// 메인 페이지

/// </summary>

public partial class MainPage : Page

{

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

////////////////////////////////////////////////////////////////////////////////////////// Protected

#region 페이지 로드시 처리하기 - Page_Load(sender, e)

/// <summary>

/// 페이지 로드시 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

protected void Page_Load(object sender, EventArgs e)

{

}

#endregion

#region 확인 버튼 클릭시 처리하기 - okButton_Click(sender, e)

/// <summary>

/// 확인 버튼 클릭시 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

protected void okButton_Click(object sender, EventArgs e)

{

string name = this.nameTextBox.Text;

string introduction = this.introductionTextBox.Text;

string password = this.passwordTextBox.Text;

Response.Write(name + "<br />" + introduction + "<br />" + password + "<br />");

}

#endregion

}

TestProject.zip

[C#/ASP.NET] Page 클래스 : IsPostBack 속성 사용하기

■ Page 클래스의 IsPostBack 속성을 사용하는 방법을 보여준다. ▶ MainPage.aspx


<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="MainPage.aspx.cs" Inherits="TestProject.MainPage" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>Page 클래스 : IsPostBack 속성 사용하기</title>
    </head>
    <body>
        <form id="form" runat="server">
            <div>
                <asp:Button ID="postBackButton" runat="server"
                    Text="다시 게시(PostBack)"
                    OnClick="postBackButton_Click" />
                <asp:Button ID="reloadButton" runat="server"
                    Text="다시 로드"
                    OnClick="reloadButton_Click" />
            </div>
        </form>
    </body>
</html>

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="MainPage.aspx.cs" Inherits="TestProject.MainPage" %>

<!DOCTYPE html>

<title>Page 클래스 : IsPostBack 속성 사용하기</title>

</head>

<body>

<div>

<asp:Button ID="postBackButton" runat="server"

Text="다시 게시(PostBack)"

OnClick="postBackButton_Click" />

<asp:Button ID="reloadButton" runat="server"

Text="다시 로드"

OnClick="reloadButton_Click" />

</div>

</form>

</body>

</html>

▶ MainPage.aspx.cs


using System;
using System.Drawing;
using System.Web.UI;
using System.Web.UI.HtmlControls;
using System.Web.UI.WebControls;

namespace TestProject
{
    /// <summary>
    /// 메인 페이지
    /// </summary>
    public partial class MainPage : Page
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Method
        ////////////////////////////////////////////////////////////////////////////////////////// Protected

        #region 페이지 로드시 처리하기 - Page_Load(sender, e)

        /// <summary>
        /// 페이지 로드시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        protected void Page_Load(object sender, EventArgs e)
        {
            HtmlLink htmlLink = new HtmlLink();

            htmlLink.Href = "~/CSS/Test.css";

            htmlLink.Attributes.Add("rel" , "stylesheet");
            htmlLink.Attributes.Add("type", "text/css"  );

            HtmlHead htmlHead = Page.Header;

            htmlHead.Controls.Add(htmlLink);

            Style divStyle = new Style();

            divStyle.ForeColor   = Color.Blue;
            divStyle.Font.Name   = "나눔고딕코딩";
            divStyle.Font.Size   = 12;
            divStyle.Font.Italic = true;

            Page.Header.StyleSheet.CreateStyleRule(divStyle, null, "body, div");

            Style buttonStyle = new Style();

            buttonStyle.ForeColor = Color.Navy;
            buttonStyle.Font.Name = "나눔고딕코딩";
            buttonStyle.Font.Size = 12;

            Page.Header.StyleSheet.RegisterStyle(buttonStyle, null);

            this.reloadButton.CssClass   = buttonStyle.RegisteredCssClass;
            this.postBackButton.CssClass = buttonStyle.RegisteredCssClass;

            if(!Page.IsPostBack)
            {
                Response.Write("[1] 폼이 처음 로드할 때에만 실행<br />");
            }

            if(Page.IsPostBack == false)
            {
                Response.Write("[2] 폼이 처음 로드할 때에만 실행<br />");
            }

            Response.Write("[3] 폼이 로드할 때마다 실행<br />");
        }

        #endregion
        #region 다시 게시(PostBack) 버튼 클릭시 처리하기 - postBackButton_Click(sender, e)

        /// <summary>
        /// 다시 게시(PostBack) 버튼 클릭시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        protected void postBackButton_Click(object sender, EventArgs e)
        {
            string javaScript = @"
<script>
window.alert('포스트백 됨');
</script>
            ";

            ClientScript.RegisterClientScriptBlock(this.GetType(), "TestScript", javaScript);
        }

        #endregion
        #region 다시 로드 버튼 클릭시 처리하기 - reloadButton_Click(sender, e)

        /// <summary>
        /// 다시 로드 버튼 클릭시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        protected void reloadButton_Click(object sender, EventArgs e)
        {
            Response.Redirect("MainPage.aspx");
        }

        #endregion
    }
}

100

101

102

103

104

105

106

using System;

using System.Drawing;

using System.Web.UI;

using System.Web.UI.HtmlControls;

using System.Web.UI.WebControls;

namespace TestProject

{

/// <summary>

/// 메인 페이지

/// </summary>

public partial class MainPage : Page

{

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

////////////////////////////////////////////////////////////////////////////////////////// Protected

#region 페이지 로드시 처리하기 - Page_Load(sender, e)

/// <summary>

/// 페이지 로드시 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

protected void Page_Load(object sender, EventArgs e)

{

HtmlLink htmlLink = new HtmlLink();

htmlLink.Href = "~/CSS/Test.css";

htmlLink.Attributes.Add("rel" , "stylesheet");

htmlLink.Attributes.Add("type", "text/css" );

HtmlHead htmlHead = Page.Header;

htmlHead.Controls.Add(htmlLink);

Style divStyle = new Style();

divStyle.ForeColor = Color.Blue;

divStyle.Font.Name = "나눔고딕코딩";

divStyle.Font.Size = 12;

divStyle.Font.Italic = true;

Page.Header.StyleSheet.CreateStyleRule(divStyle, null, "body, div");

Style buttonStyle = new Style();

buttonStyle.ForeColor = Color.Navy;

buttonStyle.Font.Name = "나눔고딕코딩";

buttonStyle.Font.Size = 12;

Page.Header.StyleSheet.RegisterStyle(buttonStyle, null);

this.reloadButton.CssClass = buttonStyle.RegisteredCssClass;

this.postBackButton.CssClass = buttonStyle.RegisteredCssClass;

if(!Page.IsPostBack)

{

Response.Write("[1] 폼이 처음 로드할 때에만 실행<br />");

}

if(Page.IsPostBack == false)

{

Response.Write("[2] 폼이 처음 로드할 때에만 실행<br />");

}

Response.Write("[3] 폼이 로드할 때마다 실행<br />");

}

#endregion

#region 다시 게시(PostBack) 버튼 클릭시 처리하기 - postBackButton_Click(sender, e)

/// <summary>

/// 다시 게시(PostBack) 버튼 클릭시 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

protected void postBackButton_Click(object sender, EventArgs e)

{

string javaScript = @"

window.alert('포스트백 됨');

</script>

ClientScript.RegisterClientScriptBlock(this.GetType(), "TestScript", javaScript);

}

#endregion

#region 다시 로드 버튼 클릭시 처리하기 - reloadButton_Click(sender, e)

/// <summary>

/// 다시 로드 버튼 클릭시 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

protected void reloadButton_Click(object sender, EventArgs e)

{

Response.Redirect("MainPage.aspx");

}

#endregion

}

TestProject.zip

[C#/ASP.NET] FormView 클래스 사용하기

■ FormView 클래스를 사용하는 방법을 보여준다. ▶ Web.config


<?xml version="1.0" encoding="utf-8"?>
<configuration>
    <system.web>
        <compilation
            targetFramework="4.6"
            debug="true" />
        <httpRuntime targetFramework="4.6" />
    </system.web>
    <connectionStrings>
        <add name="ConnectionString" connectionString="Data Source=(localdb)\MSSQLLocalDb;Initial Catalog=TestDB;Integrated Security=True" />
    </connectionStrings>
</configuration>

<?xml version="1.0" encoding="utf-8"?>

<system.web>

<compilation

targetFramework="4.6"

debug="true" />

</system.web>

</connectionStrings>

</configuration>

▶ MainPage.aspx


<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="MainPage.aspx.cs" Inherits="TestProject.MainPage" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>FormView 클래스 사용하기</title>
    </head>
    <body>
        <form id="form" runat="server">
            <div>
                <asp:FormView ID="formView" runat="server"
                    DataSourceID="sqlDataSource"
                    DataKeyNames="ID">
                    <ItemTemplate>
                        ID : <%# Eval("ID") %><br />
                        NAME : <%# Eval("NAME") %><br />
                    </ItemTemplate>
                </asp:FormView>
                <asp:SqlDataSource ID="sqlDataSource" runat="server"
                    ConnectionString="<%$ ConnectionStrings:ConnectionString %>"
                    SelectCommand="SELECT ID, NAME FROM dbo.Code WHERE ID = @ID">
                    <SelectParameters>
                        <asp:QueryStringParameter Name="ID" QueryStringField="ID" Type="String" />
                    </SelectParameters>
                </asp:SqlDataSource>
            </div>
        </form>
    </body>
</html>

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="MainPage.aspx.cs" Inherits="TestProject.MainPage" %>

<!DOCTYPE html>

<title>FormView 클래스 사용하기</title>

</head>

<body>

<div>

<asp:FormView ID="formView" runat="server"

DataSourceID="sqlDataSource"

DataKeyNames="ID">

ID : <%# Eval("ID") %><br />

NAME : <%# Eval("NAME") %><br />

</ItemTemplate>

</asp:FormView>

<asp:SqlDataSource ID="sqlDataSource" runat="server"

ConnectionString="<%$ ConnectionStrings:ConnectionString %>"

SelectCommand="SELECT ID, NAME FROM dbo.Code WHERE ID = @ID">

<asp:QueryStringParameter Name="ID" QueryStringField="ID" Type="String" />

</SelectParameters>

</asp:SqlDataSource>

</div>

</form>

</body>

</html>

▶ MainPage.aspx.cs


using System;
using System.Web.UI;

namespace TestProject
{
    /// <summary>
    /// 메인 페이지
    /// </summary>
    public partial class MainPage : Page
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Method
        ////////////////////////////////////////////////////////////////////////////////////////// Protected

        #region 페이지 로드시 처리하기 - Page_Load(sender, e)

        /// <summary>
        /// 페이지 로드시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        protected void Page_Load(object sender, EventArgs e)
        {
        }

        #endregion
    }
}

using System;

using System.Web.UI;

namespace TestProject

{

/// <summary>

/// 메인 페이지

/// </summary>

public partial class MainPage : Page

{

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

////////////////////////////////////////////////////////////////////////////////////////// Protected

#region 페이지 로드시 처리하기 - Page_Load(sender, e)

/// <summary>

/// 페이지 로드시 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

protected void Page_Load(object sender, EventArgs e)

{

}

#endregion

}

TestProject.zip TestDB.zip

[C#/ASP.NET] DetailsView 클래스 사용하기

■ DetailsView 클래스를 사용하는 방법을 보여준다. ▶ Web.config


<?xml version="1.0" encoding="utf-8"?>
<configuration>
    <system.web>
        <compilation
            targetFramework="4.6"
            debug="true" />
        <httpRuntime targetFramework="4.6" />
    </system.web>
    <connectionStrings>
        <add name="ConnectionString" connectionString="Data Source=(localdb)\MSSQLLocalDb;Initial Catalog=TestDB;Integrated Security=True" />
    </connectionStrings>
</configuration>

<?xml version="1.0" encoding="utf-8"?>

<system.web>

<compilation

targetFramework="4.6"

debug="true" />

</system.web>

</connectionStrings>

</configuration>

▶ MainPage.aspx


<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="MainPage.aspx.cs" Inherits="TestProject.MainPage" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>DetailsView 클래스 사용하기</title>
    </head>
    <body>
        <form id="form" runat="server">
            <div>
                <asp:DetailsView ID="detailsView" runat="server"
                    Width="125px"
                    Height="50px"
                    DataSourceID="sqlDataSource"
                    DataKeyNames="ID"
                    AutoGenerateRows="true">
                    <Fields>
                        <asp:BoundField DataField="ID" HeaderText="ID" />
                        <asp:TemplateField HeaderText="NAME">
                            <ItemTemplate>
                                <a href="MainPage.aspx?ID=<%# Eval("ID") %>">
                                    <%# Eval("NAME") %>
                                </a>
                            </ItemTemplate>
                        </asp:TemplateField>
                    </Fields>
                </asp:DetailsView>
                <asp:SqlDataSource ID="sqlDataSource" runat="server"
                    ConnectionString="<%$ ConnectionStrings:ConnectionString %>"
                    SelectCommand="SELECT ID, NAME FROM dbo.Code WHERE ID = @ID">
                    <SelectParameters>
                        <asp:QueryStringParameter Name="ID" QueryStringField="ID" Type="String" />
                    </SelectParameters>
                </asp:SqlDataSource>
            </div>
        </form>
    </body>
</html>

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="MainPage.aspx.cs" Inherits="TestProject.MainPage" %>

<!DOCTYPE html>

<title>DetailsView 클래스 사용하기</title>

</head>

<body>

<div>

<asp:DetailsView ID="detailsView" runat="server"

Width="125px"

Height="50px"

DataSourceID="sqlDataSource"

DataKeyNames="ID"

AutoGenerateRows="true">

<asp:BoundField DataField="ID" HeaderText="ID" />

<asp:TemplateField HeaderText="NAME">

<%# Eval("NAME") %>

</a>

</ItemTemplate>

</asp:TemplateField>

</Fields>

</asp:DetailsView>

<asp:SqlDataSource ID="sqlDataSource" runat="server"

ConnectionString="<%$ ConnectionStrings:ConnectionString %>"

SelectCommand="SELECT ID, NAME FROM dbo.Code WHERE ID = @ID">

<asp:QueryStringParameter Name="ID" QueryStringField="ID" Type="String" />

</SelectParameters>

</asp:SqlDataSource>

</div>

</form>

</body>

</html>

▶ MainPage.aspx.cs


using System;
using System.Web.UI;

namespace TestProject
{
    /// <summary>
    /// 메인 페이지
    /// </summary>
    public partial class MainPage : Page
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Method
        ////////////////////////////////////////////////////////////////////////////////////////// Protected

        #region 페이지 로드시 처리하기 - Page_Load(sender, e)

        /// <summary>
        /// 페이지 로드시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        protected void Page_Load(object sender, EventArgs e)
        {
        }

        #endregion
    }
}

using System;

using System.Web.UI;

namespace TestProject

{

/// <summary>

/// 메인 페이지

/// </summary>

public partial class MainPage : Page

{

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

////////////////////////////////////////////////////////////////////////////////////////// Protected

#region 페이지 로드시 처리하기 - Page_Load(sender, e)

/// <summary>

/// 페이지 로드시 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

protected void Page_Load(object sender, EventArgs e)

{

}

#endregion

}

TestProject.zip TestDB.zip

[C#/ASP.NET] DataList 클래스 사용하기

■ DataList 클래스를 사용하는 방법을 보여준다. ▶ Web.config


<?xml version="1.0" encoding="utf-8"?>
<configuration>
    <system.web>
        <compilation
            targetFramework="4.6"
            debug="true" />
        <httpRuntime targetFramework="4.6" />
    </system.web>
    <connectionStrings>
        <add name="ConnectionString" connectionString="Data Source=(localdb)\MSSQLLocalDb;Initial Catalog=TestDB;Integrated Security=True" />
    </connectionStrings>
</configuration>

<?xml version="1.0" encoding="utf-8"?>

<system.web>

<compilation

targetFramework="4.6"

debug="true" />

</system.web>

</connectionStrings>

</configuration>

▶ MainPage.aspx


<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="MainPage.aspx.cs" Inherits="TestProject.MainPage" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>DataList 클래스 사용하기</title>
    </head>
    <body>
        <form id="form" runat="server">
            <div>
                <asp:DataList ID="dataList" runat="server"
                    BorderWidth="1px"
                    RepeatDirection="Horizontal"
                    RepeatColumns="3"
                    DataSourceID="sqlDataSource">
                    <HeaderTemplate>
                        <span>명칭</span>
                    </HeaderTemplate>
                    <HeaderStyle Font-Bold="true" />
                    <ItemTemplate>
                        <%# Eval("NAME") %>
                    </ItemTemplate>
                    <ItemStyle ForeColor="Green" />
                    <AlternatingItemTemplate>
                        <%# DataBinder.Eval(Container.DataItem, "NAME") %>
                    </AlternatingItemTemplate>
                    <AlternatingItemStyle ForeColor="Blue" />
                </asp:DataList>
                <asp:SqlDataSource ID="sqlDataSource" runat="server"
                    ConnectionString="<%$ ConnectionStrings:ConnectionString %>"
                    SelectCommand="SELECT NAME FROM dbo.Code ORDER BY NAME ASC">
                </asp:SqlDataSource>
            </div>
        </form>
    </body>
</html>

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="MainPage.aspx.cs" Inherits="TestProject.MainPage" %>

<!DOCTYPE html>

<title>DataList 클래스 사용하기</title>

</head>

<body>

<div>

<asp:DataList ID="dataList" runat="server"

BorderWidth="1px"

RepeatDirection="Horizontal"

RepeatColumns="3"

DataSourceID="sqlDataSource">

</HeaderTemplate>

<%# Eval("NAME") %>

</ItemTemplate>

<%# DataBinder.Eval(Container.DataItem, "NAME") %>

</AlternatingItemTemplate>

</asp:DataList>

<asp:SqlDataSource ID="sqlDataSource" runat="server"

ConnectionString="<%$ ConnectionStrings:ConnectionString %>"

SelectCommand="SELECT NAME FROM dbo.Code ORDER BY NAME ASC">

</asp:SqlDataSource>

</div>

</form>

</body>

</html>

▶ MainPage.aspx.cs


using System;
using System.Web.UI;

namespace TestProject
{
    /// <summary>
    /// 메인 페이지
    /// </summary>
    public partial class MainPage : Page
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Method
        ////////////////////////////////////////////////////////////////////////////////////////// Protected

        #region 페이지 로드시 처리하기 - Page_Load(sender, e)

        /// <summary>
        /// 페이지 로드시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        protected void Page_Load(object sender, EventArgs e)
        {
        }

        #endregion
    }
}

using System;

using System.Web.UI;

namespace TestProject

{

/// <summary>

/// 메인 페이지

/// </summary>

public partial class MainPage : Page

{

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

////////////////////////////////////////////////////////////////////////////////////////// Protected

#region 페이지 로드시 처리하기 - Page_Load(sender, e)

/// <summary>

/// 페이지 로드시 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

protected void Page_Load(object sender, EventArgs e)

{

}

#endregion

}

TestProject.zip TestDB.zip

[C#/ASP.NET] Repeater 클래스 사용하기

■ Repeater 클래스를 사용하는 방법을 보여준다. ▶ Web.config


<?xml version="1.0" encoding="utf-8"?>
<configuration>
    <system.web>
        <compilation
            targetFramework="4.6"
            debug="true" />
        <httpRuntime targetFramework="4.6" />
    </system.web>
    <connectionStrings>
        <add name="ConnectionString" connectionString="Data Source=(localdb)\MSSQLLocalDb;Initial Catalog=TestDB;Integrated Security=True" />
    </connectionStrings>
</configuration>

<?xml version="1.0" encoding="utf-8"?>

<system.web>

<compilation

targetFramework="4.6"

debug="true" />

</system.web>

</connectionStrings>

</configuration>

▶ MainPage.aspx


<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="MainPage.aspx.cs" Inherits="TestProject.MainPage" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>Repeater 클래스 사용하기</title>
    </head>
    <body>
        <form id="form" runat="server">
            <div>
                <asp:Repeater ID="repeater" runat="server"
                    DataSourceID="sqlDataSource">
                    <HeaderTemplate>
                        <table border="0">
                            <tr><td>ID</td><td>NAME</td></tr>
                    </HeaderTemplate>
                    <ItemTemplate>
                            <tr>
                                <td><%# Eval("ID"  ) %></td>
                                <td><%# Eval("NAME") %></td>
                            <tr>
                    </ItemTemplate>
                    <AlternatingItemTemplate>
                            <tr>
                                <td style="background-color:yellow;"><%# Eval("ID"  ) %></td>
                                <td style="background-color:yellow;"><%# Eval("NAME") %></td>
                            </tr>
                    </AlternatingItemTemplate>
                    <FooterTemplate>
                        </table>
                    </FooterTemplate>
                </asp:Repeater>
                <asp:SqlDataSource ID="sqlDataSource" runat="server"
                    ConnectionString="<%$ ConnectionStrings:ConnectionString %>"
                    SelectCommand="SELECT ID, NAME FROM dbo.Code ORDER BY NAME ASC">
                </asp:SqlDataSource>
            </div>
        </form>
    </body>
</html>

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="MainPage.aspx.cs" Inherits="TestProject.MainPage" %>

<!DOCTYPE html>

<title>Repeater 클래스 사용하기</title>

</head>

<body>

<div>

<asp:Repeater ID="repeater" runat="server"

DataSourceID="sqlDataSource">

</HeaderTemplate>

<tr>

<tr>

</ItemTemplate>

<tr>

</tr>

</AlternatingItemTemplate>

</table>

</FooterTemplate>

</asp:Repeater>

<asp:SqlDataSource ID="sqlDataSource" runat="server"

ConnectionString="<%$ ConnectionStrings:ConnectionString %>"

SelectCommand="SELECT ID, NAME FROM dbo.Code ORDER BY NAME ASC">

</asp:SqlDataSource>

</div>

</form>

</body>

</html>

▶ MainPage.aspx.cs


using System;
using System.Web.UI;

namespace TestProject
{
    /// <summary>
    /// 메인 페이지
    /// </summary>
    public partial class MainPage : Page
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Method
        ////////////////////////////////////////////////////////////////////////////////////////// Protected

        #region 페이지 로드시 처리하기 - Page_Load(sender, e)

        /// <summary>
        /// 페이지 로드시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        protected void Page_Load(object sender, EventArgs e)
        {
        }

        #endregion
    }
}

using System;

using System.Web.UI;

namespace TestProject

{

/// <summary>

/// 메인 페이지

/// </summary>

public partial class MainPage : Page

{

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

////////////////////////////////////////////////////////////////////////////////////////// Protected

#region 페이지 로드시 처리하기 - Page_Load(sender, e)

/// <summary>

/// 페이지 로드시 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

protected void Page_Load(object sender, EventArgs e)

{

}

#endregion

}

TestProject.zip TestDB.zip

[C#/ASP.NET] SqlDataSource 클래스 사용하기

■ SqlDataSource 클래스를 사용하는 방법을 보여준다. ▶ Web.config


<?xml version="1.0" encoding="utf-8"?>
<configuration>
    <system.web>
        <compilation
            targetFramework="4.6"
            debug="true" />
        <httpRuntime targetFramework="4.6" />
    </system.web>
    <connectionStrings>
        <add name="ConnectionString" connectionString="Data Source=(localdb)\MSSQLLocalDb;Initial Catalog=TestDB;Integrated Security=True" />
    </connectionStrings>
</configuration>

<?xml version="1.0" encoding="utf-8"?>

<system.web>

<compilation

targetFramework="4.6"

debug="true" />

</system.web>

</connectionStrings>

</configuration>

▶ MainPage.aspx


<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="MainPage.aspx.cs" Inherits="TestProject.MainPage" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>SqlDataSource 클래스 사용하기</title>
    </head>
    <body>
        <form id="form" runat="server">
            <div>
                <asp:DropDownList ID="dropDownList" runat="server"
                    DataSourceID="sqlDataSource"
                    DataTextField="NAME"
                    DataValueField="ID" />
                <asp:SqlDataSource ID="sqlDataSource" runat="server"
                    ConnectionString="<%$ ConnectionStrings:ConnectionString %>"
                    SelectCommand="SELECT ID, NAME FROM dbo.Code ORDER BY NAME ASC" />
            </div>
        </form>
    </body>
</html>

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="MainPage.aspx.cs" Inherits="TestProject.MainPage" %>

<!DOCTYPE html>

<title>SqlDataSource 클래스 사용하기</title>

</head>

<body>

<div>

<asp:DropDownList ID="dropDownList" runat="server"

DataSourceID="sqlDataSource"

DataTextField="NAME"

DataValueField="ID" />

<asp:SqlDataSource ID="sqlDataSource" runat="server"

ConnectionString="<%$ ConnectionStrings:ConnectionString %>"

SelectCommand="SELECT ID, NAME FROM dbo.Code ORDER BY NAME ASC" />

</div>

</form>

</body>

</html>

▶ MainPage.aspx.cs


using System;
using System.Web.UI;

namespace TestProject
{
    /// <summary>
    /// 메인 페이지
    /// </summary>
    public partial class MainPage : Page
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Method
        ////////////////////////////////////////////////////////////////////////////////////////// Protected

        #region 페이지 로드시 처리하기 - Page_Load(sender, e)

        /// <summary>
        /// 페이지 로드시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        protected void Page_Load(object sender, EventArgs e)
        {
        }

        #endregion
    }
}

using System;

using System.Web.UI;

namespace TestProject

{

/// <summary>

/// 메인 페이지

/// </summary>

public partial class MainPage : Page

{

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

////////////////////////////////////////////////////////////////////////////////////////// Protected

#region 페이지 로드시 처리하기 - Page_Load(sender, e)

/// <summary>

/// 페이지 로드시 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

protected void Page_Load(object sender, EventArgs e)

{

}

#endregion

}

TestProject.zip TestDB.zip

[C#/ASP.NET] DropDownList 클래스 : DataSourceID 속성을 사용해 데이터 소스 바인딩하기

■ DropDownList 클래스의 DataSourceID 속성을 사용해 데이터 소스를 바인딩하는 방법을 보여준다. ▶ Web.config


<?xml version="1.0" encoding="utf-8"?>
<configuration>
    <system.web>
        <compilation
            targetFramework="4.6"
            debug="true" />
        <httpRuntime targetFramework="4.6" />
    </system.web>
    <connectionStrings>
        <add name="ConnectionString" connectionString="Data Source=(localdb)\MSSQLLocalDb;Initial Catalog=TestDB;Integrated Security=True" />
    </connectionStrings>
</configuration>

<?xml version="1.0" encoding="utf-8"?>

<system.web>

<compilation

targetFramework="4.6"

debug="true" />

</system.web>

</connectionStrings>

</configuration>

▶ MainPage.aspx


<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="MainPage.aspx.cs" Inherits="TestProject.MainPage" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>DropDownList 클래스 : DataSourceID 속성을 사용해 데이터 소스 바인딩하기</title>
    </head>
    <body>
        <form id="form" runat="server">
            <div>
                <asp:DropDownList ID="dropDownList" runat="server"
                    DataSourceID="sqlDataSource"
                    DataTextField="NAME"
                    DataValueField="ID" />
                <asp:SqlDataSource ID="sqlDataSource" runat="server"
                    ConnectionString="<%$ ConnectionStrings:ConnectionString %>"
                    SelectCommand="SELECT ID, NAME FROM dbo.Code ORDER BY NAME ASC" />
            </div>
        </form>
    </body>
</html>

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="MainPage.aspx.cs" Inherits="TestProject.MainPage" %>

<!DOCTYPE html>

<title>DropDownList 클래스 : DataSourceID 속성을 사용해 데이터 소스 바인딩하기</title>

</head>

<body>

<div>

<asp:DropDownList ID="dropDownList" runat="server"

DataSourceID="sqlDataSource"

DataTextField="NAME"

DataValueField="ID" />

<asp:SqlDataSource ID="sqlDataSource" runat="server"

ConnectionString="<%$ ConnectionStrings:ConnectionString %>"

SelectCommand="SELECT ID, NAME FROM dbo.Code ORDER BY NAME ASC" />

</div>

</form>

</body>

</html>

▶ MainPage.aspx.cs


using System;
using System.Web.UI;

namespace TestProject
{
    /// <summary>
    /// 메인 페이지
    /// </summary>
    public partial class MainPage : Page
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Method
        ////////////////////////////////////////////////////////////////////////////////////////// Protected

        #region 페이지 로드시 처리하기 - Page_Load(sender, e)

        /// <summary>
        /// 페이지 로드시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        protected void Page_Load(object sender, EventArgs e)
        {
        }

        #endregion
    }
}

using System;

using System.Web.UI;

namespace TestProject

{

/// <summary>

/// 메인 페이지

/// </summary>

public partial class MainPage : Page

{

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

////////////////////////////////////////////////////////////////////////////////////////// Protected

#region 페이지 로드시 처리하기 - Page_Load(sender, e)

/// <summary>

/// 페이지 로드시 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

protected void Page_Load(object sender, EventArgs e)

{

}

#endregion

}

TestProject.zip TestDB.zip

[C#/ASP.NET] GridView 클래스 사용하기

■ GridView 클래스를 사용하는 방법을 보여준다. ▶ DataModel.cs


using System;
using System.Collections.Generic;

namespace TestProject.Models
{
    /// <summary>
    /// 자료 모델
    /// </summary>
    public class DataModel
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Property
        ////////////////////////////////////////////////////////////////////////////////////////// Public

        #region ID - ID

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

        #endregion
        #region 제목 - Subject

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

        #endregion
        #region 작성일 - WriteDate

        /// <summary>
        /// 작성일
        /// </summary>
        public DateTime WriteDate { get; set; }

        #endregion
        #region 분류 - Category

        /// <summary>
        /// 분류
        /// </summary>
        public string Category { get; set; }

        #endregion

        //////////////////////////////////////////////////////////////////////////////////////////////////// Method
        ////////////////////////////////////////////////////////////////////////////////////////// Static
        //////////////////////////////////////////////////////////////////////////////// Public

        #region 자료 리스트 구하기 - GetDataList(count)

        /// <summary>
        /// 자료 리스트 구하기
        /// </summary>
        /// <param name="count">카운트</param>
        /// <returns>자료 리스트</returns>
        public static List<DataModel> GetDataList(int count)
        {
            List<DataModel> list = new List<DataModel>();

            for(int i = 0; i < count; i++)
            {
                DataModel data = new DataModel();

                data.ID        = Guid.NewGuid().ToString().ToUpper();
                data.Subject   = $"제목 {i + 1:d3}";
                data.WriteDate = DateTime.Now.Date.AddDays(i);
                data.Category  = $"분류 {i + 1:d3}";

                list.Add(data);
            }

            return list;
        }

        #endregion
    }
}

using System;

using System.Collections.Generic;

namespace TestProject.Models

{

/// <summary>

/// 자료 모델

/// </summary>

public class DataModel

{

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

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

#region ID - ID

/// <summary>

/// ID

/// </summary>

public string ID { get; set; }

#endregion

#region 제목 - Subject

/// <summary>

/// 제목

/// </summary>

public string Subject { get; set; }

#endregion

#region 작성일 - WriteDate

/// <summary>

/// 작성일

/// </summary>

public DateTime WriteDate { get; set; }

#endregion

#region 분류 - Category

/// <summary>

/// 분류

/// </summary>

public string Category { get; set; }

#endregion

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

////////////////////////////////////////////////////////////////////////////////////////// Static

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

#region 자료 리스트 구하기 - GetDataList(count)

/// <summary>

/// 자료 리스트 구하기

/// </summary>

/// <param name="count">카운트</param>

/// <returns>자료 리스트</returns>

public static List<DataModel> GetDataList(int count)

{

List<DataModel> list = new List<DataModel>();

for(int i = 0; i < count; i++)

{

DataModel data = new DataModel();

data.ID = Guid.NewGuid().ToString().ToUpper();

data.Subject = $"제목 {i + 1:d3}";

data.WriteDate = DateTime.Now.Date.AddDays(i);

data.Category = $"분류 {i + 1:d3}";

list.Add(data);

}

return list;

}

#endregion

}

▶ MainPage.aspx


<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="MainPage.aspx.cs" Inherits="TestProject.MainPage" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>GridView 클래스 사용하기</title>
    </head>
    <body>
        <form id="form" runat="server">
            <div>
                <asp:GridView ID="gridView" runat="server"
                    AutoGenerateColumns="false">
                    <Columns>
                        <asp:BoundField    HeaderText="ID"     DataField="ID"      />
                        <asp:BoundField    HeaderText="제목"   DataField="Subject" />
                        <asp:TemplateField HeaderText="작성일">
                            <ItemTemplate>
                                <%# Eval("WriteDate") %>
                            </ItemTemplate>
                        </asp:TemplateField>
                        <asp:BoundField    HeaderText="분류"   DataField="Category" />
                        <asp:HyperLinkField HeaderText="[수정]"
                            DataTextField="ID"
                            DataTextFormatString="[수정]"
                            DataNavigateUrlFormatString="UpdatePage.aspx?ID={0}"
                            DataNavigateUrlFields="ID" />
                        <asp:HyperLinkField HeaderText="[삭제]"
                            DataTextField="ID"
                            DataTextFormatString="[삭제]"
                            DataNavigateUrlFormatString="DeletePage.aspx?ID={0}"
                            DataNavigateUrlFields="ID" />
                    </Columns>
                </asp:GridView>
            </div>
        </form>
    </body>
</html>

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="MainPage.aspx.cs" Inherits="TestProject.MainPage" %>

<!DOCTYPE html>

<title>GridView 클래스 사용하기</title>

</head>

<body>

<div>

<asp:GridView ID="gridView" runat="server"

AutoGenerateColumns="false">

<asp:BoundField HeaderText="ID" DataField="ID" />

<asp:BoundField HeaderText="제목" DataField="Subject" />

<asp:TemplateField HeaderText="작성일">

<%# Eval("WriteDate") %>

</ItemTemplate>

</asp:TemplateField>

<asp:BoundField HeaderText="분류" DataField="Category" />

<asp:HyperLinkField HeaderText="[수정]"

DataTextField="ID"

DataTextFormatString="[수정]"

DataNavigateUrlFormatString="UpdatePage.aspx?ID={0}"

DataNavigateUrlFields="ID" />

<asp:HyperLinkField HeaderText="[삭제]"

DataTextField="ID"

DataTextFormatString="[삭제]"

DataNavigateUrlFormatString="DeletePage.aspx?ID={0}"

DataNavigateUrlFields="ID" />

</Columns>

</asp:GridView>

</div>

</form>

</body>

</html>

▶ MainPage.aspx.cs


using System;
using System.Web.UI;

using TestProject.Models;

namespace TestProject
{
    /// <summary>
    /// 메인 페이지
    /// </summary>
    public partial class MainPage : Page
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Method
        ////////////////////////////////////////////////////////////////////////////////////////// Protected

        #region 페이지 로드시 처리하기 - Page_Load(sender, e)

        /// <summary>
        /// 페이지 로드시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        protected void Page_Load(object sender, EventArgs e)
        {
            if(!IsPostBack)
            {
                this.gridView.DataSource = DataModel.GetDataList(10);

                this.gridView.DataBind();
            }
        }

        #endregion
    }
}

using System;

using System.Web.UI;

using TestProject.Models;

namespace TestProject

{

/// <summary>

/// 메인 페이지

/// </summary>

public partial class MainPage : Page

{

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

////////////////////////////////////////////////////////////////////////////////////////// Protected

#region 페이지 로드시 처리하기 - Page_Load(sender, e)

/// <summary>

/// 페이지 로드시 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

protected void Page_Load(object sender, EventArgs e)

{

if(!IsPostBack)

{

this.gridView.DataSource = DataModel.GetDataList(10);

this.gridView.DataBind();

}

#endregion

}

TestProject.zip

[C#/ASP.NET] WebConfigurationManager 클래스 : 설정 정보 구하기

■ WebConfigurationManager 클래스를 사용해 설정 정보를 구하는 방법을 보여준다. ▶ Web.config


<?xml version="1.0" encoding="utf-8"?>
<configuration>
    <appSettings>
        <add key="SITE"          value="SEOUL" />
        <add key="DATABASE_MODE" value="DEV"   />
    </appSettings>
    <connectionStrings>
        <add name="MAIN" connectionString="server=127.0.0.1;database=test;uid=sa;pwd=1234" />
    </connectionStrings>
    ...
</configuration>

<?xml version="1.0" encoding="utf-8"?>

</appSettings>

</connectionStrings>

...

</configuration>

▶ MainPage.aspx


<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="MainPage.aspx.cs"  Inherits="TestProject.MainPage" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>WebConfigurationManager 클래스 : 설정 정보 구하기</title>
    </head>
    <body>
        <form id="form" runat="server">
            <div>
                <asp:Label ID="siteLabel" runat="server" />
                <hr />
                <asp:Label ID="databaseModeLabel" runat="server" />
                <hr />
                <asp:Label ID="connectionStringLabel" runat="server" />
            </div>
        </form>
    </body>
</html>

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="MainPage.aspx.cs" Inherits="TestProject.MainPage" %>

<!DOCTYPE html>

<title>WebConfigurationManager 클래스 : 설정 정보 구하기</title>

</head>

<body>

<div>

<asp:Label ID="siteLabel" runat="server" />

<hr />

<asp:Label ID="databaseModeLabel" runat="server" />

<hr />

<asp:Label ID="connectionStringLabel" runat="server" />

</div>

</form>

</body>

</html>

▶ MainPage.aspx.cs


using System;
using System.Web.Configuration;
using System.Web.UI;

namespace TestProject
{
    /// <summary>
    /// 메인 페이지
    /// </summary>
    public partial class MainPage : Page
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Method
        ////////////////////////////////////////////////////////////////////////////////////////// Protected

        #region 페이지 로드시 처리하기 - Page_Load(sender, e)

        /// <summary>
        /// 페이지 로드시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        protected void Page_Load(object sender, EventArgs e)
        {
            this.siteLabel.Text = WebConfigurationManager.AppSettings["SITE"].ToString();

            this.databaseModeLabel.Text = WebConfigurationManager.AppSettings["DATABASE_MODE"].ToString();

            this.connectionStringLabel.Text = WebConfigurationManager.ConnectionStrings["MAIN"].ConnectionString;
        }

        #endregion
    }
}

using System;

using System.Web.Configuration;

using System.Web.UI;

namespace TestProject

{

/// <summary>

/// 메인 페이지

/// </summary>

public partial class MainPage : Page

{

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

////////////////////////////////////////////////////////////////////////////////////////// Protected

#region 페이지 로드시 처리하기 - Page_Load(sender, e)

/// <summary>

/// 페이지 로드시 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

protected void Page_Load(object sender, EventArgs e)

{

this.siteLabel.Text = WebConfigurationManager.AppSettings["SITE"].ToString();

this.databaseModeLabel.Text = WebConfigurationManager.AppSettings["DATABASE_MODE"].ToString();

this.connectionStringLabel.Text = WebConfigurationManager.ConnectionStrings["MAIN"].ConnectionString;

}

#endregion

}

TestProject.zip

[C#/ASP.NET] ConfigurationManager 클래스 : 설정 정보 구하기

■ ConfigurationManager 클래스를 사용해 설정 정보를 구하는 방법을 보여준다. ▶ Web.config


<?xml version="1.0" encoding="utf-8"?>
<configuration>
    <appSettings>
        <add key="SITE"          value="SEOUL" />
        <add key="DATABASE_MODE" value="DEV"   />
    </appSettings>
    <connectionStrings>
        <add name="MAIN" connectionString="server=127.0.0.1;database=test;uid=sa;pwd=1234" />
    </connectionStrings>
    ...
</configuration>

<?xml version="1.0" encoding="utf-8"?>

</appSettings>

</connectionStrings>

...

</configuration>

▶ MainPage.aspx


<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="MainPage.aspx.cs"  Inherits="TestProject.MainPage" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>ConfigurationManager 클래스 : 설정 정보 구하기</title>
    </head>
    <body>
        <form id="form" runat="server">
            <div>
                <asp:Label ID="siteLabel" runat="server" />
                <hr />
                <asp:Label ID="databaseModeLabel" runat="server" />
                <hr />
                <asp:Label ID="connectionStringLabel" runat="server" />
            </div>
        </form>
    </body>
</html>

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="MainPage.aspx.cs" Inherits="TestProject.MainPage" %>

<!DOCTYPE html>

<title>ConfigurationManager 클래스 : 설정 정보 구하기</title>

</head>

<body>

<div>

<asp:Label ID="siteLabel" runat="server" />

<hr />

<asp:Label ID="databaseModeLabel" runat="server" />

<hr />

<asp:Label ID="connectionStringLabel" runat="server" />

</div>

</form>

</body>

</html>

▶ MainPage.aspx.cs


using System;
using System.Configuration;
using System.Web.UI;

namespace TestProject
{
    /// <summary>
    /// 메인 페이지
    /// </summary>
    public partial class MainPage : Page
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Method
        ////////////////////////////////////////////////////////////////////////////////////////// Protected

        #region 페이지 로드시 처리하기 - Page_Load(sender, e)

        /// <summary>
        /// 페이지 로드시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        protected void Page_Load(object sender, EventArgs e)
        {
            this.siteLabel.Text = ConfigurationManager.AppSettings["SITE"].ToString();

            this.databaseModeLabel.Text = ConfigurationManager.AppSettings["DATABASE_MODE"].ToString();

            this.connectionStringLabel.Text = ConfigurationManager.ConnectionStrings["MAIN"].ConnectionString;
        }

        #endregion
    }
}

using System;

using System.Configuration;

using System.Web.UI;

namespace TestProject

{

/// <summary>

/// 메인 페이지

/// </summary>

public partial class MainPage : Page

{

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

////////////////////////////////////////////////////////////////////////////////////////// Protected

#region 페이지 로드시 처리하기 - Page_Load(sender, e)

/// <summary>

/// 페이지 로드시 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

protected void Page_Load(object sender, EventArgs e)

{

this.siteLabel.Text = ConfigurationManager.AppSettings["SITE"].ToString();

this.databaseModeLabel.Text = ConfigurationManager.AppSettings["DATABASE_MODE"].ToString();

this.connectionStringLabel.Text = ConfigurationManager.ConnectionStrings["MAIN"].ConnectionString;

}

#endregion

}

TestProject.zip

[C#/ASP.NET] HttpCachePolicy 클래스 : 코드 기반 캐시 설정하기

■ HttpCachePolicy 클래스를 사용해 코드 기반 캐시를 설정하는 방법을 보여준다. ▶ MainPage.aspx


<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="MainPage.aspx.cs" Inherits="TestProject.MainPage" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>HttpCachePolicy 클래스 : 코드 기반 캐시 사용하기</title>
    </head>
    <body>
        <form id="form" runat="server">
            <div />
        </form>
    </body>
</html>

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="MainPage.aspx.cs" Inherits="TestProject.MainPage" %>

<!DOCTYPE html>

<title>HttpCachePolicy 클래스 : 코드 기반 캐시 사용하기</title>

</head>

<body>

<div />

</form>

</body>

</html>

▶ MainPage.aspx.cs


using System;
using System.Web;
using System.Web.UI;

namespace TestProject
{
    /// <summary>
    /// 메인 페이지
    /// </summary>
    public partial class MainPage : Page
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Method
        ////////////////////////////////////////////////////////////////////////////////////////// Protected

        #region 페이지 로드시 처리하기 - Page_Load(sender, e)

        /// <summary>
        /// 페이지 로드시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        protected void Page_Load(object sender, EventArgs e)
        {
            Response.Write(DateTime.Now.ToString());

            Response.Cache.SetCacheability(HttpCacheability.Public);

            Response.Cache.SetExpires(DateTime.Now.AddSeconds(60));

            Response.Cache.VaryByParams["*"] = true;
        }

        #endregion
    }
}

using System;

using System.Web;

using System.Web.UI;

namespace TestProject

{

/// <summary>

/// 메인 페이지

/// </summary>

public partial class MainPage : Page

{

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

////////////////////////////////////////////////////////////////////////////////////////// Protected

#region 페이지 로드시 처리하기 - Page_Load(sender, e)

/// <summary>

/// 페이지 로드시 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

protected void Page_Load(object sender, EventArgs e)

{

Response.Write(DateTime.Now.ToString());

Response.Cache.SetCacheability(HttpCacheability.Public);

Response.Cache.SetExpires(DateTime.Now.AddSeconds(60));

Response.Cache.VaryByParams["*"] = true;

}

#endregion

}

TestProject.zip

[C#/ASP.NET] OutputCache 지시자 : 캐시 설정하기

■ OutputCache 지시자를 사용해 캐시를 설정하는 방법을 보여준다. ▶ TimeControl.ascx


<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="TimeControl.ascx.cs" Inherits="TestProject.TimeControl" %>
<%@ OutputCache Duration="5" VaryByParam="None" %>
<asp:Label ID="timeLabel" runat="server" />

<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="TimeControl.ascx.cs" Inherits="TestProject.TimeControl" %>

<%@ OutputCache Duration="5" VaryByParam="None" %>

<asp:Label ID="timeLabel" runat="server" />

▶ TimeControl.ascx.cs


using System;
using System.Web.UI;

namespace TestProject
{
    /// <summary>
    /// 시간 컨트롤
    /// </summary>
    public partial class TimeControl : UserControl
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Method
        ////////////////////////////////////////////////////////////////////////////////////////// Protected

        #region 페이지 로드시 처리하기 - Page_Load(sender, e)

        /// <summary>
        /// 페이지 로드시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        protected void Page_Load(object sender, EventArgs e)
        {
            this.timeLabel.Text = DateTime.Now.ToString();
        }

        #endregion
    }
}

using System;

using System.Web.UI;

namespace TestProject

{

/// <summary>

/// 시간 컨트롤

/// </summary>

public partial class TimeControl : UserControl

{

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

////////////////////////////////////////////////////////////////////////////////////////// Protected

#region 페이지 로드시 처리하기 - Page_Load(sender, e)

/// <summary>

/// 페이지 로드시 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

protected void Page_Load(object sender, EventArgs e)

{

this.timeLabel.Text = DateTime.Now.ToString();

}

#endregion

}

▶ MainPage.aspx


<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="MainPage.aspx.cs" Inherits="TestProject.MainPage" %>
<%@ Register TagPrefix="local" Src="~/TimeControl.ascx"
    TagName="TimeControl" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>OutputCache 지시자 : 캐시 사용하기</title>
    </head>
    <body>
        <form id="form" runat="server">
            <div>
                현재 시간 (웹 폼) : <asp:Label ID="timeLabel" runat="server" />
                <hr />
                현재 시간 (사용자 정의 컨트롤) : <local:TimeControl ID="timeControl" runat="server" />
            </div>
        </form>
    </body>
</html>

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="MainPage.aspx.cs" Inherits="TestProject.MainPage" %>

<%@ Register TagPrefix="local" Src="~/TimeControl.ascx"

TagName="TimeControl" %>

<!DOCTYPE html>

<title>OutputCache 지시자 : 캐시 사용하기</title>

</head>

<body>

<div>

현재 시간 (웹 폼) : <asp:Label ID="timeLabel" runat="server" />

<hr />

현재 시간 (사용자 정의 컨트롤) : <local:TimeControl ID="timeControl" runat="server" />

</div>

</form>

</body>

</html>

▶ MainPage.aspx.cs


using System;
using System.Web.UI;

namespace TestProject
{
    /// <summary>
    /// 메인 페이지
    /// </summary>
    public partial class MainPage : Page
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Method
        ////////////////////////////////////////////////////////////////////////////////////////// Protected

        #region 페이지 로드시 처리하기 - Page_Load(sender, e)

        /// <summary>
        /// 페이지 로드시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        protected void Page_Load(object sender, EventArgs e)
        {
            this.timeLabel.Text = DateTime.Now.ToString();
        }

        #endregion
    }
}

using System;

using System.Web.UI;

namespace TestProject

{

/// <summary>

/// 메인 페이지

/// </summary>

public partial class MainPage : Page

{

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

////////////////////////////////////////////////////////////////////////////////////////// Protected

#region 페이지 로드시 처리하기 - Page_Load(sender, e)

/// <summary>

/// 페이지 로드시 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

protected void Page_Load(object sender, EventArgs e)

{

this.timeLabel.Text = DateTime.Now.ToString();

}

#endregion

}

TestProject.zip

[C#/ASP.NET] Page 클래스 : Application 속성을 사용해 현재 접속자 수 표시하기

■ Page 클래스의 Application 속성을 사용해 현재 접속자 수를 표시하는 방법을 보여준다. ▶ Global.asax.cs


using System;
using System.Web;

namespace TestProject
{
    /// <summary>
    /// 글로벌
    /// </summary>
    public class Global : HttpApplication
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Method
        ////////////////////////////////////////////////////////////////////////////////////////// Protected

        #region 어플리케이션 시작시 처리하기 - Application_Start(sender, e)

        /// <summary>
        /// 어플리케이션 시작시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        protected void Application_Start(object sender, EventArgs e)
        {
            Application["UserCount"] = 0;
        }

        #endregion
        #region 세션 시작시 처리하기 - Session_Start(sender, e)

        /// <summary>
        /// 세션 시작시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        protected void Session_Start(object sender, EventArgs e)
        {
            Application.Lock();

            Application["UserCount"] = Convert.ToInt32(Application["UserCount"]) + 1;

            Application.UnLock();
        }

        #endregion
        #region 세션 종료시 처리하기 - Session_End(sender, e)

        /// <summary>
        /// 세션 종료시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        protected void Session_End(object sender, EventArgs e)
        {
            Application.Lock();

            Application["UserCount"] = (int)Application["UserCount"] - 1;

            Application.UnLock();
        }

        #endregion
        #region 어플리케이션 종료시 처리하기 - Application_End(sender, e)

        /// <summary>
        /// 어플리케이션 종료시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        protected void Application_End(object sender, EventArgs e)
        {
        }

        #endregion
    }
}

using System;

using System.Web;

namespace TestProject

{

/// <summary>

/// 글로벌

/// </summary>

public class Global : HttpApplication

{

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

////////////////////////////////////////////////////////////////////////////////////////// Protected

#region 어플리케이션 시작시 처리하기 - Application_Start(sender, e)

/// <summary>

/// 어플리케이션 시작시 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

protected void Application_Start(object sender, EventArgs e)

{

Application["UserCount"] = 0;

}

#endregion

#region 세션 시작시 처리하기 - Session_Start(sender, e)

/// <summary>

/// 세션 시작시 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

protected void Session_Start(object sender, EventArgs e)

{

Application.Lock();

Application["UserCount"] = Convert.ToInt32(Application["UserCount"]) + 1;

Application.UnLock();

}

#endregion

#region 세션 종료시 처리하기 - Session_End(sender, e)

/// <summary>

/// 세션 종료시 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

protected void Session_End(object sender, EventArgs e)

{

Application.Lock();

Application["UserCount"] = (int)Application["UserCount"] - 1;

Application.UnLock();

}

#endregion

#region 어플리케이션 종료시 처리하기 - Application_End(sender, e)

/// <summary>

/// 어플리케이션 종료시 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

protected void Application_End(object sender, EventArgs e)

{

}

#endregion

}

▶ MainPage.aspx


<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="MainPage.aspx.cs" Inherits="TestProject.MainPage" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>Page 클래스 : Application 속성을 사용해 현재 접속자 수 표시하기</title>
    </head>
    <body>
        <form id="form" runat="server">
            <div>
                현재 접속자 수 : <asp:Label ID="userCountLabel" runat="server" />
            </div>
        </form>
    </body>
</html>

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="MainPage.aspx.cs" Inherits="TestProject.MainPage" %>

<!DOCTYPE html>

<title>Page 클래스 : Application 속성을 사용해 현재 접속자 수 표시하기</title>

</head>

<body>

<div>

현재 접속자 수 : <asp:Label ID="userCountLabel" runat="server" />

</div>

</form>

</body>

</html>

▶ MainPage.aspx.cs


using System;
using System.Web.UI;

namespace TestProject
{
    /// <summary>
    /// 메인 페이지
    /// </summary>
    public partial class MainPage : Page
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Method
        ////////////////////////////////////////////////////////////////////////////////////////// Protected

        #region 페이지 로드시 처리하기 - Page_Load(sender, e)

        /// <summary>
        /// 페이지 로드시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        protected void Page_Load(object sender, EventArgs e)
        {
            this.userCountLabel.Text = ((int)Application["UserCount"]).ToString("#,##0");
        }

        #endregion
    }
}

using System;

using System.Web.UI;

namespace TestProject

{

/// <summary>

/// 메인 페이지

/// </summary>

public partial class MainPage : Page

{

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

////////////////////////////////////////////////////////////////////////////////////////// Protected

#region 페이지 로드시 처리하기 - Page_Load(sender, e)

/// <summary>

/// 페이지 로드시 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

protected void Page_Load(object sender, EventArgs e)

{

this.userCountLabel.Text = ((int)Application["UserCount"]).ToString("#,##0");

}

#endregion

}

TestProject.zip

[C#/ASP.NET] SiteMapPath 클래스 사용하기

■ SiteMapPath 클래스를 사용하는 방법을 보여준다. ▶ Web.sitemap


<?xml version="1.0" encoding="utf-8" ?>
<siteMap xmlns="http://schemas.microsoft.com/AspNet/SiteMap-File-1.0" >
    <siteMapNode url="~/MainPage.aspx" title="Home"  description="홈">
        <siteMapNode url="~/SubPage1.aspx" title="대분류 1" description="서브 페이지 1">
            <siteMapNode url="~/SubPage2.aspx" title="중분류 1-1" description="서브 페이지 2"/>
            <siteMapNode url="~/SubPage3.aspx" title="중분류 1-2" description="서브 페이지 3"/>
        </siteMapNode>
        <siteMapNode url="~/SubPage4.aspx" title="대분류 2" description="서브 페이지 4" />
        <siteMapNode url="~/SubPage5.aspx" title="대분류 3" description="서브 페이지 5" />
    </siteMapNode>
</siteMap>

<?xml version="1.0" encoding="utf-8" ?>

</siteMapNode>

</siteMapNode>

</siteMap>

▶ MainPage.aspx


<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="MainPage.aspx.cs" Inherits="TestProject.MainPage" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>SiteMapPath 클래스 사용하기</title>
    </head>
    <body>
        <form id="form" runat="server">
            <div>
                <asp:SiteMapPath ID="siteMapPath" runat="server" />
                <hr />
                <h1>메인 페이지</h1>
                <a href="SubPage1.aspx">대분류 1</a>
                <a href="SubPage4.aspx">대분류 2</a>
                <a href="SubPage5.aspx">대분류 3</a>
            </div>
        </form>
    </body>
</html>

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="MainPage.aspx.cs" Inherits="TestProject.MainPage" %>

<!DOCTYPE html>

<title>SiteMapPath 클래스 사용하기</title>

</head>

<body>

<div>

<asp:SiteMapPath ID="siteMapPath" runat="server" />

<hr />

</div>

</form>

</body>

</html>

▶ MainPage.aspx.cs


using System;
using System.Web.UI;

namespace TestProject
{
    /// <summary>
    /// 메인 페이지
    /// </summary>
    public partial class MainPage : Page
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Method
        ////////////////////////////////////////////////////////////////////////////////////////// Protected

        #region 페이지 로드시 처리하기 - Page_Load(sender, e)

        /// <summary>
        /// 페이지 로드시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        protected void Page_Load(object sender, EventArgs e)
        {
        }

        #endregion
    }
}

using System;

using System.Web.UI;

namespace TestProject

{

/// <summary>

/// 메인 페이지

/// </summary>

public partial class MainPage : Page

{

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

////////////////////////////////////////////////////////////////////////////////////////// Protected

#region 페이지 로드시 처리하기 - Page_Load(sender, e)

/// <summary>

/// 페이지 로드시 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

protected void Page_Load(object sender, EventArgs e)

{

}

#endregion

}

▶ SubPage1.aspx


<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="SubPage1.aspx.cs" Inherits="TestProject.SubPage1" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>SiteMapPath 클래스 사용하기</title>
    </head>
    <body>
        <form id="form" runat="server">
            <div>
                <asp:SiteMapPath ID="siteMapPath" runat="server" />
                <hr />
                <h1>대분류 1</h1>
                <a href="SubPage2.aspx">중분류 1-1</a>
                <br />
                <a href="SubPage3.aspx">중분류 1-2</a>
            </div>
        </form>
    </body>
</html>

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="SubPage1.aspx.cs" Inherits="TestProject.SubPage1" %>

<!DOCTYPE html>

<title>SiteMapPath 클래스 사용하기</title>

</head>

<body>

<div>

<asp:SiteMapPath ID="siteMapPath" runat="server" />

<hr />

<br />

</div>

</form>

</body>

</html>

▶ SubPage1.aspx.cs


using System;
using System.Web.UI;

namespace TestProject
{
    /// <summary>
    /// 서브 페이지 1
    /// </summary>
    public partial class SubPage1 : Page
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Method
        ////////////////////////////////////////////////////////////////////////////////////////// Protected

        #region 페이지 로드시 처리하기 - Page_Load(sender, e)

        /// <summary>
        /// 페이지 로드시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        protected void Page_Load(object sender, EventArgs e)
        {
        }

        #endregion
    }
}

using System;

using System.Web.UI;

namespace TestProject

{

/// <summary>

/// 서브 페이지 1

/// </summary>

public partial class SubPage1 : Page

{

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

////////////////////////////////////////////////////////////////////////////////////////// Protected

#region 페이지 로드시 처리하기 - Page_Load(sender, e)

/// <summary>

/// 페이지 로드시 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

protected void Page_Load(object sender, EventArgs e)

{

}

#endregion

}

▶

[C#/ASP.NET] TreeView 클래스 : DataSourceID 속성을 사용해 사이트맵 트리 구조 만들기

■ TreeView 클래스의 DataSourceID 속성을 사용해 사이트맵 트리 구조를 만드는 방법을 보여준다. ▶ Web.sitemap


<?xml version="1.0" encoding="utf-8" ?>
<siteMap xmlns="http://schemas.microsoft.com/AspNet/SiteMap-File-1.0" >
    <siteMapNode url="~/MainPage.aspx" title="Home"  description="홈">
        <siteMapNode url="~/SubPage1.aspx" title="대분류 1" description="서브 페이지 1">
            <siteMapNode url="~/SubPage2.aspx" title="중분류 1-1" description="서브 페이지 2"/>
            <siteMapNode url="~/SubPage3.aspx" title="중분류 1-2" description="서브 페이지 3"/>
        </siteMapNode>
        <siteMapNode url="~/SubPage4.aspx" title="대분류 2" description="서브 페이지 4" />
        <siteMapNode url="~/SubPage5.aspx" title="대분류 3" description="서브 페이지 5" />
    </siteMapNode>
</siteMap>

<?xml version="1.0" encoding="utf-8" ?>

</siteMapNode>

</siteMapNode>

</siteMap>

▶ MainPage.aspx


<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="MainPage.aspx.cs" Inherits="TestProject.MainPage" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>TreeView 클래스 : DataSourceID 속성을 사용해 사이트맵 트리 구조 만들기</title>
    </head>
    <body>
        <form id="form" runat="server">
        <div>
            <asp:SiteMapDataSource ID="siteMapDataSource" runat="server" />
            <asp:TreeView ID="treeView" runat="server"
                ImageSet="XPFileExplorer"
                DataSourceID="siteMapDataSource">
            </asp:TreeView>
        </div>
        </form>
    </body>
</html>

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="MainPage.aspx.cs" Inherits="TestProject.MainPage" %>

<!DOCTYPE html>

<title>TreeView 클래스 : DataSourceID 속성을 사용해 사이트맵 트리 구조 만들기</title>

</head>

<body>

<div>

<asp:SiteMapDataSource ID="siteMapDataSource" runat="server" />

<asp:TreeView ID="treeView" runat="server"

ImageSet="XPFileExplorer"

DataSourceID="siteMapDataSource">

</asp:TreeView>

</div>

</form>

</body>

</html>

▶ MainPage.aspx.cs


using System;
using System.Web.UI;

namespace TestProject
{
    /// <summary>
    /// 메인 페이지
    /// </summary>
    public partial class MainPage : Page
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Method
        ////////////////////////////////////////////////////////////////////////////////////////// Protected

        #region 페이지 로드시 처리하기 - Page_Load(sender, e)

        /// <summary>
        /// 페이지 로드시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        protected void Page_Load(object sender, EventArgs e)
        {
        }

        #endregion
    }
}

using System;

using System.Web.UI;

namespace TestProject

{

/// <summary>

/// 메인 페이지

/// </summary>

public partial class MainPage : Page

{

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

////////////////////////////////////////////////////////////////////////////////////////// Protected

#region 페이지 로드시 처리하기 - Page_Load(sender, e)

/// <summary>

/// 페이지 로드시 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

protected void Page_Load(object sender, EventArgs e)

{

}

#endregion

}

▶

[C#/ASP.NET] TreeView 클래스 사용하기

■ TreeView 클래스를 사용하는 방법을 보여준다. ▶ MainPage.aspx


<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="MainPage.aspx.cs" Inherits="TestProject.MainPage" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>TreeView 클래스 사용하기</title>
    </head>
    <body>
        <form id="form" runat="server">
            <div>
                <asp:TreeView ID="treeView" runat="server">
                    <Nodes>
                        <asp:TreeNode Text="대분류 1" Value="메뉴1">
                            <asp:TreeNode Text="중분류 1" Value="메뉴2" />
                            <asp:TreeNode Text="중분류 2" Value="메뉴3" />
                        </asp:TreeNode>
                        <asp:TreeNode Text="대분류 2" Value="메뉴4" />
                        <asp:TreeNode Text="대분류 3" Value="메뉴5" />
                    </Nodes>
                </asp:TreeView>
            </div>
        </form>
    </body>
</html>

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="MainPage.aspx.cs" Inherits="TestProject.MainPage" %>

<!DOCTYPE html>

<title>TreeView 클래스 사용하기</title>

</head>

<body>

<div>

<asp:TreeView ID="treeView" runat="server">

<Nodes>

<asp:TreeNode Text="대분류 1" Value="메뉴1">

<asp:TreeNode Text="중분류 1" Value="메뉴2" />

<asp:TreeNode Text="중분류 2" Value="메뉴3" />

</asp:TreeNode>

<asp:TreeNode Text="대분류 2" Value="메뉴4" />

<asp:TreeNode Text="대분류 3" Value="메뉴5" />

</Nodes>

</asp:TreeView>

</div>

</form>

</body>

</html>

▶ MainPage.aspx.cs


using System;
using System.Web.UI;

namespace TestProject
{
    /// <summary>
    /// 메인 페이지
    /// </summary>
    public partial class MainPage : Page
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Method
        ////////////////////////////////////////////////////////////////////////////////////////// Protected

        #region 페이지 로드시 처리하기 - Page_Load(sender, e)

        /// <summary>
        /// 페이지 로드시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        protected void Page_Load(object sender, EventArgs e)
        {
        }

        #endregion
    }
}

using System;

using System.Web.UI;

namespace TestProject

{

/// <summary>

/// 메인 페이지

/// </summary>

public partial class MainPage : Page

{

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

////////////////////////////////////////////////////////////////////////////////////////// Protected

#region 페이지 로드시 처리하기 - Page_Load(sender, e)

/// <summary>

/// 페이지 로드시 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

protected void Page_Load(object sender, EventArgs e)

{

}

#endregion

}

TestProject.zip

[C#/ASP.NET] Menu 클래스 : 메뉴 사용하기

■ Menu 클래스에서 메뉴를 사용하는 방법을 보여준다. ▶ Web.sitemap


<?xml version="1.0" encoding="utf-8" ?>
<siteMap xmlns="http://schemas.microsoft.com/AspNet/SiteMap-File-1.0" >
    <siteMapNode url="~/MainPage.aspx" title="Home"  description="홈">
        <siteMapNode url="~/SubPage1.aspx" title="대분류 1" description="서브 페이지 1">
            <siteMapNode url="~/SubPage2.aspx" title="중분류 1-1" description="서브 페이지 2"/>
            <siteMapNode url="~/SubPage3.aspx" title="중분류 1-2" description="서브 페이지 3"/>
        </siteMapNode>
        <siteMapNode url="~/SubPage4.aspx" title="대분류 2" description="서브 페이지 4" />
        <siteMapNode url="~/SubPage5.aspx" title="대분류 3" description="서브 페이지 5" />
    </siteMapNode>
</siteMap>

<?xml version="1.0" encoding="utf-8" ?>

</siteMapNode>

</siteMapNode>

</siteMap>

▶ MainPage.aspx


<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="MainPage.aspx.cs" Inherits="TestProject.MainPage" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>Menu 클래스 : 메뉴 사용하기</title>
    </head>
    <body>
        <form id="form" runat="server">
            <div>
                <asp:Menu ID="menu" runat="server" Orientation="Horizontal">
                    <Items>
                        <asp:MenuItem Text="대분류1" Value="메뉴1">
                            <asp:MenuItem Text="중분류1" Value="메뉴2" NavigateUrl="SubPage2.aspx" />
                            <asp:MenuItem Text="중분류2" Value="메뉴3" NavigateUrl="SubPage3.aspx" />
                        </asp:MenuItem>
                        <asp:MenuItem Text="대분류2" Value="메뉴4" NavigateUrl="SubPage4.aspx" />
                        <asp:MenuItem Text="대분류3" Value="메뉴5" NavigateUrl="SubPage5.aspx" />
                    </Items>
                </asp:Menu>
            </div>
        </form>
    </body>
</html>

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="MainPage.aspx.cs" Inherits="TestProject.MainPage" %>

<!DOCTYPE html>

</head>

<body>

<div>

<asp:Menu ID="menu" runat="server" Orientation="Horizontal">

<Items>

<asp:MenuItem Text="대분류1" Value="메뉴1">

<asp:MenuItem Text="중분류1" Value="메뉴2" NavigateUrl="SubPage2.aspx" />

<asp:MenuItem Text="중분류2" Value="메뉴3" NavigateUrl="SubPage3.aspx" />

</asp:MenuItem>

<asp:MenuItem Text="대분류2" Value="메뉴4" NavigateUrl="SubPage4.aspx" />

<asp:MenuItem Text="대분류3" Value="메뉴5" NavigateUrl="SubPage5.aspx" />

</Items>

</asp:Menu>

</div>

</form>

</body>

</html>

▶ MainPage.aspx.cs


using System;
using System.Web.UI;

namespace TestProject
{
    /// <summary>
    /// 메인 페이지
    /// </summary>
    public partial class MainPage : Page
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Method
        ////////////////////////////////////////////////////////////////////////////////////////// Protected

        #region 페이지 로드시 처리하기 - Page_Load(sender, e)

        /// <summary>
        /// 페이지 로드시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        protected void Page_Load(object sender, EventArgs e)
        {
        }

        #endregion
    }
}

using System;

using System.Web.UI;

namespace TestProject

{

/// <summary>

/// 메인 페이지

/// </summary>

public partial class MainPage : Page

{

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

////////////////////////////////////////////////////////////////////////////////////////// Protected

#region 페이지 로드시 처리하기 - Page_Load(sender, e)

/// <summary>

/// 페이지 로드시 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

protected void Page_Load(object sender, EventArgs e)

{

}

#endregion

}

▶ SubPage1.aspx


<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="SubPage1.aspx.cs" Inherits="TestProject.SubPage1" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>SiteMapPath 클래스 사용하기</title>
    </head>
    <body>
        <form id="form" runat="server">
            <div>
                <asp:SiteMapPath ID="siteMapPath" runat="server" />
                <hr />
                <h1>대분류 1</h1>
                <a href="SubPage2.aspx">중분류 1-1</a>
                <br />
                <a href="SubPage3.aspx">중분류 1-2</a>
            </div>
        </form>
    </body>
</html>

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="SubPage1.aspx.cs" Inherits="TestProject.SubPage1" %>

<!DOCTYPE html>

<title>SiteMapPath 클래스 사용하기</title>

</head>

<body>

<div>

<asp:SiteMapPath ID="siteMapPath" runat="server" />

<hr />

<br />

</div>

</form>

</body>

</html>

▶ SubPage1.aspx.cs


using System;
using System.Web.UI;

namespace TestProject
{
    /// <summary>
    /// 서브 페이지 1
    /// </summary>
    public partial class SubPage1 : Page
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Method
        ////////////////////////////////////////////////////////////////////////////////////////// Protected

        #region 페이지 로드시 처리하기 - Page_Load(sender, e)

        /// <summary>
        /// 페이지 로드시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        protected void Page_Load(object sender, EventArgs e)
        {
        }

        #endregion
    }
}

using System;

using System.Web.UI;

namespace TestProject

{

/// <summary>

/// 서브 페이지 1

/// </summary>

public partial class SubPage1 : Page

{

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

////////////////////////////////////////////////////////////////////////////////////////// Protected

#region 페이지 로드시 처리하기 - Page_Load(sender, e)

/// <summary>

/// 페이지 로드시 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

protected void Page_Load(object sender, EventArgs e)

{

}

#endregion

}

[C#/ASP.NET] Control 클래스 : EnableTheming 속성을 사용해 테마 적용 여부 설정하기

■ Control 클래스의 EnableTheming 속성을 사용해 테마 적용 여부를 설정하는 방법을 보여준다. ▶ Blue.skin


<asp:Button runat="server"
    BorderWidth="1px"
    BorderStyle="Dashed"
    BorderColor="Blue"
    BackColor="Yellow"
    ForeColor="Blue" />

<asp:Button runat="server"

BorderWidth="1px"

BorderStyle="Dashed"

BorderColor="Blue"

BackColor="Yellow"

ForeColor="Blue" />

▶ Blue.css


body
{
    color : blue;
}

body

{

color : blue;

}

▶ MainPage.aspx


<%@ Page
    Language="C#"
    AutoEventWireup="true"
    Theme="Blue"
    CodeBehind="MainPage.aspx.cs"
    Inherits="TestProject.MainPage" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>Control 클래스 : EnableTheming 속성을 사용해 테마 적용 여부 설정하기</title>
    </head>
    <body>
        <form id="form" runat="server">
            <div>
                블루 스킨 적용 페이지
                <hr />
                <asp:Button ID="button1" runat="server"
                    Text="블루 스킨 적용 버튼" />
                <asp:Button ID="button2" runat="server"
                    EnableTheming="false"
                    Text="블루 스킨 미적용 버튼" />
            </div>
        </form>
    </body>
</html>

<%@ Page

Language="C#"

AutoEventWireup="true"

Theme="Blue"

CodeBehind="MainPage.aspx.cs"

Inherits="TestProject.MainPage" %>

<!DOCTYPE html>

<title>Control 클래스 : EnableTheming 속성을 사용해 테마 적용 여부 설정하기</title>

</head>

<body>

<div>

블루 스킨 적용 페이지

<hr />

<asp:Button ID="button1" runat="server"

Text="블루 스킨 적용 버튼" />

<asp:Button ID="button2" runat="server"

EnableTheming="false"

Text="블루 스킨 미적용 버튼" />

</div>

</form>

</body>

</html>

▶

[C#/ASP.NET] Web.config 파일을 사용해 테마 설정하기

■ Web.config 파일을 사용해 테마를 설정하는 방법을 보여준다. ▶ Web.config


<?xml version="1.0" encoding="utf-8"?>
<configuration>
    <system.web>
        <pages theme="Red" />
        <compilation
            targetFramework="4.6"
            debug="true" />
        <httpRuntime targetFramework="4.6" />
    </system.web>
</configuration>

<?xml version="1.0" encoding="utf-8"?>

<system.web>

<compilation

targetFramework="4.6"

debug="true" />

</system.web>

</configuration>

▶ Blue.skin


<asp:Button runat="server"
    BorderWidth="1px"
    BorderStyle="Dashed"
    BorderColor="Blue"
    BackColor="Yellow"
    ForeColor="Blue" />

<asp:Button SkinID="Bold" runat="server"
    BorderWidth="1px"
    BorderStyle="Dashed"
    BorderColor="Blue"
    BackColor="Yellow"
    ForeColor="Blue"
    Font-Bold="True" />

<asp:Button runat="server"

BorderWidth="1px"

BorderStyle="Dashed"

BorderColor="Blue"

BackColor="Yellow"

ForeColor="Blue" />

<asp:Button SkinID="Bold" runat="server"

BorderWidth="1px"

BorderStyle="Dashed"

BorderColor="Blue"

BackColor="Yellow"

ForeColor="Blue"

Font-Bold="True" />

▶ Blue.css


body
{
    color : blue;
}

body

{

color : blue;

}

▶ Red.skin


<asp:Button runat="server"
    BorderWidth="1px"
    BorderStyle="Dashed"
    BorderColor="Red"
    BackColor="Yellow"
    ForeColor="Red" />

<asp:Button SkinID="Bold" runat="server"
    BorderWidth="1px"
    BorderStyle="Dashed"
    BorderColor="Red"
    BackColor="Yellow"
    ForeColor="Red"
    Font-Bold="True" />

<asp:Button runat="server"

BorderWidth="1px"

BorderStyle="Dashed"

BorderColor="Red"

BackColor="Yellow"

ForeColor="Red" />

<asp:Button SkinID="Bold" runat="server"

BorderWidth="1px"

BorderStyle="Dashed"

BorderColor="Red"

BackColor="Yellow"

ForeColor="Red"

Font-Bold="True" />

▶ Red.css

[C#/ASP.NET] Control 클래스 : SkinID 속성을 사용해 테마 설정하기

■ Control 클래스의 SkinID 속성을 사용해 테마를 설정하는 방법을 보여준다. ▶ Blue.skin


<asp:Button runat="server"
    BorderWidth="1px"
    BorderStyle="Dashed"
    BorderColor="Blue"
    BackColor="Yellow"
    ForeColor="Blue" />

<asp:Button SkinID="BlueSkinBold" runat="server"
    BorderWidth="1px"
    BorderStyle="Dashed"
    BorderColor="Blue"
    BackColor="Yellow"
    ForeColor="Blue"
    Font-Bold="True" />

<asp:Button runat="server"

BorderWidth="1px"

BorderStyle="Dashed"

BorderColor="Blue"

BackColor="Yellow"

ForeColor="Blue" />

<asp:Button SkinID="BlueSkinBold" runat="server"

BorderWidth="1px"

BorderStyle="Dashed"

BorderColor="Blue"

BackColor="Yellow"

ForeColor="Blue"

Font-Bold="True" />

▶ Blue.css


body
{
    color : blue;
}

body

{

color : blue;

}

▶ Red.skin


<asp:Button runat="server"
    BorderWidth="1px"
    BorderStyle="Dashed"
    BorderColor="Red"
    BackColor="Yellow"
    ForeColor="Red" />

<asp:Button SkinID="RedSkinBold" runat="server"
    BorderWidth="1px"
    BorderStyle="Dashed"
    BorderColor="Red"
    BackColor="Yellow"
    ForeColor="Red"
    Font-Bold="True" />

<asp:Button runat="server"

BorderWidth="1px"

BorderStyle="Dashed"

BorderColor="Red"

BackColor="Yellow"

ForeColor="Red" />

<asp:Button SkinID="RedSkinBold" runat="server"

BorderWidth="1px"

BorderStyle="Dashed"

BorderColor="Red"

BackColor="Yellow"

ForeColor="Red"

Font-Bold="True" />

▶ Red.css


body
{
    color : red;
}

body

{

color : red;

}

[C#/ASP.NET] Page 클래스 : Theme 속성을 사용해 테마 설정하기

■ Page 클래스의 Theme 속성을 사용해 테마를 설정하는 방법을 보여준다. ▶ Blue.skin


<asp:Button runat="server"
    BorderWidth="1px"
    BorderStyle="Dashed"
    BorderColor="Blue"
    BackColor="Yellow"
    ForeColor="Blue" />

<asp:Button runat="server"

BorderWidth="1px"

BorderStyle="Dashed"

BorderColor="Blue"

BackColor="Yellow"

ForeColor="Blue" />

▶ Blue.css


body
{
    color : blue;
}

body

{

color : blue;

}

▶ Red.skin


<asp:Button runat="server"
    BorderWidth="1px"
    BorderStyle="Dashed"
    BorderColor="Red"
    BackColor="Yellow"
    ForeColor="Red" />

<asp:Button runat="server"

BorderWidth="1px"

BorderStyle="Dashed"

BorderColor="Red"

BackColor="Yellow"

ForeColor="Red" />

▶ Red.css


body
{
    color : red;
}

body

{

color : red;

}

[C#/ASP.NET] MasterPage 클래스 : 마스터 페이지 사용하기

■ MasterPage 클래스에서 마스터 페이지를 사용하는 방법을 보여준다. ▶ MainMasterPage.Master


<%@ Master Language="C#" AutoEventWireup="true"
    CodeBehind="MainMasterPage.master.cs"
    Inherits="TestProject.MainMasterPage" %>
<!DOCTYPE html>
<html>
    <head runat="server">
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>MasterPage 클래스 : 마스터 페이지 사용하기</title>
    </head>
    <body>
        <form id="form" runat="server">
            <div>
                <asp:HyperLink runat="server"
                    Text="페이지 1"
                    NavigateUrl="~/ContentPage1.aspx" />
                <asp:HyperLink runat="server"
                    Text="페이지 2"
                    NavigateUrl="~/ContentPage2.aspx" />
                <hr />
                <asp:ContentPlaceHolder ID="contentContentPlaceHolder" runat="server" />
            </div>
        </form>
    </body>
</html>

<%@ Master Language="C#" AutoEventWireup="true"

CodeBehind="MainMasterPage.master.cs"

Inherits="TestProject.MainMasterPage" %>

<!DOCTYPE html>

<html>

<title>MasterPage 클래스 : 마스터 페이지 사용하기</title>

</head>

<body>

<div>

<asp:HyperLink runat="server"

Text="페이지 1"

NavigateUrl="~/ContentPage1.aspx" />

<asp:HyperLink runat="server"

Text="페이지 2"

NavigateUrl="~/ContentPage2.aspx" />

<hr />

<asp:ContentPlaceHolder ID="contentContentPlaceHolder" runat="server" />

</div>

</form>

</body>

</html>

▶ MainMasterPage.Master.cs


using System;
using System.Web.UI;

namespace TestProject
{
    /// <summary>
    /// 메인 마스터 페이지
    /// </summary>
    public partial class MainMasterPage : MasterPage
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Method
        ////////////////////////////////////////////////////////////////////////////////////////// Protected

        #region 페이지 로드시 처리하기 - Page_Load(sender, e)

        /// <summary>
        /// 페이지 로드시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        protected void Page_Load(object sender, EventArgs e)
        {
        }

        #endregion
    }
}

using System;

using System.Web.UI;

namespace TestProject

{

/// <summary>

/// 메인 마스터 페이지

/// </summary>

public partial class MainMasterPage : MasterPage

{

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

////////////////////////////////////////////////////////////////////////////////////////// Protected

#region 페이지 로드시 처리하기 - Page_Load(sender, e)

/// <summary>

/// 페이지 로드시 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

protected void Page_Load(object sender, EventArgs e)

{

}

#endregion

}

▶ ContentPage1.aspx


<%@ Page Title="" Language="C#" AutoEventWireup="true"
    MasterPageFile="~/MainMasterPage.Master"
    CodeBehind="ContentPage1.aspx.cs"
    Inherits="TestProject.ContentPage1" %>
<asp:Content ID="content" runat="server" ContentPlaceHolderID="contentContentPlaceHolder">
    <h1>페이지 1</h1>
</asp:Content>

<%@ Page Title="" Language="C#" AutoEventWireup="true"

MasterPageFile="~/MainMasterPage.Master"

CodeBehind="ContentPage1.aspx.cs"

Inherits="TestProject.ContentPage1" %>

<asp:Content ID="content" runat="server" ContentPlaceHolderID="contentContentPlaceHolder">

</asp:Content>

▶ ContentPage1.aspx.cs


using System;
using System.Web.UI;

namespace TestProject
{
    /// <summary>
    /// 내용 페이지 1
    /// </summary>
    public partial class ContentPage1 : Page
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Method
        ////////////////////////////////////////////////////////////////////////////////////////// Protected

        #region 페이지 로드시 처리하기 - Page_Load(sender, e)

        /// <summary>
        /// 페이지 로드시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        protected void Page_Load(object sender, EventArgs e)
        {
        }

        #endregion
    }
}

using System;

using System.Web.UI;

namespace TestProject

{

/// <summary>

/// 내용 페이지 1

/// </summary>

public partial class ContentPage1 : Page

{

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

////////////////////////////////////////////////////////////////////////////////////////// Protected

#region 페이지 로드시 처리하기 - Page_Load(sender, e)

/// <summary>

/// 페이지 로드시 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

protected void Page_Load(object sender, EventArgs e)

{

}

#endregion

}

▶ ContentPage2.aspx

[C#/ASP.NET] UserControl 클래스 : 커스텀 컨트롤 만들기

■ UserControl 클래스를 사용해 커스텀 컨트롤을 만드는 방법을 보여준다. ▶ TimeControl.ascx


<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="TimeControl.ascx.cs" Inherits="TestProject.TimeControl" %>
<asp:Literal ID="literal" runat="server" />

<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="TimeControl.ascx.cs" Inherits="TestProject.TimeControl" %>

<asp:Literal ID="literal" runat="server" />

▶ TimeControl.aspx.cs


using System;
using System.Web.UI;

namespace TestProject
{
    /// <summary>
    /// 시간 컨트롤
    /// </summary>
    public partial class TimeControl : UserControl
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Method
        ////////////////////////////////////////////////////////////////////////////////////////// Protected

        #region 페이지 로드시 처리하기 - Page_Load(sender, e)

        /// <summary>
        /// 페이지 로드시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        protected void Page_Load(object sender, EventArgs e)
        {
            this.literal.Text = DateTime.Now.ToString("HH:mm:ss");
        }

        #endregion
    }
}

using System;

using System.Web.UI;

namespace TestProject

{

/// <summary>

/// 시간 컨트롤

/// </summary>

public partial class TimeControl : UserControl

{

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

////////////////////////////////////////////////////////////////////////////////////////// Protected

#region 페이지 로드시 처리하기 - Page_Load(sender, e)

/// <summary>

/// 페이지 로드시 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

protected void Page_Load(object sender, EventArgs e)

{

this.literal.Text = DateTime.Now.ToString("HH:mm:ss");

}

#endregion

}

▶ MainPage.aspx


<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="MainPage.aspx.cs" Inherits="TestProject.MainPage" %>
<%@ Register TagPrefix="control" TagName="TimeControl" Src="~/TimeControl.ascx" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
        <title>UserControl 클래스 : 사용자 정의 컨트롤 만들기</title>
    </head>
    <body>
        <form id="form" runat="server">
            <div>
                <control:TimeControl ID="timeControl" runat="server" />
            </div>
        </form>
    </body>
</html>

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="MainPage.aspx.cs" Inherits="TestProject.MainPage" %>

<%@ Register TagPrefix="control" TagName="TimeControl" Src="~/TimeControl.ascx" %>

<!DOCTYPE html>

<title>UserControl 클래스 : 사용자 정의 컨트롤 만들기</title>

</head>

<body>

<div>

<control:TimeControl ID="timeControl" runat="server" />

</div>

</form>

</body>

</html>

▶ MainPage.aspx.cs


using System;
using System.Web.UI;

namespace TestProject
{
    /// <summary>
    /// 메인 페이지
    /// </summary>
    public partial class MainPage : Page
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Method
        ////////////////////////////////////////////////////////////////////////////////////////// Protected

        #region 페이지 로드시 처리하기 - Page_Load(sender, e)

        /// <summary>
        /// 페이지 로드시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        protected void Page_Load(object sender, EventArgs e)
        {
        }

        #endregion
    }
}

using System;

using System.Web.UI;

namespace TestProject

{

/// <summary>

/// 메인 페이지

/// </summary>

public partial class MainPage : Page

{

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

////////////////////////////////////////////////////////////////////////////////////////// Protected

#region 페이지 로드시 처리하기 - Page_Load(sender, e)

/// <summary>

/// 페이지 로드시 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

protected void Page_Load(object sender, EventArgs e)

{

}

#endregion

}

TestProject.zip