第1章-------------------第一个ASP.NET程序-------5

上机

第一部分 本次上机目标

掌握创建ASP.NET站点和动态页面的步骤。

(1)编写一个Web应用程序，用来接收学员用户名和年龄，并检查年龄是否大于18周岁。

(2)编写一个会员身份验证的Web应用程序。

体会ASP.NET开发的优势。

(1)显示考试管理系统中所有教师的信息。

(2)显示考试管理系统中所有考试科目的信息。

第二部分 上机任务

分阶段完成如下任务。

阶段1：编写Web应用程序，接收学员用户名和年龄，并检验年龄是否大于18并且小于100周岁。

训练要点

(1)创建ASP.NET站点。

(2)创建动态页面。

(3)代码后置的开发模式。

需求说明：

(1)输入学员用户名和年龄。

(2)对学员年龄进行验证。

(3)输出验证结果。

(4)实现的效果如图1.1所示。

图1.1验证通过的输出结果

实现思路及关键代码

(1)新建一个Web应用程序。

(2)定义3个Label控件，分别显示用户名提示信息、年龄提示信息和验证结果信息。

(3)定义两个TextBox控件，用来接受用户名和年龄。

(4)定义一个Button，用来提交信息。

(5)使用if结构来验证用户输入是否符合条件，然后输出验证结果。

参考解决方案

using System;

using System.Data;

using System.Configuration;

using System.Collections;

using System.Web;

using System.Web.Security;

using System.Web.UI;

using System.Web.UI.WebControls;

using System.Web.UI.WebControls.WebParts;

using System.Web.UI.HtmlControls;

public partial class Practice1 : System.Web.UI.Page

{

protected void Page_Load(object sender, EventArgs e)

{

}

protected void btnSubmit_Click(object sender, EventArgs e)

{

if ((txtName.Text.Trim()) == "" || (String.IsNullOrEmpty(txtName.Text.ToString()) == true))

{

lblMessage.Text = "请输入姓名";

}

else

{

if (txtAge.Text == "" || (String.IsNullOrEmpty(txtAge.Text.ToString()) == true))

{

lblMessage.Text = "请输入年龄";

}

else if ((Convert.ToInt32(txtAge.Text.ToString()) < 18) || (Convert.ToInt32(txtAge.Text.ToString()) > 100))

{

lblMessage.Text = "对不起，您不符合入学年龄";

}

else

{

lblMessage.Text = txtName.Text + "，邯郸翱翔欢迎您！" ;

}

}

}

}

阶段2：编写一个会员身份验证的Web应用程序。

需求说明

(1)为某网站编写一个会员身份验证的Web应用程序。

(2)只有在用户名和密码文本框中分别输入“admin”和“password”才能通过验证。

(3)输出效果如图1.2所示。

图1.2用户通过身份验证的页面效果

提示

(1)新建一个Web应用程序．

(2)定义3个lable控件，分别显示用户名提示信息、密码提示信息和验证结果信息。

(3)定义两个TextBox控件，用来接收用户名和密码，其中接收密码的TextBox控件的 TextMode属性为Password。

(4)定义一个Button，用来提交信息。

(5)使用if结构来验证用户输入是否符合条件，然后输出验证结果。

阶段3：编写九九乘法表。

需求说明

(1)编写九九乘法表。

(2)要求用户可以输入开始值和结束值，网页会显示从开始值到结束值之间的九九乘法表。(3)输出效果如图1.3所示。

图1.3阶段3的运行结果

提示

(1)新建一个Web应用程序。

(2)定义4个label控件，分别显示程序标题、开始值提示信息、结束值提示信息和输出结果。

(3)定义两个TextBox控件，用来接收开始值和结束值。

(4)定义一个Button，用来实现算法并提交信息。

(5)使用if结构来验证用户输入是否符合条件，然后输出验证结果。

阶段4：显示考试管理系统中所有教师的信息。

训练要点

ASP.NET的高效开发。

需求说明

(1) MySchool是某学校考试管理系统的数据库，现要求显示学校所有教师的信息，包括LoginID、TeacherName和Sex三个字段，表头用中文显示，每页显示10条记录。

(2)输出的效果如图1.4所示。

图1.4 阶段4的输出结果

实现思路及关键代码

(1)利用“服务器资源管理器”链接MySchool数据库。

(2)把Teacher表拖入页面。

(3)单击GridView控件的智能标记，在显示的“GridView任务”对话框中进行相应的设置。

(4)单击“编辑列”，在弹出的对话框中进行表头的设置。

参考解决方案

<asp:GridView ID="GridView1" runat="server" AllowPaging="True" AllowSorting="True"

AutoGenerateColumns="False" DataKeyNames="TeacherID" DataSourceID="SqlDataSource1"

