ASP.NET 사이트 채 팅 방 의 디자인 과 구현(제3 절)
오늘 우 리 는 사이트 채 팅 방 을 설계 하고 사용자 가 사용자 이름 을 입력 하여 채 팅 방 에 로그 인하 여 구조 로 이 루어 집 니 다.
학습 내용:
첫 번 째,채 팅 방 첫 페이지 와 간단 한 카운터 디자인
1.VS 2008 을 엽 니 다.'솔 루 션'101'아래 에 새 사 이 트 를 만 들 고 Chatroom 이 라 고 명명 합 니 다.기본 홈 페이지 파일 은 Default.aspx 입 니 다.
2.Default.aspx 에 창 컨트롤 을 추가 하고'디자인'보기 로 전환 합 니 다.왼쪽 공구 상자 표준 그룹 에서 Lable 컨트롤 2 개,Textbox 컨트롤 1 개,Button 컨트롤 1 개 를 끌 어 내 고 마지막 으로 닉네임 을 입력 한 Textbox 텍스트 에 필수 인증 을 추가 합 니 다.
"디자인"보기에 서 Btn 1 단 추 를 두 번 누 르 고 Default.aspx.cs 에서 다음 이벤트 코드 를 작성 합 니 다.
public partial class _Default : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
if (Application["user_online"] == null)
{
Application["user_online"] = 0;
}
Application["user_online"] = (int)Application["user_online"] + 1;
Label3.Text = "( " + Application["user_online"].ToString() + " !)";
}
protected void Button1_Click(object sender, EventArgs e)
{
if (Page.IsPostBack)
{
Session["User_name"]=this.Txt1.Text;
Response.Redirect("chat.aspx");
}
}
}
두 번 째 단 계 는 로그 인 문자열 과 발언 문자열 을 구축 합 니 다.1.Chat.aspx 페이지 파일 을 만 듭 니 다.다음 HTML 언어 를 사용 하면 프레임 워 크 페이지 프로그램 을 작성 하여 창 을 반 으로 나 눌 수 있 습 니 다.왼쪽 창 은 발언 내용 을 입력 한 페이지 파일 인 Inputwin.aspx 를 저장 하고 오른쪽 창 은 채 팅 내용 을 표시 하 는 페이지 파일 인 Showwin.aspx 를 저장 합 니 다.
2.로그 인 메시지 문자열 구축.Chat.aspx.cs 의 PageLoad 이벤트 의 작성 코드 는 다음 과 같 습 니 다.
protected void Page_Load(object sender, EventArgs e)
{
string user_name = (string)Session["user_name"];
string sayStr = " " + (string)Request.ServerVariables["REMOTE_ADDR"] + " ";
sayStr = sayStr + "<b><font color=red>" + user_name + "</font></b>";
sayStr = sayStr + " " + DateTime.Now + " ";
Application.Lock();
Application["show"] = sayStr + "<br>" + Application["show"];I=I+1
Application.UnLock();
}
3.발언 내용 문자열 구축.발언 내용 을 입력 하 는 페이지 파일 Inputwin.aspx 를 만 듭 니 다.페이지 Inputwin.aspx 에 컨트롤 을 추가 합 니 다.여 기 는 두 개의 DropDownlList 드 롭 다운 목록 상자 컨트롤 을 사용 합 니 다.각각 대변인 의 성별 과 기분,한 줄 의 Textbox 컨트롤 을 선택 하 는 데 사 용 됩 니 다.다 중 텍스트 박스 컨트롤(발언 내용);Button 단추(발언 단추)를 누 르 고 인증 컨트롤 을 추가 합 니 다."디자인"보기에 서 Btn 1(발언)단 추 를 더 블 클릭 하고 Inputwin.aspx.cs 파일 의 Btnclick 이벤트 의 작성 코드 는 다음 과 같 습 니 다:
protected void Button1_Click(object sender, EventArgs e)
{
if (Page.IsPostBack == true) //
{
String ssex, emotion, who;
ssex = DropDownList1.SelectedItem.Value; //
emotion = DropDownList2.SelectedItem.Text + " "; //
who = " " + "<b>" + TextBox2.Text + "</b>"; //
// :
String sayStr = "<font size='3' color='00ff00'><b>" + (string)Session["user_name"];
sayStr = sayStr + ssex + "</b></font> " + DateTime.Now + emotion + who + " :";
sayStr = sayStr + TextBox3.Text;
Application.Lock();
Application["show"] = sayStr + "<br>" + (string)Application["show"];
Application.UnLock();
TextBox3.Text = "";//
}
}
4.발언 문자열 과 발언 내용 을 표시 하 는 페이지 파일(Showwin.aspx)을 만 들 고 코드 는 다음 과 같 습 니 다.
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title> </title>
<meta http-equiv="refresh" content="4"/>
</head>
<body>
<form id="form1" runat="server">
<div>
</div>
</form>
</body>
</html>
Showwin.aspx.cs 의 PageLoad 이벤트 의 작성 코드 는 다음 과 같 습 니 다.
public partial class showwin : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
Response.Write((string)Application["show"]);
}
}
5.채 팅 방 페이지 를 떠 나 는 Exit.aspx.cs 파일 을 위 한 코드 는 다음 과 같 습 니 다.
protected void Page_Load(object sender, EventArgs e)
{
string sayStr = "<b>" + (string)Session["user_name"] + "</b>";
sayStr = sayStr + " " + DateTime.Now + " ";
sayStr = "<font color='green'>" + sayStr + "</font>";
Application.Lock();
Application["show"] = sayStr + "<br>" + (string)Application["show"];
Application["user_online"] = (int)Application["user_online"] - 1;
Application.UnLock();
Response.Redirect("chatroom.aspx");
}
6.채 팅 방 첫 페이지 Default.aspx 를 실행 합 니 다.실행 효과 도
총결산
디자인 사이트 채 팅 방 은 마치 사이트 제작 에 들 어간 것 처럼 들 립 니 다.자신 이 디자인 한 기능 이 간단 한 채 팅 방 을 보고 약간의 성취 감 을 느 꼈 습 니 다.비록 이것 은 만리장성 의 첫 걸음 이지 만.이번 학습 을 통 해 Session 과 Application 의 각자 의 역할 을 이해 하고 페이지 를 두 개의 창 으로 나 누 는 방법 을 배 웠 습 니 다.정확 한 사건 을 찾 아 작성 하 는 방법 을 배 웠 습 니 다.전체적으로 웹 디자인 에 느낌 이 들 었 습 니 다.여러분 도 좋아 하 시 길 바 랍 니 다.자신 만 의 사이트 채 팅 방 을 설계 해 보 세 요.
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
ASP.NET 사이트 채 팅 방 의 디자인 과 구현(제3 절)"디자인"보기에 서 Btn 1(발언)단 추 를 더 블 클릭 하고 Inputwin.aspx.cs 파일 의 Btnclick 이벤트 의 작성 코드 는 다음 과 같 습 니 다: 4.발언 문자열 과 발언 내용 을 표시 하 는...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.