1、ASP.NET 程序设计实验指导书1目 录第 2 篇 ASP.NET 3.5 综合实例 BBS 论坛系统 2一、系统概述 .2二、设计前的准备 .3三、数据库设计 .5四、设计实体 (Model) 层 .7五、设计数据访问 (DAL) 层 .13六、设计业务逻辑 (BLL) 层 .41七、主要功能界面 (WebUI 层)的实现 .45八、系统运行效果 .132ASP.NET 程序设计实验指导书2第 2 篇 ASP.NET 3.5 综合实例BBS 论坛系统一、系统概述网络论坛系统为用户提供了一个发布信息和讨论问题的平台，是访问者进行信息交流的主要方式。本次实验将介绍如何使用 Visual Stu
2、dio 2008 开发一个简洁、实用的小型网络论坛系统。通过该实例，可以使读者快速掌握 Web 编程及数据库编程的基本技能，理解网站开发的实现过程。1.1 学习目标 理解 ASP.NET 多层架构应用程序的概念。 掌握第三方组件 FreeTextBox 的使用方法。 掌握在 Web.Config 文件中配置相关信息的方法。 熟练掌握使用 Web 应用程序操纵 SQL Server 数据库的技术。 掌握论坛中浏览帖子、回复帖子、发表帖子、版块管理等模块的制作过程。1.2 开发软件Visual Studio 2008 + SQL Server 20051.3 项目任务和范围 搭建多层架构设计 BB
3、S 论坛，创建解决方案，创建 Model 层、DAL 层、BLL 层、WebUI 层。 在 Model 层中，创建实体类，如 Module 类（版块类） 、Post 类（帖子类）和 Revert 类（回复信息类） ，等等。 在 DAL 层中，创建 5 个类，它们分别是 SQLHelper 类、 PostDAL 类、UserDAL 类、ModuleDAL类和 RevertDAL 类。 在 BLL 层中，创建 4 个类，如 UserBLL 类、PostBLL 类、ReplayBLL 类和 ModuleBLL 类。 在 WebUI 层中，设计论坛的各个页面。1.3 设计思路本章要实现的论坛系统主要包
4、括如下功能： 用户管理：主要为用户提供用户注册、登录、修改个人信息等功能。用户有三种级别，分别是游客、会员和管理员，其中会员又分为版主和普通用户，具有管理员权限的用户可以增加用户、删除用户和修改用户的信息，游客只能浏览帖子，注册用户即会员可以发表话题和对其他帖子进行回复。 帖子管理：提供发表帖子、回复帖子、删除帖子和浏览帖子的功能。注册用户可以发表帖子表达自己的看法，发帖要求用户指定帖子标题，用户也可以对已发表的帖子表达自己不同的看法，参与讨论。帖子的发表和回复是论坛的主要功能，所有用户均具有此权限，而帖子的删除需要由系统的版主和管理员来完成。 版块管理：版块管理主要是将帖子进行分类，讨论相同
5、话题的帖子放在一个版块中，这样可以使得对某一个话题感兴趣的用户不会受到其他帖子的干扰，有利于相同兴趣的用户相互讨论。管理员具有增加版块、删除版块和修改版块的权限。ASP.NET 程序设计实验指导书3三、数据库设计论坛系统中主要的数据表有用户信息表、帖子信息表、回帖信息表和版块信息表。数据库名：BBSDB。（1）tbUser（用户信息表）：用来存储注册用户的基本信息，表结构如表 1 所示。表 1 tbUser列名 数据类型 长度 小数位 标识 主键 外键 允许空 默认值 说明userID int 4 0 是 是 否 用户 IDuserName varchar 50 0 是 用户名userPswd
6、 varchar 50 0 是 密码userSex char 10 0 是 性别userAge int 4 0 是 年龄userEmail varchar 50 0 是 Email 地址userAddress varchar 50 0 是 详细地址userRole varchar 50 0 是 角色userPhoto varchar 50 0 是 头像图片（2）tbPost （帖子信息表）：帖子信息表用来存储发布帖子的详细信息，表结构如表 2 所示。表 2 tbPost列名 数据类型 长度 小数位 标识 主键 外键 允许空 默认值 说明postID int 4 0 是 是 否 帖子编号post
7、Title varchar 50 0 否 帖子标题postContent varchar 1000 0 是 帖子内容userID int 4 0 是 用户 IDpostDate datetime 是 发帖时间moduleID int 4 0 是 对应的版块 ID（3）tbRevert（回帖信息表）：用来存储对某个帖子的回帖信息，表结构如表 3 所示。表 3 tbRevert列名 数据类型 长度 小数位 标识 主键 外键 允许空 默认值 说明revertID int 4 0 是 是 否 回帖编号revertTitle varchar 50 0 是 回帖标题revertContent varcha
8、r 1000 0 是 回帖内容userID int 4 0 是 用户 IDrevertDate datetime 是 回帖时间postID int 4 0 是 帖子编号（4）tbModule（版块信息表）：用来存储论坛中所包含的版块信息，表结构如表 4 所示。ASP.NET 程序设计实验指导书4表 4 tbModule列名 数据类型 长度 小数位 标识 主键 外键 允许空 默认值 说明moduleID int 4 0 是 是 否 版块编号moduleName varchar 50 0 否 版块名称buildDate datetime 8 3 是 创建时间moduleIntro varchar
9、100 0 是 版块介绍二、设计前的准备在论坛系统主要用到的关键技术有两点，一个是引入第三方组件 FreeTextBox，还有一个是多层架构的开发思想，在设计论坛系统之前，先对这两点进行介绍。2.1 引入第三方组件 FreeTextBox在实现论坛功能的过程中，发表帖子和回复帖子，若要对帖子的内容进行一些修饰，如改变字体大小，颜色，添加背景等，这些功能如果用.NET 的控件来实现比较复杂，故可以引用第三方组件FreeTextBox 来完成，FreeTextBox 控件是一个在线编辑器，可以对文字以及图片内容进行处理，读者可以从微软网站下载此组件。使用第三方组件的具体步骤如下：（1）打开 Vis
10、ual Studio 2008 开发环境，新建一个网站 ch13_Test，在解决方案资源管理器中，右击该站点，在弹出的快捷菜单中选择【添加引用】命令，在弹出的对话框中选择【浏览】选项卡，在【查找范围】中找到下载的 FreeTextBox 组件所在的位置， FreeTextBox 3.0 以上版本均支持内部模式，即图片资源和 javascript 都集成在 dll 中，故找到 FreeTextBox.dll 文件的位置，一般在“FTBv3-1-1Framework-4-0”文件夹下，如图 1 所示。图 1“添加引用”（2）单击【确定】按钮，系统将自动创建 Bin 文件夹，并将组件存放到该文件夹
11、中。将下载的FreeTextBox 组件中的 aspnet_client 文件夹复制到该站点下。（3）向页面中添加此组件。首先要注册该组件，在页面 HTML 源码的顶部添加注册代码，代码如下：ASP.NET 程序设计实验指导书5在页面中适当的位置添加 FreeTextBox 组件，代码如下：（4）设置 FreeTextBox 组件的属性。回到设计视图，选中 FreeTextBox 组件，设置该组件的各属性，如设置其高度 Height 属性和宽度 Width 属性。（5）打开 Web.config 文件，在 System.Web 节点下添加。 ，如图 2 所示。图 2 配置 Web.config
12、 文件（6）测试 FreeTextBox 组件。在页面中添加一个 Button 控件和一个 Label 控件用来测试FreeTextBox 控件，双击 Button 按钮，编写其 Click 事件的处理代码如下：protected void Button1_Click(object sender, EventArgs e)Label1.Text = FreeTextBox1.Text;（7）保存文件，运行程序，在 FreeTextBox 组件内输入内容，改变文字的大小，颜色等，单击【提交】按钮。2.2 多层架构设计多层式运行架构（n-tiers 结构，N 层结构）是相对于两层结构而言的。传统的
13、项目一般是UI、BLL 和 DAL 三层，即表示层，逻辑层和数据层。随着需求的增大，为了安全有效地在各层间进行数据传输又出现了 Model 即实体层，用来保存传输的数据。事实上，现今的多层结构设计并不局限于这三层。多层结构从逻辑上相互独立，某一层的变动通常不影响其他层，具有很高的可重用性。多层架构实际是将以前系统中的显示功能、业务运算功能和数据库功能完全分开，杜绝彼此的耦合与影响，从而实现松耦合和良好的可维护性。主要的几层分别用来实现不同的功能。（1）业务逻辑层(Business Logic Layer，BLL)：主要是针对具体的问题的操作，也可以理解成对数据层的操作，对数据业务逻辑进行处理。
14、如果说数据层是积木，那么逻辑层就是对这些积木的搭建。（2）数据访问层(Data Access Layers，DAL)：主要是对原始数据（数据库或者文本文件等存放数据的形式）的操作层，而不是指原始数据，也就是说，数据访问层是对数据的操作，而不是数据库，主要用途是为业务逻辑层或表示层提供数据服务。业务逻辑层在数据访问层之上，即 BLL 调用 DALASP.NET 程序设计实验指导书6的类和对象，DAL 访问数据并将其结果转给 BLL。（3）表现层(WebUI) ：在 ASP.NET 中，该层主要包括 aspx 页面、用户控件以及某些与安全相关的类和对象。（4）实体层(Model)：是数据库表的映射
15、。本项目的文件组织如图 3 所示。图 3 BBS 论坛系统的文件组织实体层中的文件业务逻辑层业务逻辑层中的文件数据访问层数据访问层中的文件实体层表现层发表帖子页面出错页面首页/默认网页权限出错页面登录页面母版页增加版块页面修改版块页面版块管理页面帖子的详细信息页面帖子列表页面用户注册页面回复帖子页面修改用户信息页面用户管理页面验证码生成页面用户控件网页的头部ASP.NET 程序设计实验指导书7四、设计实体 (Model) 层在多层架构设计中，实体层主要用来映射数据库中的数据表，它把数据表中各字段都封装在一个类中。一般地，一个实体类对应一个数据表，实体类中的每个属性对应表中相应的字段。这样做的好
16、处是当数据库中需要修改某个字段时，只需修改实体层的对应属性，对其他层不产生影响。在论坛网站系统中，包含 4 个实体类，它们分别是 User 类（用户信息类） 、Module 类（版块类） 、Post 类（帖子类）和 Revert 类（回复信息类） ，这里以 Module 类为例，其他类请查看源码。设计步骤如下。（1）打开 Visual Studio 工具，选择【文件】【新建】【项目】命令，在弹出的对话框中，选择项目类型为【Visual Studio 解决方案】 ，选择【空白解决方案】 ，将该解决方案命名为“BBS ”，选择保存的位置。（2）单击【确定】按钮，在解决方案资源管理器中，右击【解决方
17、案 BBS】 ，在弹出的快捷菜单中选择【添加】【新建项目】命令，在模板中选择【类库】 ，添加一个新的类库，名称为 Model，位置为该解决方案所在的位置。图 4 创建解决方案（3）单击【确定】按钮，为项目添加 Model 层。继续同样的操作为 BBS 系统添加 DAL 层和BLL 层。（4）在解决方案资源管理器中，右击【解决方案 BBS】 ，在弹出的快捷菜单中选择【添加】【新建网站】命令，命名为 WebUI，单击【确定】按钮。搭建好的多层结构的设计图如图 5 所示。ASP.NET 程序设计实验指导书8图 5 多层架构的基本框架（5）在 Model 层中，将默认添加的 Class1.cs 文件名
18、修改为 Module.cs，在 Module 类中添加于数据表 tbModule 对应的各字段，代码如下：using System;using System.Collections.Generic;using System.Linq;using System.Text;namespace Modelpublic class Moduleprivate int moduleID; /版块 IDpublic int ModuleIDget return moduleID; set moduleID = value; private string moduleName; /版块名称public st
19、ring ModuleNameget return moduleName; set moduleName = value; private string moduleIntro; /版块说明public string ModuleIntroget return moduleIntro; set moduleIntro = value; Module.cs 文件源码ASP.NET 程序设计实验指导书9private DateTime buildDate; /版块创建时间public DateTime BuildDateget return buildDate; set buildDate = v
20、alue; 注意：添加各字段对应的属性有一个比较简单的方法可以利用 Visual Studio 2008 自动产生。方法是将鼠标移到某个字段如“moduleId”上，右击，在弹出的快捷菜单中选择【重构】|【封装字段】命令，单击【确定】按钮并应用，将自动添加属性 ModuleId。（6）在解决方案资源管理器中，右击 Model 层，在弹出的快捷菜单中选择【添加新项】 ，在弹出的对话框中，选择“类”模板，在名称一栏中输入类文件名称：Post.cs。默认情况下，将自动添加Post 类，修改 Post 类的访问属性为“public” ，为 Post 类添加对应的字段和属性。注意，类文件名称和类名称是两
21、个不同的概念，它们可以同名，也可以不同名。同样的方法添加其他的几个实体类，在这里由于篇幅限制，就不再赘述了，代码如下。using System;using System.Collections.Generic;using System.Linq;using System.Text;namespace Modelpublic class Postprivate int postID; /帖子编号public int PostIDget return postID; set postID = value; private string postTitle; /帖子标题public string P
22、ostTitleget return postTitle; set postTitle = value; private string postContent; /帖子内容public string PostContentget return postContent; set postContent = value; Post.cs 文件源码ASP.NET 程序设计实验指导书10private int userID; /用户 IDpublic int UserIDget return userID; set userID = value; private DateTime postDate;
23、/发帖时间public DateTime PostDateget return postDate; set postDate = value; private int moduleID; /发帖版块public int ModuleIDget return moduleID; set moduleID = value; Revert.cs 文件源码如下：using System;using System.Collections.Generic;using System.Linq;using System.Text;namespace Modelpublic class Revertprivat
24、e int revertID; /回帖编号public int RevertIDget return revertID; set revertID = value; private string revertTitle; /回帖标题public string RevertTitleget return revertTitle; set revertTitle = value; private string revertContent; /回帖内容public string RevertContentRevert.cs 文件源码ASP.NET 程序设计实验指导书11get return reve
25、rtContent; set revertContent = value; private int userID; /用户 IDpublic int UserIDget return userID; set userID = value; private DateTime revertDate; /回帖日期public DateTime RevertDateget return revertDate; set revertDate = value; private int postID; /帖子编号public int PostIDget return postID; set postID =
26、 value; using System;using System.Collections.Generic;using System.Linq;using System.Text;namespace Modelpublic class Userprivate int userID; /用户 IDpublic int UserIDget return userID; set userID = value; private string userName; /用户姓名public string UserNameget return userName; set userName = value; U
27、ser.cs 文件源码ASP.NET 程序设计实验指导书12private string userPswd; /用户密码public string UserPswdget return userPswd; set userPswd = value; private string userSex; /用户性别public string UserSexget return userSex; set userSex = value; private int userAge; /用户年龄public int UserAgeget return userAge; set userAge = value;
28、 private string userEmail; /Email 地址public string UserEmailget return userEmail; set userEmail = value; private string userAddress; /用户地址public string UserAddressget return userAddress; set userAddress = value; private string userRole; /用户角色public string UserRoleget return userRole; set userRole = v
29、alue; private string userPhoto; /头像public string UserPhotoget return userPhoto; set userPhoto = value; ASP.NET 程序设计实验指导书13五、设计数据访问 (DAL) 层数据访问层(Data Access Layer，DAL)主要用来执行一些数据库的操作，如连接数据库，对数据实行增加、删除、修改、查询等操作，DAL 层将这些操作封装起来，并将所取得的结果返回给表现层。在论坛网站系统中，共包含 5 个类，它们分别是 SQLHelper 类、PostDAL 类、UserDAL 类、Module
30、DAL 类和 RevertDAL 类。其中 SQLHelper 类用来封装一些常用的数据库操作，其他 4 个类分别用来表示对数据库表的一些基本操作。5.1 SQLHelper 类在 SQLHelper 类中，包含一个 Connection 属性，用来打开数据库的连接；一个 ExcuteCommand()，用来执行非查询的操作；两个 GetDataSet()方法，分别针对有参数和无参数的查询操作。SQLHelper 类包含的成员如图 6 所示。图 6 SQLHelper 类成员1. 设计数据结构首先，将 DAL 层中默认的 Class1.cs 文件重命名为 SQLHelper.cs。SQLHel
31、per 类中需要引用SqlConnection 对象、SqlCommand 对象等，还需要引用配置文件中的字符串，故先导入命名空间System.Data.SqlClient 和 System.Configuration，然后在 SQLHelper 类中定义一个静态的 SqlConnection对象，代码如下：using System;using System.Collections.Generic;using System.Text;using System.Data;using System.Data.SqlClient;using System.Configuration;namespac
32、e DALpublic class SQLHelperpublic static SqlConnection con; / 定义数据库连接对象 ASP.NET 程序设计实验指导书142. 配置 Web.config为了方便数据操作，可以将一些配置参数放在 Web.config 文件中。本系统主要在 Web.config 文件中配置连接数据库的字符串。在 WebUI 层，打开 Web.config 文件，在 Configuration 节点下添加连接字符串，如图 7 所示。图 7 配置数据库连接字符串3. 公共属性 ConnectionSQLHelper 类中的属性 Connection 主要用
33、来建立数据库的连接，需要引用配置文件中Configuration 节点下的连接字符串，因此需要先添加 Configuration 组件文件。在 DAL 层中，右击 【引用】 ，在弹出的快捷菜单中，选择【添加引用】命令，在弹出的对话框的【.NET】选项卡下，找到【System. Configuration】并选中，单击【确定】按钮添加引用。注意：若在【.NET】选项卡下没找到该引用，则通过在弹出对话框的【浏览】选项卡下，找Configuration 组件文件（.dll 文件） ，一般情况下此组件的目录为“C:WINDOWSMicrosoft.NETFrameworkv2.0.50727”。同样的
34、方法将 Model 层中的 Model.dll 组件添加到 DAL 层中，位置在当前项目下的 Model 文件夹中的 Bin 文件夹内。在 SQLHelper 类中，添加属性 Connection，代码如下：/ / 连接数据库/ #region Connection 属性public static SqlConnection Connectiongetstring connectionString = ConfigurationManager.ConnectionStrings“ConStr“.ToString();if (con = null)con = new SqlConnection(
35、connectionString);con.Open();else if (con.State = System.Data.ConnectionState.Broken)con.Close();con.Open();else if (con.State = System.Data.ConnectionState.Closed)ASP.NET 程序设计实验指导书15con.Open();return con;#endregion代码说明：代码中#region 和#endregion 预处理指令是 Visual Studio 代码编辑器的大纲显示功能。主要用途是使得代码结构更加清晰，开发人员在查询
36、代码时可以快速找到需要的代码行。单击左边的“”或“”号可以将在#region 和 #endregion 之间的代码显示或隐藏。 4. 填充数据集的方法 GetDataSet()在论坛系统中有两个重载的 GetDataSet()方法，它们传入的参数有所不同，主要是针对不同的查询。实现代码如下：#region 根据查询条件填充数据 带参数/ / 根据查询条件填充数据/ / SQL 语句/ SQL 参数/ 数据集对象public DataSet GetDataSet(string sqlStr, SqlParameter param)SqlCommand cmd = new SqlCommand(s
37、qlStr, Connection);cmd.Parameters.AddRange(param);DataSet ds = new DataSet();SqlDataAdapter dapt = new SqlDataAdapter(cmd);dapt.Fill(ds);return ds;#endregion#region 根据查询条件填充数据 不带参数/ / 根据查询条件填充数据/ / Sql 语句/ 数据集对象public DataSet GetDataSet(string sqlStr)SqlCommand cmd = new SqlCommand(sqlStr, Connectio
38、n);DataSet ds = new DataSet();SqlDataAdapter dapt = new SqlDataAdapter(cmd);dapt.Fill(ds);ASP.NET 程序设计实验指导书16return ds;#endregion代码说明：这两个方法基本类似，主要的区别是第一个 GetDataSet()方法多了一个 SqlParameter参数，它们都是用来填充数据集对象的。5. 执行命令的方法 ExcuteCommand ()在网站系统中，需要对数据库执行增加、删除、修改的操作，这些操作都将通过 SqlCommand 对象的 ExecuteNonQuery()方法
39、来实现。 ExcuteCommand ()方法的实现代码如下：#region 执行 Excute 命令/ / 执行更新操作（增加、删除、修改）/ / SQL 语句/ bool 型数据public bool ExcuteCommand(string sqlStr)SqlCommand cmd = new SqlCommand(sqlStr, Connection);cmd.ExecuteNonQuery();return true; / / 执行更新操作（增加、删除、修改）/ / SQL 语句/ SQL 参数/ bool 型数据public bool ExcuteCommand(string s
40、qlStr, SqlParameter param)SqlCommand cmd = new SqlCommand(sqlStr, Connection);cmd.Parameters.AddRange(param);cmd.ExecuteNonQuery();return true;#endregion代码说明：ExcuteCommand ()方法的返回值为 bool 数据，表示若执行成功，则返回 true 值，否则返回 false值。完整的 SQLHelper.cs 源码如下：using System;using System.Collections.Generic;using Syste
41、m.Linq;SQLHelper.cs 文件源码ASP.NET 程序设计实验指导书17using System.Text;using System.Data.SqlClient;using System.Configuration;using System.Data;namespace DALpublic class SQLHelperpublic static SqlConnection con; /定义数据库连接对象/ / 连接数据库/ #region Connection 属性public static SqlConnection Connectiongetstring connecti
42、onString = ConfigurationManager.ConnectionStrings“ConStr“.ToString();if (con = null)con = new SqlConnection(connectionString);con.Open();else if (con.State = System.Data.ConnectionState.Broken)con.Close();con.Open();else if (con.State = System.Data.ConnectionState.Closed)con.Open();return con;#endre
43、gion#region 根据查询条件填充数据 带参数/ / 根据查询条件填充数据/ / SQL 语句ASP.NET 程序设计实验指导书18/ SQL 参数/ 数据集对象public DataSet GetDataSet(string sqlStr, SqlParameter param)SqlCommand cmd = new SqlCommand(sqlStr, Connection);cmd.Parameters.AddRange(param);DataSet ds = new DataSet();SqlDataAdapter dapt = new SqlDataAdapter(cmd);
44、dapt.Fill(ds);return ds;#endregion#region 根据查询条件填充数据 不带参数/ / 根据查询条件填充数据/ / Sql 语句/ 数据集对象public DataSet GetDataSet(string sqlStr)SqlCommand cmd = new SqlCommand(sqlStr, Connection);DataSet ds = new DataSet();SqlDataAdapter dapt = new SqlDataAdapter(cmd);dapt.Fill(ds);return ds;#endregion#region 执行 Ex
45、cute 命令/ / 执行更新操作（增加、删除、修改）/ / SQL 语句/ bool 型数据public bool ExcuteCommand(string sqlStr)SqlCommand cmd = new SqlCommand(sqlStr, Connection);cmd.ExecuteNonQuery();return true; / / 执行更新操作（增加、删除、修改）/ / SQL 语句ASP.NET 程序设计实验指导书19/ SQL 参数/ bool 型数据public bool ExcuteCommand(string sqlStr, SqlParameter param
46、)SqlCommand cmd = new SqlCommand(sqlStr, Connection);cmd.Parameters.AddRange(param);cmd.ExecuteNonQuery();return true;#endregion5.2 UserDAL 类在解决方案资源管理器中，右击 DAL 层，在弹出的快捷菜单中选择 【添加】【新建项】命令，在弹出的对话框中，选择类文件，并命名为 UserDAL.cs，将默认的 UserDAL 类的访问修饰符改为public。UserDAL 类主要用来处理在论坛系统中有关用户的操作，如增加用户、删除用户、修改用户资料、查询用户信息等
47、，UserDAL 类包含的成员如图 8 所示。1. 设计数据结构在 UserDAL 中，首先添加对数据实体类的 Model 组件的引用（添加方法参考第 5.1 小节） ，如图9 所示。图 8 UserDAL 类成员 图 9 添加 Model 组件在代码中添加导入组件的语句，以及导入数据库操作类的命名空间，代码如下：using System;using System.Collections.Generic;using System.Linq;using System.Text;using System.Data;using System.Data.SqlClient;ASP.NET 程序设计实验
48、指导书20using Model;namespace DALpublic class UserDAL 2. 添加用户信息的方法 CreateUser()CreateUser()方法主要实现添加用户信息的功能。实现的关键技术是调用 SQLHelper 类中的ExcuteCommand()方法，并传递 SQL 字符串和参数。实现代码如下：#region 添加用户/ / 添加用户/ / 用户 Model/ bool 型数据public bool CreateUser(User user)string strSql = “insert into tbUser(userName,userPswd,userSex,userAge,userEmail,userAddress,userRole,userPhoto) values(userName,userPassword,userSex,userAge,userEma
