留言板进行设计.docx

留言板进行设计.docx

《留言板进行设计.docx》由会员分享，可在线阅读，更多相关《留言板进行设计.docx（14页珍藏版）》请在冰豆网上搜索。

留言板进行设计

目录

1.任务目的1

2.任务目标2

3.任务实现3

3.1留言板的页面3

3.2留言分页显示的制作4

3.3多栏分页效果的实现5

3.4头像的添加和显示6

3.5显示带有头像的留言7

3.6管理员登录页面的设计8

3.7留言管理页的建立9

3.8删除指定留言10

3.9回复留言11

4.心得体会13

上机报告

1.任务目的

此次的任务是商城留言板的制作，学习制作留言板，将会综合使用前面介绍的知识和技术，对加深理解前面的知识大有帮助。

主要是熟练掌握数据操作类的应用，自定义分页技术，图像上传和管理，字符过滤技术。

2.任务目标

目标是对商城用户的留言板进行设计，主要的基本功能是：

添加留言、显示留言、以及管理留言。

3.任务实现

3.1留言板的页面

（1）设计一个简单的留言界面，在此留言界面中，留言者可以填写姓名和留言内容，并提交到数据库，通过单击“查看留言”链接显示所有留言内容。

（2）效果图如图所示：

图1

（3）单击“发表留言”生成的代码：

protectedvoidButton1_Click（objectsender,EventArgse）

{

stringstrContent=Server.HtmlEncode（TextBox2.Text）;

strContent=strContent.Replace（"\r\n","
"）;

strContent=strContent.Replace（"'","'"）;

strContent=strContent.Replace（""," "）;

stringstrTitle=Server.HtmlEncode（TextBox1.Text）;

strTitle=strTitle.Replace（"\r\n","
"）;

strTitle=strTitle.Replace（"'","'"）;

strTitle=strTitle.Replace（""," "）;

stringstrSQL="insertintolyb（留言者,正文,时间,头像）values（'"+strTitle+"','"+strContent+"','"+DateTime.Now+"','"+DropDownList1.SelectedValue.ToString（）+"'）";

if（DbManger.ExecuteNonQuery（strSQL）>0）

{

Response.Write（""）;

Response.Write（""）;

}

else

Response.Write（""）;

}

3.2留言分页显示的制作

（1）新建一个Web用户控件fenye1，拖曳4个LinkButton和1个Label、1个TextBox，1个Repeater控件、1个Pannel到fenye1的页面中。

（2）效果如图所示：

图2

（3）设计完界面后，生成的代码应具有添加留言和分页显示留言的功能，单击“转到”按钮生成的代码如下：

protectedvoidButton1_Click（objectsender,EventArgse）

{

intiCurpage=1;

if（txtGoPage.Text!

=""）

iCurpage=Convert.ToInt32（txtGoPage.Text）;

Response.Redirect（Request.FilePath+"?

page="+iCurpage）;

}

protectedvoidButton2_Click（objectsender,EventArgse）

{

intiCurpage=1;

if（txtGoPage.Text!

=""）

iCurpage=Convert.ToInt32（txtGoPage.Text）;

Response.Redirect（"add2.aspx"）;

}

3.3多栏分页效果的实现

（1）使用DataList控件和自定义分页技术可以实现多栏显示果，同时使用分页技的术，即可实现分多栏显示数据库中的字段，产生类似于Word中分栏效果。

将fenye1.ascx复制并粘贴到根文件夹，得到”复件fenye1.ascx”，重命名为“fenYeDataList.ascx”。

（2）显示的效果如图：

图3

（3）fenYeDataList.ascx的源代码如下：

3.4头像的添加和显示

（1）添加留言时添加头像，并在显示页面中显示头像。

（2）最终生成的效果为：

图4

（3）单击“发表留言”生成的代码：

protectedvoidButton1_Click（objectsender,EventArgse）

{

stringstrContent=Server.HtmlEncode（TextBox2.Text）;

strContent=strContent.Replace（"\r\n","
"）;

strContent=strContent.Replace（"'","'"）;

strContent=strContent.Replace（""," "）;

stringstrTitle=Server.HtmlEncode（TextBox1.Text）;

strTitle=strTitle.Replace（"\r\n","
"）;

strTitle=strTitle.Replace（"'","'"）;

strTitle=strTitle.Replace（""," "）;

stringstrSQL="insertintolyb（留言者,正文,时间,头像）values（'"+strTitle+"','"+strContent+"','"+DateTime.Now+"','"+DropDownList1.SelectedValue.ToString（）+"'）";

if（DbManger.ExecuteNonQuery（strSQL）>0）

{

Response.Write（""）;

Response.Write（""）;

}

else

Response.Write（""）;

}

