1、请创建一个简单的网站。要求:
WebForm1.aspx页面为用户登陆页面,登陆成功的判断条件为:可登陆成功的用户名为:computer Application15,密码为:2015Comp。清空按钮功能用于将用户名和密码清空,关闭按钮用于关闭该网页。请编写出该网站的前端界面和后台代码(用C#语言进行编写)。
aspx代码(前端界面的代码):
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>
<!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>
<style>
table,td{
border:solid 1px #00ffff;
}
</style>
</head>
<body>
<form id="form1" runat="server" >
<div>
<table>
<tr>
<td>用户名</td>
<td colspan="3">
<asp:TextBox id="text" runat="server" ></asp:TextBox>
</td>
</tr>
<tr>
<td>密 码</td>
<td colspan="3">
<asp:TextBox id="password" runat="server" ></asp:TextBox>
</td>
</tr>
<tr>
<td></td>
<td colspan="3">
<asp:Button ID="Button1" runat="server" Text="登录" OnClick="Button1_Click1" />
<asp:Button ID="Button2" runat="server" Text="清空" OnClick="Button2_Click" />
<asp:Button ID="Button3" runat="server" Text="关闭" OnClick="Button3_Click" />
</td>
</tr>
</table>
</div>
</form>
</body>
</html>
下面重点来了,就是控制页面的登录、清空、关闭这些点击按钮事件的CS代码(后台代码):
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
public partial class _Default : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
//点击关闭按钮的时候关闭当前页面
//服务器数据返回时,生成页面时,关闭掉生成的页面
this.Button3.Attributes.Add("onclick", "window.close();");
}
protected void Button1_Click1(object sender, EventArgs e)
{
string Name = this.text.Text;
string password = this.password.Text;
if (Name == "computer Application15" && password == "2015Comp")
{
Response.Write("<script>alert('登录成功!!')</script>");
}
else
{
//Response.Write表示服务器端向页面写数据
Response.Write("<script>alert('用户名或密码输入错误')</script>");
}
}
protected void Button2_Click(object sender, EventArgs e)
{
this.text.Text = "";
this.password.Text = "";
}
//同时数据提交到后台
protected void Button3_Click(object sender, EventArgs e)
{
//onclick是通过javascript执行的,是页面端程序,此代码不会提交到服务器端
//所以服务器端返回信息时,此代码销毁了,返回时不会提交到客户端,所以无法关闭页面。
//this.btn3.Attributes.Add("onclick", "window.close();");//两者是同时触发的,
}
}
点击保存,然后就是运行该代码,点击相应的按钮就会触发相应的点击事件!!!