이미지 컨트롤을 활용하여 이미지 표시하기입니다.


우선 이미지 폴더를 만들어서 로컬에 있는 이미지를 복사해서 넣습니다.


솔루션 탐색기- 추가 - 새폴더 



test12.aspx


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="test12.aspx.cs" Inherits="FrmText.test12" %>
 
<!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></title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <asp:Image ID="imgChange" runat="server" ImageUrl="~/images/5.png"
             AlternateText="대체텍스트" Width="300px" Height="300px" />
        <hr />
        <asp:TextBox ID="text1" runat="server"></asp:TextBox>
 
        <asp:Button Text="이미지 순환" ID="btnChange" OnClick="btnChange_ck" runat="server" />
    </div>
    </form>
</body>
</html>
 
cs



test12.aspx.cs


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
 
namespace FrmText
{
    public partial class test12 : System.Web.UI.Page
    {
        protected void Page_Load(object sender, EventArgs e)
        {
 
        }
        protected void btnChange_ck(object sender, EventArgs e)
        {
            if (text1.Text == "1")
            {
                imgChange.ImageUrl = "~/images/3.jpg";
            }
            else if (text1.Text == "2")
            {
                imgChange.ImageUrl = "~/images/4.png";
            }
            else
            {
                string str = @"
                        <script>
                            alert('1 또는 2를 입력하세요');
                        </script>
                        ";
                Response.Write(str);
            }
        }
    }
}
cs


실행 화면



1 입력시 


2 입력시



1 ,2가아닌 다른 입력을 했을 때 




저작자표시 비영리

'ASP.NET' 카테고리의 다른 글

3. .NET Framework CLR  (0) 2020.04.20
2. .NET Framework 란?  (0) 2020.04.20
6. 닷넷 기초 (현재시간 출력하기)  (0) 2018.02.25
5. 닷넷 기초 (표준 컨트롤러)  (0) 2018.02.25
3. 닷넷 기초 (IP 주소 가져오기)  (0) 2018.02.25

Label 컨트롤을 활용하여 현재 시간을 출력해봅니다.~


레이블이란 : 웹 폼에 편집이 불가능한 문자열을 출력하고자 할때 사용한다고 하네요 ㅎㅎ


test8.aspx


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="test8.aspx.cs" Inherits="FrmText.test8" %>
 
<!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></title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        현재시간:
        <asp:Label ID="lalDateTime" runat="server" ></asp:Label>
    </div>
    </form>
</body>
</html>
 
cs



test8.aspx.cs


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
 
namespace FrmText
{
    public partial class test8 : System.Web.UI.Page
    {
        protected void Page_Load(object sender, EventArgs e)
        {
            //현재 날짜와 시간을 출력
            this.lalDateTime.Text = DateTime.Now.ToString();
        }
    }
}
cs


화면



저작자표시 비영리

'ASP.NET' 카테고리의 다른 글

2. .NET Framework 란?  (0) 2020.04.20
7. 닷넷 기초 (이미지 컨트롤)  (0) 2018.02.25
5. 닷넷 기초 (표준 컨트롤러)  (0) 2018.02.25
3. 닷넷 기초 (IP 주소 가져오기)  (0) 2018.02.25
3. 닷넷 기초 Request 개체 사용하기  (0) 2018.02.24

ASP.NET 으로 웹페이지 제작할 때 페이지 화면에 만들어지는 모든 UI를 ASP.NET 서버 컨트롤이라 하고 

일반적으로 많이 쓰이는 컨트롤러 그룹을 묶어 표준 컨트롤이라고 한다.


표준 컨트롤러에 대하여 알아보자 


우선 화면에 출력하는 방법 3가지를 알아보자

물론 화면에는 동일하게 출력 될 것입니다.~


test9.aspx


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="test9.aspx.cs" Inherits="FrmText.test9" %>
 
