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


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


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



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



직접 확인해 볼까요 ??



코드를 보겠습니다.



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


저작자표시 비영리

웹 프로젝트 만들기


파일 - 새로만들기 - 프로젝트



새 프로젝트 만들기


웹  -  ASP.NET 응용 프로그램 하단에 자신의 프로젝트 이름을 설정한 후  확인을 누르세요



자신의 프로젝트에 마우스 오른쪽을 누르고 추가 - 새 항목 



웨 - 웹폼 - 이름을 설정 후 추가를 누르세요 



저는 test1 이라는 웹폼을 만들었습니다. 그럼 test1.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="test1.aspx.cs" Inherits="FrmText.test1" %>
 
<!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:TextBox ID ="text1" runat="server" Text="버튼을 클릭해주세요"></asp:TextBox>
        <asp:Button ID="btn1" runat="server" Text="버튼1" OnClick="btn_1" />
    </div>
    </form>
</body>
</html>
 
cs


text1 이라는 텍스트 박스와 , btn1이라는 버튼을 반들었습니다.


test1.aspx.cs 를 작성해봅니다. onclick 이벤트가 발생했을 때 텍스트박스에 출력을 하겠습니다.


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 test1 : System.Web.UI.Page
    {
        protected void Page_Load(object sender, EventArgs e)
        {
 
        }
        protected void btn_1(object sender, EventArgs e)
        {
            text1.Text = "버튼 1이 클릭 되었습니다.";
        }
    }
}
cs



저장 후 브라우져에서 마우스 오른쪽 누르고 브라우져에서 실행 또는 Ctrl+ F5 를 눌러서 확인해보겠습니다.



저작자표시 비영리

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

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

+ Recent posts

티스토리툴바