《.NET实例开发》
实验指导书
山东建筑大学计算机学院 软件教研室
2013年2月
实验1 .NET三层架构初级编程
一．实验目的
1.熟悉和掌握ASP.NET网站开发中的操作步骤。
2.熟悉和掌握基于.NET最简三层架构的网站的开发方法和步骤。
二．实验内容
设计并实现一个基于最简三层架构的标题为“C#学习网”的网站的登录页面login.aspx，效果图如1-1所示，若输入正确的用户名和密码，单击“登录”按钮，则提示“登录失败，无此用户名或密码不正确！”，若输入不正确的用户名和密码，单击“登录”按钮，则提示“登录成功！”。
图1-1 登录页面效果
三．实验步骤
1.剪切图片素材
在设计页面之前，首先根据效果图分析得到框架结构代码，并利用PhotoShop工具，剪切下需要的图片，并保存（本实验已提供了这些图片）。 2.创建ASP.NET网站。
启动Visual Studio 2008，点击“文件”菜单中的子菜单“新建”，在级联菜单中点击“ASP.NET网站”，如图1-2，在的“新建网站”对话框中，默认选择“ASP.NET网站”模板，文件默认选择“文件系统”，语言选择“Visual C#”，然后单击“浏览”按钮打开“选择位置”对话框为网站选择一个合适的位置，单击“打开”按钮，返回“新建网站”对话框。在刚刚选择的文件路径后面输入网站名“CSharpStudy”，然后单击“确定”按钮，这样就完成新建了一个名为“CSharpStudy”的ASP.NET网站,该网站的有一个项目，项目名也默认为“CSharpStudy”，不可修改。 3.添加图片素材。
右单击项目名“CSharpStudy”，在打开的快捷菜单中选择“新建文件夹”选项，添加一个名为“images”的文件夹，通过添加现有项的方法将本实验提供的图片素材添加到网站的images文件中。
1
图1-2 新建网站
4.创建数据库和数据库表
完成“CSharpStudy”中的登录页面，只用到了一个表——userlogin表，用于保存用户的基本信息，下面给出创建Server SQL 2005 Express数据库“webdevelop”和数据库表userlogin表的步骤。
首先在“CSharpStudy”网站中，右单击App_Data文件夹，打开快捷菜单，单击“添加新项”，打开“添加新项”对话框，如图1-3所示，默认选择“SQL Server数据库”模板，在名称输入框中输入“webdevelop.mdf”,单击“添加”按钮，完成Server SQL 2005 Express数据库“webdevelop”的创建。
双击“webdevelop.mdf”，如图1-4所示，在左侧的“服务器管理器”中打开数据库“webdevelop”,右单击“webdevelop.mdf”中的“表”节点，单击“添加新表”选项，然后按照图1-5的表结构创建userlogin表。
图1-3 App_Data文件夹中的添加新项对话框
2
图1-4 服务器管理器中的“webdevelop“数据库
图1-5 userlogin表结构
5.在配置文件中添加数据库连接字符串
在Web.Config文件中的
6.在数据库中创建用于验证用户的存储过程
双击“webdevelop.mdf”，如图1-4所示，在左侧的“服务器管理器”中打开数据库“webdevelop”,右单击“webdevelop.mdf”中的“存储过程”节点，打开快捷菜单，单击“添加新存储过程”选项，在打开的编辑器中创建存储过程Proc_UserExists，如下： CREATE proc Proc_UserExists (
@UserName nvarchar(30), @UserPwd varchar(20) ) as
if exists(select * from userlogin where username =@UserName and userpwd =@UserPwd) return 100 else
return -100
3
7.添加App_Code文件夹，创建相关类文件
图1-6所示，右单击解决方案“CSharpStudy”的项目名“CSharpStudy”，打开快捷菜单，单击“添加ASP.NET文件夹”菜单项，在级联菜单中单击选择“App_Code”菜单项，从而添加存放项目业务逻辑层类文件的文件夹App_Code。在Web页面后窗口文件中调用App_Code文件夹中的类文件中的类，不必先添加对其命名空间的引用，直接使用即可，因为系统会自动到App_Code文件夹中搜索并调用该类。
图1-6 创建App_Code文件夹
右单击App_Code文件夹，打开快捷菜单，选择“添加新项”选项，打开如图1-7所示的“添加新项”对话框，单击选择“类”模板，然后在名称输入框中输入类文件名DBClass.cs，单击“添加”按钮，完成类文件DBClass.cs的创建，使用同样的方法完成类文件UserInfoClass.cs的添加。
图1-7 App_Code文件夹中的“添加新项”对话框
4