《《Dreamweaver 8 & ASP动态网站开发基础与实例》-王爱民-电子教案 chapter 16》由会员分享，可在线阅读，更多相关《《Dreamweaver 8 & ASP动态网站开发基础与实例》-王爱民-电子教案 chapter 16（138页珍藏版）》请在金锄头文库上搜索。
1、,第16章 留言板模块 留言板是动态网站中经常使用的一种信息交流技术,主要用来反馈网站用户的意见和建议.留言板的实现目标不尽相同,但一般都包括写入、查看、管理员登录、回复、删除留言及显示留言者的相关信息等几部分功能.这几项功能在高校动态网站的留言板模块都一一实现了，下面就作一下详细的介绍。,第16章 留言板模块模块,16.1模块流程图设计 16.2 数据库设计 16.3 留言板功能模块的详细设计开发 16.4 小结 16.5 思考与练习,16.1模块流程图设计 用户通过系统主页的登录模块进入留言板的页面，通过点击“签写留言”选项进行留言，留言完毕后就可提交，然后就可在留言板主页面看到自己的留言
2、内容。 而对于管理员来说，想要进行管理就需要先登录，进行身份验证，如果输入信息不对时，系统就会让用户重新输入，只有各项信息相符时，才可以进入管理界面。进入之后，管理员可以通过点击“del”“reply”进行删除与回复，也可以进行系统设置。这里对于普通用户要求注册以及身份验证，即若没有注册为会员，就不能“签写留言”，只能查看留言。,留言板模块的流程图如下:,图16-1留言板模块的流程图,16.2 数据库设计 该留言板创建了三个表。分别是: （1）留言板设置表site_info （2）管理员回复信息表reply （3）用户签写留言信息表 ebook 下面是数据表的具体内容：,16.2.1留言板设置
3、表 该表记录了留言板的相关设置信息，包括留言本网址，留言本标题，站点名称，每页限定的留言个数，留言字数的最大值，公告文字等信息。这些信息除了在表中进行修改,更新外,也可以直接在admin.asp页面中进行设置。表设计结构如表16-1所示。,表16-1 留言板设置表 site_info,16.2.2管理员回复信息表 该表保存管理员回复留言的详细内容，包括回复时间，回复内容等信息。表设计结构如下表16-2留言板管理员回复信息表 reply,16.2.3 用户签写留言信息表 本表保存留言板中普通用户在签写留言时的各项基本数据信息，主要包括昵称，QQ号，主页地址，信箱地址，选择头像，留言内容及留言时间
4、等详细信息。表设计结构如表7-3所示。,表16-3 用户签写留言信息表 ebook,以上三个表就是该留言板用到的所有表,下面我们介绍如何实现留言板的功能. 16.3 留言板功能模块的详细设计开发 16.3.1前台页面模块 1留言板系统模块主界面 本留言板系统模块中，只有注册为会员后才能“签写留言”，否则只能查看。所以当以游客身份（未登陆）进入留言板时，如果点击“签写留言”，则会弹出如图16-2所示的错误提示窗口。,图16-2 错误提示窗口,我们接下来讨论以会员身份登录时的情况。读者从第七章中的系统流程图可以看出，若通过系统主页的登录/注册模块可以进入留言板进行发表帖子。下面我们将详细讲解进入步
5、骤。,首先，打开系统的主页，在登录/注册模块中输入用户名“aaa”和密码“aa”（提示：不要选中“管理员”复选框），如图16-3所示。然后单击“登录”，则界面显示如图16-4所示。,图16-3 登录/注册界面 图16-4 登录成功界面,以会员身份登录成功后，就可以单击主页的“留言板”模块，如图16-5所示。单击后，就能看到留言板系统模块的主界面，如图16-6所示。,图16-5 主页,图16-6留言板系统模块主界面 index.asp,index.asp源代码如下所示： initToolTips(); ,% on error resume next strconn = “select ebook
6、.* from ebook order by id desc“ set rs = server.createobject(“adodb.recordset“) rs.open strconn, conn, 1, 3 dim iadminlogin, rss, sql,if session(“admin“) then iadminlogin = “设置“ else iadminlogin = “管理登录“ end if dim i, ipage, numSize ipage = 0 if rs.pagecount 0 then rs.pagesize = ipagesize,ipage = ci
7、nt(request(“page“) if ( ipage - rs.pagecount ) 0 then ipage = rs.pagecount elseif ipage = “ or ipage 1 then ipage = 1 end if rs.absolutepage = ipage end if,response.write (“ 留言数: “ 签写留言 “ & iadminlogin & “) call pagesub %,没有留言“) end if do while not rs.eof and numSize=rs.pageSize dim ihomeurl,if rs(“
8、fhomeurl“) = “http:/“ then ihomeurl = “ home “ else ihomeurl = “home “ end if,response.write (“ ,“ & rs(“fcontent“) &“) sql = “select * from reply where frepid=“ & rs(“id“) & “ order by id desc“ set rss = server.createobject(“adodb.recordset“) rss.open sql, conn, 1, 1 if not rss.eof or rss.bof then
9、do while not rss.eof,response.write (“回复:“ & rss(“ftime“) & “ & rss(“freply“) & “) rss.movenext loop else response.write (“) end if,rss.close set rss = nothing response.write (“”) if session(“admin”) = “” then response.write (“”) else response.write (“a href=del.asp?id=” & rs(“id”) & “ onMouseOver=”
10、“toolTip(删除本留言,#f2f2f2, #666666)“ onMouseOut=“toolTip()“ del reply“) end if,response.write (“ QQ “ “),rs.movenext numSize = numSize + 1 loop % ,提示：该页面的字体、背景、布局等都是通过样式表CSS统一设置的，这样做很方便，通过统一设置，避免很多重复的操作，节约了开发时间。从源代码前两句可以看出， ,此页面中主要用到两个页面，其中实现分页的“library.asp”和头文件“header.asp”，关于“library.asp”，我们将在下一节详细介绍，
11、而头文件“header.asp”设计如图16-7所示：,图16-7 头文件header.asp,头文件header.asp的源代码如下所示： , / Example: / onMouseOver=“toolTip(tool tip text here)“;,/ onMouseOut=“toolTip()“; / -or- / onMouseOver=“toolTip(more good stuff, #FFFF00, orange)“; / onMouseOut=“toolTip()“; var ns4 = document.layers; var ns6 = document.getElem
12、entById ,var toolTipSTYLE=“; function initToolTips() if(ns4|ns6|ie4) if(ns4) toolTipSTYLE = document.toolTipLayer; else if(ns6) toolTipSTYLE = document.getElementById(“toolTipLayer“).style; else if(ie4) toolTipSTYLE = document.all.toolTipLayer.style;,if(ns4) document.captureEvents(Event.MOUSEMOVE);
13、else toolTipSTYLE.visibility = “visible“; toolTipSTYLE.display = “none“; document.onmousemove = moveToMouseLoc; ,function toolTip(msg, fg, bg) if(toolTip.arguments.length 1) / hide if(ns4) toolTipSTYLE.visibility = “hidden“; else toolTipSTYLE.display = “none“; ,else / show if(!fg) fg = “#777777“; if
14、(!bg) bg = “#FFFFFF“; var content = ,if(ns4) toolTipSTYLE.document.write(content); toolTipSTYLE.document.close(); toolTipSTYLE.visibility = “visible“; if(ns6) document.getElementById(“toolTipLayer“).innerHTML = content; toolTipSTYLE.display=block ,if(ie4) document.all(“toolTipLayer“).innerHTML=conte
15、nt; toolTipSTYLE.display=block ,function moveToMouseLoc(e) if(ns4|ns6) x = e.pageX; y = e.pageY; else x = event.x + document.body.scrollLeft; y = event.y + document.body.scrollTop; ,toolTipSTYLE.left = x + offsetX; toolTipSTYLE.top = y + offsetY; return true; ,function MM_reloadPage(init) /reloads the window if Nav4 resized if (init=true) with (navigator) if (appName=“Netscape“) ,MM_reloadPage(true); / , marquee bgcolor=“#eeeeee“ align=“middle“ width=“550“ height=“10“ direction=“left“ scrolldelay
