第一个应用程序

来源：互联网发布：mac air和pro的区别编辑：程序博客网时间：2024/04/30 12:47

第一个应用程序：

ASP.NET框架为Web页面中最常使用的HTML元素提供了一些预定义的HTML服务器控件，这些预定义的HTML服务器控件具有一般控件的基本属性，此外每个控件通常提供自己的属性集和自己的事件。System.Web.UI.HtmlControls命名空间允许在Web窗体上创建HTML服务器控件类的集合。

Visual Studio.net2005工具箱的“HTML”控件组包含的HTML控件如表3-1所示。

表3-1 HTML服务器控件

控件

功能

类

举例

Button

按钮

HtmlInputButton

<input id="Button" type="button"

value="确定" runat="server"/>

Reset Button

重置按钮

HtmlInputButton

<input id="Reset" type="reset" value="重置" runat="server" />

Submit Button

提交按钮

HtmlInputButton

<input id="Submit" type="submit"

value="提交" runat="server" />

Text

接受用户输入的文本

HtmlInputText

<input id="Name" type="text" runat="server"/>

File

允许用户指定要上传到服务器的文件

<input id="File1" type="file" />

Password

接受用户输入的密码

HtmlInputText

<input id="Pwd" type="password"

runat="server"/>

CheckBox

创建多项选择，使用Checked属性来判断复选框是否被选中

HtmlInputCheck

Box

<input id="Ball1" type="checkbox" checked="checked" runat="server"/>

排球

<input id="Ball2" type="checkbox" runat="server"/>篮球

RadioButton

创建单选按钮，一组为单位，name属性相同的为一组，在该组中每次只能选择一个单选按钮

HtmlInputRadio

Button

<input id="Male" type="radio"

name="gender" value ="男"

runat="server"/>男

<input id="Female" type="radio"

name="gender" value ="女

"runat="server"/>女

Hidden

可以存储窗体的状态信息，且不在页面上显示出来

HtmlInputHidden

<input id="Hidden1" type="hidden" runat="server" />

TextArea

用于多行文本数据和显示。显示宽度由Cols属性决定，高度由Rows属性决定

HtmlTextArea

<textarea id="TextArea1" cols="5" rows="2"runat="server" ></textarea>

Table

创建表格，可以动态地添加表格的行和列

HtmlTable

<table>

<tr>

<td> </td>

</tr>

<tr>

<td> </td>

</tr>

</table>

Select

创建供用户选择的下拉列表

HtmlSelect

<select id="Sex" runat="server" >

<option value ="1">男</option> <option value ="2">女</option> </select>

Image

创建图形

实现添加学生信息功能，同一个学号只能插入一次。

HtmlInputImage

<img src="Images/reg-1.gif" alt="图片"/>

Div

网页布局

Horizontal Rule

水平分割线

<hr style="color :Red; width: 97px; height: 2px;" />

3.1.3报名信息调查页面设计和实现

案例3-1

报名者信息调查页面设计和实现

该案例的详细设计如下：

功能描述

报名者填写调查表后，可进行一下操作。

①单击提交按钮，显示调查者提交的信息；

②单击重置按钮，取消输入的内容，重新输入；

③单击清空按钮，清空输入的信息。

页面名称

Info.aspx

页面设计效果

图3-3 Info.aspx设计视图

案例演示：调查者输入信息如图3-7所示，单击提交，提交信息显示如图3-8所示。

图3-4 用户输入信息界面

图3-5 调查者提交信息

【程序代码】info.aspx

<head runat="server">

<title>用户信息调查</title>

</head>

<body>

<form id="form1" runat="server">

<div>

用户信息调查

<hr style="color :Red" />

<table style="width: 389px; height: 52px" border="1" cellspacing ="0">

<tr>

<td rowspan="6"><img src="Images/reg-1.gif" alt="图片"/></td>

<td > <span style="font-size: 9pt">用户名：</span></td>

<td > <input id="Name" type="text" runat="server" /></td>

</tr>

<tr>

<td > <span style="font-size: 9pt">用户密码：</span></td>

<td > <input id="Password" type="password" runat="server" /></td>

</tr>

<tr>

<td > <span style="font-size: 9pt"> 性别：</span></td>

<td >

<input id="Male" type="radio" name="gender" value ="男"

runat="server" /><span style="font-size: 9pt">男

<input id="Female" type="radio" name="gender" value ="女"

runat="server"/>女</span></td>

</tr>

<tr>

<td > <span style="font-size: 9pt"> 年龄：</span></td>

<td >

<select id="Age" runat="server">

<option value ="1">20-30岁之间</option>

<option value ="2">30-40岁之间</option>

<option value ="3">40-50岁之间</option>

<option value ="4">50-60岁之间</option>

</select></td>

</tr>

<tr>

<td > <span style="font-size: 9pt"> 爱好：</span>

</td>

<td >

                          <input id="Ball1" type="checkbox" runat="server" checked="checked" value ="

排球" />

<span style="font-size: 9pt">排球</span>

<input id="Ball2" type="checkbox" runat="server" value="篮球"/>

<span style="font-size: 9pt">篮球</span>

</td>

</tr>

<tr>

<td > <span style="font-size: 9pt">留言</span>

</td>

<td > <textarea id="Liuyan" cols="20" rows="5" runat ="server" >

</textarea>

</td>

</tr>

<tr>

<td colspan="3">

<input id="Button" type="button" value="清空" runat="server"

/>

<input id="Reset" type="reset" value="重置" runat="server" />

<input id="Submit" type="submit" value="提交" runat="server" onserverclick="Submit_ServerClick" />

</td>

</tr>

</table>

<span id="Message" runat="server" />

</div>

</form>

</body>

【程序代码】Info.aspx.aspx.cs

protected void Submit_ServerClick(object sender, EventArgs e)

{

string love = "";

//获取用户名和密码信息

Message .InnerHtml ="<h4>您输入的个人信息为：</h4>";

Message.InnerHtml +="姓名：" +Name.Value+"<br/>";

Message.InnerHtml +="密码："+Password.Value+"<br/>";

//获取性别信息 Message .InnerHtml获取位于制定html文件的标记间的内容

if(Male.Checked) Message.InnerHtml +="性别："+Male .Value+"<br/>" ;

if(Female.Checked) Message.InnerHtml += "性别：" + Female.Value + "<br/>";

//获取年龄信息

if(Age.Value =="1") Message.InnerHtml += "你的年龄：在20-30岁之间" +

"<br/>";

if (Age.Value == "2") Message.InnerHtml += "你的年龄：在30-40岁之间" +

"<br/>";

if (Age.Value == "3") Message.InnerHtml += "你的年龄：40-50岁之间" +

"<br/>";

if (Age.Value == "4") Message.InnerHtml += "你的年龄：50-60岁之间" +

"<br/>";

//获取爱好信息

if (Ball1.Checked) love+=Ball1.Value;

if (Ball2.Checked) love += Ball2.Value;

if (Ball2.Checked && Ball1.Checked) love = Ball1.Value + "、" + Ball2.Value;

Message.InnerHtml += "你的爱好为：" + love + "<br/>";

//获取留言信息

Message.InnerHtml += "你的留言为：" + Liuyan .Value + "<br/>";

}

protected void Button_ServerClick(object sender, EventArgs e)

{

Name.Value = "";

Liuyan.Value = "";

}