图1-14 新闻内容页面效果
五．实验体会：
10
实验2 .NET三层架构高级编程（1）
一．实验目的
1.熟悉和掌握ASP.NET网站开发中的操作步骤。
2.熟悉和掌握基于.NET简单三层架构的网站的开发方法和步骤。
二．实验内容
设计并实现一个基于简单三层架构的标题为“C#学习网”的网站的登录页面login.aspx，效果图如2-1所示（与图1-1相同），若输入正确的用户名和密码，单击“登录”按钮，则提示“登录失败，无此用户名或密码不正确！”，若输入不正确的用户名和密码，单击“登录”按钮，则提示“登录成功！”。
图2-1 登录页面效果
三．实验步骤
1.剪切并保存图片素材
在设计页面之前，首先根据效果图分析得到框架结构代码，并利用PhotoShop工具，剪切下需要的图片，并保存（也可以直接使用实验1中已准备好的图片素材）。 2.创建ASP.NET Web应用程序
启动Visual Studio 2008，单击主菜单项“新建”，在下拉菜单中单击“项目”菜单项，打开“新建项目”对话框（如图2-2所示），先单击选择左侧项目类型中的“Visual C#”节点，然后选择右侧模板列表框中的“ASP.NET Web应用程序”模板，在“名称”输入框输入“Web”，在解决方案输入框中输入“CSharpStudy”，单击“浏览”按钮，在打开的“选择位置”对话框中选择本网站将要保存的位置，最后单击“确定”按钮，完成名为“CSharpStudy”的ASP.NET Web 应用程序的创建。 3.添加图片素材
在创建的Web项目新建一个名为images的文件夹，通过添加现有项的方法将步骤中已准备好的图片素材添加到网站的images文件中。
11
图2-2 新建项目对话框
4.添加类库项目MODEL、DBHelper、DAL和BLL
如图2-3所示，右单击“CSharpStudy”解决方案，打开快捷菜单，选择“添加”菜单项，在级联菜单中选择“新建项目”，打开“添加新项目”对话框（如图2-4所示），先单击左侧的“项目类型”视图中的“Visual C#”节点，然后在右侧的“模板”列表中选择“类库”模板，再在名称输入框中输入类库项目名称“MODEL”，位置输入框中的内容默认即可。最后单击“确定”按钮，就此完成类库项目“MODEL”的项目的创建，在“解决方案资源管理器”中双击“MODEL”项目，可看到该项目中有自动生成的类文件Class1.cs，将其删除。
使用同上的方法，再分别添加名为“DBHelp”的类库项目、名为“DAL”的类库项目和名为“BLL”的类库项目，并分别删除各类库项目自动生成的类文件Class1.cs。
图2-3 添加新项目
12
图2-4 添加新项目对话框
5.创建数据库和数据库表
按照实验1中所述的方法在Web项目中创建Server SQL 2005 Express数据库“webdevelop”和数据库表userlogin表。
6.在配置文件中添加数据库连接字符串
在Web项目的Web.Config文件中的配置节内添加一个连接“webdevelop”数据库的连接字符串，如下：
注：
配置节还可以设置其他用途的键值对，功能比
右单击“MODEL”项目，在打开的快捷菜单中，单击“添加”菜单项，在级联菜单中单击选择“新
建项”菜单项，打开“添加新项”对话框（如图2-5所示），先单击左侧的“类别”视图中的“代码”节点，再在右侧的“模板”列表框中单击选择“类”模板，再在名称输入框中输入类库文件名“users.cs”,最后单击“添加”按钮，完成MODEL项目中users.cs的创建。
使用同上的方法，在“DBHelper”项目中添加类文件SQLDBHelper.cs，在“DAL”项目中添加类
文件usersDAL.cs，在“BLL”项目中添加类文件usersBLL.cs。
13
图2-5 添加新项对话框
8.为DAL项目、BLL项目和Web项目添加所需的引用
为了使DAL项目可以访问到MODEL类库项目和DBHelper类库项目中的类，需要为DAL项目添加对
MODEL项目和DBHelper项目的引用，步骤如下：右单击DAL项目中的“引用”文件夹，选择“添加引用”菜单项，打开如图2-6所示的“添加引用”对话框，单击“项目”选项卡，单击选择“DBHelper”项目，再单击“确定”按钮，完成对DBHelper项目的引用（等同于对DBHelper项目编译生成的组件（dll）的引用，该dll组件编译后自动生成在项目文件夹下的子文件夹bin\\Debug中）。使用同上的方法继续分别完成DAL项目对MODEL项目的引用、Web项目对BLL项目和MODEL项目的引用以及BLL项目对DAL项目和MODEL项目的引用。
图 2-6 添加引用对话框
14