EmptyDataText="没有可显示的数据记录。" Style="z-index: 100; left: 129px; position: absolute;

top: 51px" BackColor="White" BorderColor="#CCCCCC" BorderStyle="None" BorderWidth="1px" CellPadding="4" ForeColor="Black" GridLines="Horizontal">

<Columns>

<asp:BoundField DataField="LoginId" HeaderText="登录ＩＤ" SortExpression="LoginId" />

<asp:BoundField DataField="TeacherName" HeaderText="教师姓名" SortExpression="TeacherName" />

<asp:BoundField DataField="Sex" HeaderText="性别" SortExpression="Sex" />

</Columns>

<FooterStyle BackColor="#CCCC99" ForeColor="Black" />

<SelectedRowStyle BackColor="#CC3333" Font-Bold="True" ForeColor="White" />

<PagerStyle BackColor="White" ForeColor="Black" HorizontalAlign="Right" />

<HeaderStyle BackColor="#333333" Font-Bold="True" ForeColor="White" />

</asp:GridView>

<asp:SqlDataSource ID="SqlDataSource1" runat="server" ConnectionString="<%$ ConnectionStrings:MySchoolConnectionString1 %>"

DeleteCommand="DELETE FROM [Teacher] WHERE [TeacherID] = @TeacherID" InsertCommand="INSERT INTO [Teacher] ([LoginId], [LoginPwd], [UserStateId], [TeacherName], [Sex], [Birthday]) VALUES (@LoginId, @LoginPwd, @UserStateId, @TeacherName, @Sex, @Birthday)"

ProviderName="<%$ ConnectionStrings:MySchoolConnectionString1.ProviderName %>"

SelectCommand="SELECT [TeacherID], [LoginId], [LoginPwd], [UserStateId], [TeacherName], [Sex], [Birthday] FROM [Teacher]"

UpdateCommand="UPDATE [Teacher] SET [LoginId] = @LoginId, [LoginPwd] = @LoginPwd, [UserStateId] = @UserStateId, [TeacherName] = @TeacherName, [Sex] = @Sex, [Birthday] = @Birthday WHERE [TeacherID] = @TeacherID">

<InsertParameters>

<asp:Parameter Name="LoginId" Type="String" />

<asp:Parameter Name="LoginPwd" Type="String" />

<asp:Parameter Name="UserStateId" Type="Int32" />

<asp:Parameter Name="TeacherName" Type="String" />

<asp:Parameter Name="Sex" Type="String" />

<asp:Parameter Name="Birthday" Type="DateTime" />

</InsertParameters>

<UpdateParameters>

<asp:Parameter Name="LoginId" Type="String" />

<asp:Parameter Name="LoginPwd" Type="String" />

<asp:Parameter Name="UserStateId" Type="Int32" />

<asp:Parameter Name="TeacherName" Type="String" />

<asp:Parameter Name="Sex" Type="String" />

<asp:Parameter Name="Birthday" Type="DateTime" />

<asp:Parameter Name="TeacherID" Type="Int32" />

</UpdateParameters>

<DeleteParameters>

<asp:Parameter Name="TeacherID" Type="Int32" />

</DeleteParameters>

</asp:SqlDataSource>

阶段5：显示考试管理系统中所有考试科目的信息。

需求说明

(1)在阶段4的考试管理系统中，教师要查看学校的所有考试科目及其适用的年级。

(2)数据分页显示，并且表头显示为中文。

(3)表格的自动套用格式为“大洋洲”。

(4)输出的效果如图1.5所示。

图1.5阶段5的输出结果

提示

(1)把Subject表把入页面．

(2)单击Gridview控件的智能标记，在现实的“GridView任务”对话框中进行相应的设置。

第三部分 作业

1．在IIS中创建名称为Exercise的虚拟目录。

提示

在“访问权限”对话框中一定要选取“读取”和“运行脚本”两种权限，其他权限可以根据需要进行选取．

2.某公司要创建一个“在线新闻发布系统”，要求能输入新闻标题和新闻内容，提取系统时间显示在“发布时间”标签中，系统能对文本框进行验证，如果输入信息无误，

信息提交之后系统会显示“新闻提交成功，欢迎再次提交！”，单击“重置”按钮可以清除已经选择和输入的内容。

输出的效果如图1.6所示。

图1.6页面输出结果

提示

(1)提取系统时间用DateTime.Now.ToShortDateString().

(2)新闻内容的TextMode选择MultiLine.

3．在阶段4的考试管理系统中，系统管理员要查看该校一共有多少班级和该班级所在的年级ID，请编写程序实现。

输出的效果如图1.7所示。

图1.7页面输出结果

提示

(1) 班级表为MySchool数据库中的Class.

(2) 单机GridView的智能标记，在GridView中进行设置。