<!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></title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <h1>표준 컨트롤러</h1>
        
        <h2>방법 [1] 순수 HTML 사용해서 버튼 만들기</h2>
        <input type="button" name="name" value="버튼1" />
 
        <h2>방법 [2] runat 속성을 추가해서 서버 컨트롤 버튼 만들기</h2>
        <input type="button" id="btnHtml" runat="server" value="버튼2" />
 
        <h2>방법 [3] ASP.NET 표준 컨트롤러를 사용해서 버튼 만들기</h2>
        <asp:Button Text="버튼3" runat="server" ID="btnServer"/>
 
    </div>
    </form>
</body>
</html>
 
cs



test9.aspx.cs


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
 
namespace FrmText
{
    public partial class test9 : System.Web.UI.Page
    {
        protected void Page_Load(object sender, EventArgs e)
        {
            btnHtml.Value = "Html ServerControll Button";
            btnServer.Text = "표준 컨트롤 버튼";
        }
    }
}
cs


출력화면



저작자표시 비영리

'ASP.NET' 카테고리의 다른 글

7. 닷넷 기초 (이미지 컨트롤)  (0) 2018.02.25
6. 닷넷 기초 (현재시간 출력하기)  (0) 2018.02.25
3. 닷넷 기초 (IP 주소 가져오기)  (0) 2018.02.25
3. 닷넷 기초 Request 개체 사용하기  (0) 2018.02.24
2. 닷넷 기초 Response 객체 활용하기  (0) 2018.02.24



직접 확인해 볼까요 ??



코드를 보겠습니다.



TEST5.aspx


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="test5.aspx.cs" Inherits="FrmText.test5" %>
 
<!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></title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        현재 프로젝트의 물리적인 경로 가져오기 <br / />
        <asp:Label ID="Lable1" runat="server" /><br />
        현재 파일 경로 가져오기 <br />
        <asp:Label ID="Lable2" runat="server" />
    </div>
    </form>
</body>
</html>
 
cs



test5.aspx.cs


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
 
namespace FrmText
{
    public partial class test5 : System.Web.UI.Page
    {
        protected void Page_Load(object sender, EventArgs e)
        {
            // 물리적 경로 가져오기
            this.Lable1.Text = Server.MapPath(".");
            // 현재 파일 루트 경로
            this.Lable2.Text = Request.ServerVariables["SCRIPT_NAME"];
        }
    }
}
cs


저작자표시 비영리


IP 주소는 출력에는



localhost / 127.0.0.1  / ::1  이렇게 3가지 방법이 있다 다 같은 것 



TEST4.aspx

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="test4.aspx.cs" Inherits="FrmText.test4" %>
 
<!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></title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        IP 주소 얻기 <br / />
        <asp:Label ID="Lable1" runat="server"></asp:Label> <br />
        <asp:Label ID="Label2" runat="server"></asp:Label> <br />
        <asp:Label ID="Label3" runat="server"></asp:Label> <br />
    </div>
    </form>
</body>
</html>
 
cs



TEST4.aspx.cs


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
 
namespace FrmText
{
    public partial class test4 : System.Web.UI.Page
    {
        protected void Page_Load(object sender, EventArgs e)
        {
            this.Lable1.Text = Request.UserHostAddress;
 
            this.Label2.Text = Request.ServerVariables["REMOTE_HOST"];
 
            this.Label3.Text = Request.ServerVariables["REMOTE_ADDR"];
        }
    }
}
cs




저작자표시 비영리

'ASP.NET' 카테고리의 다른 글

6. 닷넷 기초 (현재시간 출력하기)  (0) 2018.02.25
5. 닷넷 기초 (표준 컨트롤러)  (0) 2018.02.25
3. 닷넷 기초 Request 개체 사용하기  (0) 2018.02.24
2. 닷넷 기초 Response 객체 활용하기  (0) 2018.02.24
1. 웹 프로젝트 만들기  (0) 2018.02.24

+ Recent posts

티스토리툴바