留言板进行设计.docx
- 文档编号:29520193
- 上传时间:2023-07-24
- 格式:DOCX
- 页数:14
- 大小:180.69KB
留言板进行设计.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的源代码如下:
DataListID="DataList1"runat="server"GridLines="Both"HorizontalAlign="Center"RepeatColumns="3"RepeatDirection="Horizontal" Font-Bold="false"Font-Italic="false"Font-Overline="false"Font-Strikeout="false"Font-Underline="false"> <%#Eval("id")%> <%#Eval("留言者")%> <%#Eval("时间")%>
DataList>
PanelID="Panel1"runat="server"Height="70px"Width="731px"> LabelID="lblTotal"runat="server"Text="Label"> Label> HyperLinkID="hlFirst"runat="server">首页 HyperLink> HyperLinkID="hlpre"runat="server">上一页 HyperLink> HyperLinkID="hlNext"runat="server">下一页 HyperLink> HyperLinkID="hlLast"runat="server">末页 HyperLink> 第 TextBoxID="txtGoPage"runat="server"Width="40px"> TextBox>页 ButtonID="Button1"runat="server"OnClick="Button1_Click"Text="转到"/> Panel>
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中的代码:
<%#Eval("留言者")%>
在<%#Eval("时间")%>留言
<%#Eval("正文")%>
#ff0033"> <%#Eval("回复"," 管理员回复: {0}
id=<%#Eval("id")%>">回复 id=<%#Eval("id")%>">删除 <%#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.心得体会 本任务以一个留言板为项目,介绍了数据库操作类结合前面的基础知识实现添加留言、分页显示留言、管理员登录、删除留言、回复留言等功能,其中还介绍了图像的存储、显示及验证码的调用与比较,对于我们初学者来说,是一个较好的练习项目,并且能在此基础上也可以实现一些常见的项目设计。
");
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 留言板 进行 设计