留言板设计案例教程

留言板设计案例教程
1. 要求：设计一个简易的留言板，从数据库中读取数据，显示在页面上。有登陆页面，有
简单的注册和登录功能，使用用户名登录之后，可以以发贴人栏中显示用户名。
2. 案例分析
登录页面：

留言板页面：
3. 数据分析
需要二个表：用户表和存放留言板数据的表

【步骤】
1. 新建文件夹，取名BBS。
2. 启动visual studio 2008（2010），新建网站，指定语言为C#，网站的地址为刚刚新建的
“BBS”文件夹。
3. 回到文件夹窗口，打开BBS文件夹，在文件夹窗口，“工具”——“文件夹选项”——
“查看”选项卡中，将“使用简单文件共享”的对号去掉。

４在“BBS”文件夹中系统自动生成的“App_Data”文件夹上单击右键，选择“属性”命令，
在弹出的对话框中选择“安全”选项卡。（如果不做步骤3，只有四个选项，是没有这个安
全选项的。）选中USER，在下面给予其所有权限。
（步骤3，4，是为了给予存放数据库的文件夹“App_Data”权限，让普通用户也可以对数
据表进行读写等操作。否则，无法完成数据库的UPDATE,INSERT,DELETE等操作）

4. 启动ACCESS2003，新建一个数据库Stud.mdb，保存在文件夹“App_Data”。在其中新
建两个表，user和BBS。用来存放用户数据和BBS的发贴记录和内容。表结构如下。

5. 回到visual studio 2008（2010），新建文件，在对话框中，输入文件名index.aspx、语言
的类型C#，以及是否是“将代码放在单独文件中”的选项，如果不选中此项，则代码
和页面内容在一个文件中，是单文件模式，如果选中此项，代码将会存放在与新建文件
同名的CS文件中，是代码隐藏模式。(此例中，我们采用单文件模式，大家完成时，可
根据情况选择单文件模式和代码隐藏模式。)
6. 在新建的index.aspx文件中，切换到“设计”视图，从工具箱中，拖动两个“文本框”
textbox1和textbox2,和两个按钮botton1和botton1。其中textbox2的TextMode属性设为
“password”.botton1的text属性设为“登录”，botton2的text属性设为“注册”。（因为
设计的是一个简易留言板，所以没有用表格和样式表美化页面。如果进行设计，可以先
使用DREAMWEAVER中进行外观设计，然后在FORM标记中加上 runat=”server”）
7. 双击登录按钮，进入Button1_Click事件。在其中添加如下代码：
string mystr;
OleDbConnection myconn = new OleDbConnection();
mystr = "Provider = Microsoft.Jet.OLEDB.4.0;" +
"Data Source =" + Server.MapPath("~\\App_data\\Stud.mdb");
myconn.ConnectionString = mystr;
myconn.Open();
OleDbCommand cmd = new OleDbCommand();
cmd.CommandText= "select count(*) from [user] where use_name=@uid and
passw=@pwd ";

cmd.Parameters.Add("@uid", OleDbType.VarChar, 5).Value = TextBox1.Text; //设置参
数值
cmd.Parameters.Add("@pwd", OleDbType.VarChar, 5).Value = TextBox2.Text; //设置
参数值
cmd.Connection = myconn;
int count=(int)cmd.ExecuteScalar();
if(count==1)
{ Session["name"] = TextBox1.Text;
Response.Redirect("BBS.aspx");}
else
{ Response.Redirect("index.aspx"); }

myconn.Close();
}

(注：以上代码使用了command对象的参数子对象，来从页面的表单控件上接受数据，
防止恶意注入)
8. 因为在代码中，使用了ADO.NET组件，所以必须导入相应的名称空间。
如果是单文件模式，必须在文件开始处，添加
<%@ Import Namespace="System.Data.OleDb" %>
<%@ Import Namespace="System.Data" %>
如果是代码隐藏模式，必须在文件开始处，添加
using ystem.Data.OleDb;
using System.Data;
9. 双击“注册”按钮，进入Button2Click事件。在其中添加如下代码：
Response.Redirect("iadd.aspx");

10. 保存文件。
11. 新建文件add.aspx，过程参见步骤5. 再参照步骤8，导入相应的名称空间。
12．设计如下的界面。，textbox2的TextMode属性设为“password”

12. 双击“注册页面”，进行代码编辑状态，在Button1_Click事件中输入代码：
string mystr;
OleDbConnection myconn = new OleDbConnection();
mystr = "Provider = Microsoft.Jet.OLEDB.4.0;" +
"Data Source =" + Server.MapPath("~\\App_data\\Stud.mdb");
myconn.ConnectionString = mystr;
myconn.Open();
string sql = "insert into [user] values('" + TextBox1.Text + "','" + TextBox2.Text +
"')";
OleDbCommand mycmd = new OleDbCommand();
mycmd.CommandText = sql;

mycmd.Connection = myconn;
bool dd = true;
try
{
mycmd.ExecuteNonQuery();
}
catch
{
dd = false;
}
finally
{
mycmd.Dispose();
myconn.Close();
myconn.Dispose();
}
if (dd)
{
Response.Redirect("index.aspx");
}

（注： 此处将对数据库的操作放到了TRY块中，避免了因为程序错误对数据的误操作。）
13. 新建文件BBS.aspx，方法同步骤5.参照步骤8，导入相应的名称空间。
14. 切换到“设计”视图，将控件GridView1拖动进页面，再拖动一个label，一个文框和一
个按钮。
15. 双击“发表”按钮，进行代码编辑状态，在Button1_Click事件中输入代码：
16. 保存文件。
17. 将index.aspx设置为起始页（在“解决方案资源管理器”中右击index.aspx,在弹出的快
捷菜单中，选择“设置为起始页”）。F5.启动调试。