3.5显示带有头像的留言

（1）在显示留言界面显示留言内容，并将留言时加入的头像显示出来。

（2）将fenye1.ascx复制并粘贴到根文件夹，得到”复件fenye1.ascx”，重命名为“fenye2.ascx”，新建窗体文件show2.aspx，将fenye2.ascx拖曳到该窗体文件中。

修改fenye2.ascx中的代码：

.jpg"alt="">

<%#Eval（"留言者"）%>

在<%#Eval（"时间"）%>留言

<%#Eval（"正文"）%>

#ff0033">

<%#Eval（"回复","

管理员回复:

{0}

id=<%#Eval（"id"）%>">回复

id=<%#Eval（"id"）%>">删除

.jpg"alt="">

<%#Eval（"留言者"）%>

在<%#Eval（"时间"）%>留言

<%#Eval（"正文"）%>

#ff0033">

<%#Eval（"回复","

管理员回复:

{0}

id=<%#Eval（"id"）%>">回复

id=<%#Eval（"id"）%>">删除

3.6管理员登录页面的设计

（1）设计管理员登录页面，其中用户名和密码是存储在数据库中的用户表中，考虑到安全问题，在登录时要输入随机生成的验证码。

CheckCode.aspx是一个专门用于生成验证码的文件，只要将HTML图像控件的Src属性设置为CheckCode.aspx，即可将生成的验证码显示在图像控件上。

（2）效果如图：

图5

（3）“登录”按钮生成的事件代码：

protectedvoidButton1_Click（objectsender,EventArgse）

{

if（TextBox3.Text!

=Request.Cookies["CheckCode"].Value.ToString（））

Response.Write（""）;

else

{

stringstrSQL="SELECT*FROMadminWHERE用户名='"+TextBox1.Text+"'and密码='"+TextBox2.Text+"'";

if（DbManger.ExecuteQuery（strSQL）.Rows.Count>0）

{

Session["pass"]=1;

Response.Redirect（"Manger.aspx"）;

}

else

Response.Write（""）;

}

}

3.7留言管理页的建立

（1）建立留言管理页，在此管理页中管理员可以查看自己已有的留言，并可以回复和删除指定留言。

将fenye2.ascx复制并粘贴到根文件夹，得到”复件fenye2.ascx”，重命名为“fenye3.ascx”，新建窗体文件Manger.aspx，将fenye3.ascx拖曳到该窗体文件中。

（2）效果图如下：

图6

3.8删除指定留言

（1）在管理页中点击某条留言对应的“删除”超链接，删除该留言，并给出删除成功的提示。

（2）效果如图：

图7

（3）转入del.aspx.cs编辑页面，在其中输入如下代码：

protectedvoidPage_Load（objectsender,EventArgse）

{

if（Convert.ToInt16（Session["pass"]）!

=1）

{

Response.Write（""）;

Response.Write（""）;

}

else

{

stringstrSQL="deletefromlybwhereid="+Convert.ToInt32（Request.QueryString["id"]）;

if（DbManger.ExecuteNonQuery（strSQL）>0）

{

Response.Write（""）;

Response.Write（""）;

}

}

}

3.9回复留言

（1）建立一个回复网页，在此页中能够实现原始留言的显示，并能回复此留言。

（2）效果如如图：

图8

（3）单击“回复留言”的代码为：

protectedvoidButton1_Click（objectsender,EventArgse）

{

stringstrContent=Server.HtmlEncode（TextBox1.Text）;

strContent=strContent.Replace（"\r\n","
"）;

strContent=strContent.Replace（"'","''"）;

strContent=strContent.Replace（""," "）;

stringstrSQL="UPDATElybSET回复='"+strContent+"'WHEREid="+Convert.ToInt32（Request.QueryString["id"]）;

if（DbManger.ExecuteNonQuery（strSQL）>0）

Response.Write（""）;

else

Response.Write（""）;

}

（4）最终完成后生成的界面如图:

图9

4.心得体会

本任务以一个留言板为项目，介绍了数据库操作类结合前面的基础知识实现添加留言、分页显示留言、管理员登录、删除留言、回复留言等功能，其中还介绍了图像的存储、显示及验证码的调用与比较，对于我们初学者来说，是一个较好的练习项目，并且能在此基础上也可以实现一些常见的项目设计。