网站留言板的设计

页第一章引言随着互联网技术的不断普及和发展，互联网已经渗透到人们的日常生活中。现在，人们可以呆在家里，了解世界的一切。你也可以在网上购物、娱乐和聊天。甚至有人预言，如果21世纪的人们不能上网或开车，他们将被社会淘汰。互联网技术的重要性可见一斑，尽管有些夸大其词。在当前的Internet应用技术中，建立动态的Internet站点和开发网络应用已经成为最流行的技术之一。动态网站可以处理大量数据，易于维护，可以轻松地查询，修改，删除，添加网站的数据内容。它极大地增加了管理员，网站和客户之间的“互动”。它已在现实生活中广泛使用。要开发动态网站，要涉及两部分内容，即前台开发工具和后台数据库。ASP，活动服务器页面。它是由Microsoft开发的Web服务器端脚本开发环境，可用于生成动态高效的Web应用程序。通过ASP，我们还可以结合HTML网页，ASP指令和ActiveX组件来构建动态，交互式和高效的Web服务器应用程序。另外，在制作动态网页的过程中，数据库应用程序是核心部分。大多数网络应用程序都需要后端数据库的支持。Access是入门级小型数据库管理和开发软件，具有简单易学，易于使用和良好的可伸缩性的优点。应用ASP和ASP。网络程序更多。Access数据库非常适合小型网站。使用ASP+Access也是动态网站开发技术最流行的组合之一。网站消息系统是用于Internet上人际交流的工具。它提供了一个信息交流的平台。人们可以通过留言板讨论自己喜欢的主题，提出问题或回答问题。访客可以在网站的留言板上发布对某个问题的意见，或与他人分享他们的意见。在Internet的发展中，网站留言板的作用是不可替代的。该系统的设计是根据软件工程开发的方法，采用ASP+数据库技术生成动态网站留言板。第二章开发环境及需求2.1开发目的当我们浏览各种丰富多彩而美丽的网站时，我们经常需要表达自己的观点和意见，或者与网站管理员进行沟通和交流。因此有必要在该网站上创建一个留言板网站。并且由于它涉及离开者和管理员之间的动态交互，并且需要处理的信息量更大，因此应使用动态网站开发技术来创建网站留言板系统。2.2运行环境2.2.1硬件环境该系统涉及的信息量不大，数据库服务器和Web服务器可以安装在同一服务器上；多台客户端计算机；网络通信设备，主要包括交换机，网卡，集线器，MODEM等。2.2.2系统平台该服务器使用Microsoft7操作系统，而Web服务器使用IIS6.1（Internet信息服务器）。在客户端，包括Windows7独立操作系统和InternetExplorer9.0浏览器。由于数据量少，数据库系统使用MicrosoftAccess2010，与其他大中型数据库相比，它对硬件的要求非常低，并且易于维护。2.2.3开发工具直接使用Windows7系统附带的记事本编写ASP代码，并使用DreamweaverCS4设计器进行显示设计，ASP支持以及易于学习的VBScript脚本语言。2.2.4运行需求正常运行期间应该没有错误。对数据准确性，时序特性，适应性等有简单的要求，并且在操作过程中必须保证系统的正确性，可靠性，效率，完整性，易用性，维护性，可测试性和可重用性。安全性和保密性，可移植性，互连性。第三章应用开发工具和技术简介3.1关于ASPASP代表ActiveServerPages，这是一个可以使用VBScript或JavaScript设计的应用程序环境，主要用于查询和管理网络数据库。其工作原理是，当浏览器发送浏览请求时，服务器会自动将ASP程序代码解释为标准HTML格式的Web内容，然后将其发送到浏览器进行显示。由ASP生成的网页比HTML具有更大的灵活性。只要结构合理，一个ASP页就可以替换成千上万个网页。ASP简单，直观且易于学习，是参与网络编程的捷径。它可以生成并运行动态，交互式，高性能的Web服务器应用程序。它使用的ActiveX技术基于开放式设计环境。用户可以定义和构建要组合的组件，从而使其动态网页几乎具有无限的可扩展性。3.1.1ASP的内部对象Application对象：使给定应用程序的所有用户共享信息。Response对象：将输出发送到客户端。Request对象：在HTTP请求期间，检索客户端浏览器传递给服务器的值。Session对象：存储特定用户会话所需的信息。Server对象：提供对服务器上的方法和属性的访问。3.1.2ASP使用的脚本语言脚本语言是HTML和Java，C++和VisualBasic等编程语言之间的一种语言。编程语言通常用于向计算机发送一组复杂的指令。脚本语言也可以向计算机发送指令，但是它们的语法和规则不像可以编译的编程语言那么严格和复杂。在ASP文件中可以使用几种脚本语言。另外，由于脚本是在服务器端读取和处理的，因此请求asp文件的客户端浏览器不需要支持该脚本。3.1.3ASP的工作原理服务器解释和执行ASP中的脚本命令和语句，执行结果将生成一个动态生成的网页，并将其发送到浏览器。客户端脚本命令由浏览器解释和执行。因为ASP是在服务器端解释和运行的，所以开发人员无需考虑浏览器是否支持ASP，也不必担心其他人会下载程序而窃取编程逻辑。ASP程序通过带有后缀asp的文件来实现其功能。Asp文件等效于可执行文件，并且必须放置在Web服务器上具有可执行权限的目录中。当用户从浏览器输入asp文件地址时，浏览器将URL请求发送到Web服务器。如果ASP安装在Web服务器上，请调用ASP读取相应的asp文件，进行描述并运行。HTML页面是动态生成的，并发送回Web服务器，然后Web服务器将结果发送到浏览器。ASP文件生产类似于HTML，可以与HTML开发集成在一起，并且可以在同一过程中完成。使用ASP将可执行脚本嵌入HTML文件中，这使HTML文件编写和脚本开发集成在一起。可以通过内置的ASP对象和服务器组件来完成非常复杂的任务。3.2关于IISIIS（Internet信息服务器）代表InternetInformationServer，这是Microsoft提供的Internet服务器软件，包括诸如WEB，FTP和SMTP之类的服务器组件。在Windows操作系统中使用，它是设置个人网站的首选。IIS支持HTTP（超文本传输协议），FTP（文件传输协议）和SMTP协议。IIS的一个重要功能是它支持ASP。它可以轻松地开发基于Web的应用程序。通过IIS，开发人员可以开发动态且有吸引力的网站。IIS不需要开发人员学习新的脚本语言或编译应用程序。对于VBscriptt，Jscriptt或VisualBasic，Java和VisualC++开发系统之类的软件开发，IIS提供了强大的本地支持。IIS提供了一个称为InternetServiceManager的图形界面管理工具，可用于监视，配置和控制Internet服务。InternetServicesManager位于中央位置，可以控制组织中运行IIS的所有计算机。3.3Access数据库管理系统简介Access是Microsoft公司微机数据库管理系统，具有界面友好，易学易用，开发简单，界面灵活等特点。是典型的新一代桌面数据库管理系统，主要特点如下：（1）借助数据组织，用户管理和安全检查等高级功能，完美管理各种数据库对象。（2）强大的数据处理功能。在工作组级别的网络环境中，Access开发的多用户数据库管理系统具有客户端服务器（Client/ClientServer）结构和适当的数据库安全性机制。访问具有许多复杂的大型数据库管理系统的特征，例如事务处理/错误回滚功能。（3）可以轻松创建各种数据对象，并可以使用存储的数据创建表格和报表，并具有良好的可见性。（4）作为Office套件的一部分，可以将其与Office集成以实现无缝连接。（5）能够使用Web检索和发布数据，并与Internet建立连接。访问特别适用于中小型应用程序系统，或作为客户端/服务器系统中的客户端数据库。3.4Dreamweaver简介Dreamweaver是Macromedia开发的WYSIWYG网页编辑器，它集成了网页制作和网站管理。它是第一个为专业网页设计师开发的可视化网页开发工具。借助它，您可以轻松创建跨浏览器限制的受平台限制的网桥和动态网页。其主要特点是：3.4.1最佳的制作效率Dreamweaver可以最快的方式将Fireworks或Photoshop之类的文件移动到网页上。使用颜色选择器工具在屏幕上选择颜色，以设置最接近的Web安全颜色。对于菜单，快捷键和格式控件，所有操作都可以在一个简单的步骤中完成。另外，只需单击一下，您就可以让Dreamweaver自动打开Firework或Photoshop来编辑或优化设置。3.4.2网站管理功能强大Dreamweaver的网站管理功能为个人网站建设和网站结构组织提供了强大的支持。它可以完成主页创建，文件管理，资源收集，页面链接以及站点文档上载和下载的所有功能，即远程进行站点文档管理。3.4.3卓越的可视环境--所见即所得的强大功能没有任何Web编辑软件具有Dreamweaver这样强大的WYSIWYG功能。用户可以在“属性”窗口中调整参数，并立即在“文档窗口”窗口中查看更改。按“F12”键，Dreamweaver将自动生成HTML文件格式以供预览，以便开发人员可以进一步自定义它。第四章网站留言板系统总体设计4.1系统主要功能要求网站留言板系统实际上是一个简单的BBS系统，主要由两部分组成：前端用户系统和后端管理系统。在前台，用户可以浏览自己的消息和其他用户，或者发布新消息。在后台，管理员可以回复或删除用户消息。从实际情况出发，对网站留言板系统进行一些调查和分析，在系统需求分析的基础上，大致定义了网站留言板系统的基本实现功能，如图4.1所示：网站留言板网站留言板系统功能后台管理前台用户查看留言回复留言管理登录用户注册发表新的留言删除留言浏览留言图4.1系统基本功能图4.1.1前台用户浏览及留言系统前端用户系统主要用于前端用户浏览消息，注册用户和发布新消息。家庭前台用户必须具有统一的样式，设置功能导航，并依次显示最新的消息注释。前端用户和消息传递系统浏览包括以下几点：（1）前端用户浏览有关自己和其他用户的最新日志消息。（2）用户注册功能。（3）注册用户发布新消息。4.1.2后台管理系统它主要由以下部分组成：（1）管理员登录验证：验证您是否具有管理员权限。（2）在管理页面上查看消息：查看前台用户留下的消息。（3）答复消息：系统管理员将消息答复给留下消息的人。（4）删除消息：系统管理员删除不需要的用户消息。4.2留言板系统概要设计4.2.1系统的开发环境该系统基于ASP环境，使用Access数据库，并且适用于IE9.0以上的浏览器。Windows7+IIS6.1测试运行环境。4.2.2ASP语言的选择ASPServer软件+后台数据库访问+客户端IE浏览器是一种精致，实用和高效的组合方式。其中，ASP程序是最重要的，它是客户端和后端数据库之间的桥梁。在ASP中，通过VBScript建立与Access数据库的连接，使用户能够访问数据库。4.2.3选择Access2010作为后台数据库在创建动态网页的过程中，数据库应用程序是必不可少的部分。大多数网络应用程序系统都需要后端数据库支持。在Windows操作系统中，Access数据库是最常见的网络后台数据库之一。特别适用于一些小型而不是非常复杂的网络应用系统，例如网站上的留言板系统。4.3系统可行性分析经过初步的调查，研究和分析，可以通过软件工程方法构思该系统。在特定设计方面，DreamweaverCS4被用作页面开发工具，除了HTML语言之外，还部署了VBScript语言，并使用小型Access2003数据库作为该数据库。在指导老师的帮助下，并从动态网站开发的类似经验中吸取教训，有望实现该系统。4.4系统数据流图选择了适当的技术并定义了消息表功能。总体结构的流程图如下。用户浏览留言用户浏览留言网站留言板系统显示留言用户发表留言显示新留言图4.2用户浏览及留言数据流图管理员管理员合法不合法登录身份验证管理页面出错提示删除留言查看留言回复留言返回主页退出图4.3管理员管理数据流图用户留言用户留言add.asp留言信息留言内容查看留言主页index.asp留言列表管理留言mymanage.asp留言列表删除留言回复留言数据库data.mdb图4.4网站留言板系统结构分析图4.5系统的功能模块分析4.5.1留言板首页留言板主页供用户直接浏览他们感兴趣的消息，并浏览整个系统的链接功能。留言系统模块流程图如图4.5.直接浏览留言信息后台管理登录功能用户注册功能直接浏览留言信息后台管理登录功能用户注册功能注册用户留言功能留言系统首页图4.5留言板首页功能模块图4.5.2用户注册功能由于留言板系统对安全性的要求很高，因此不可能意外留言，因此必须设计用户注册功能。注册后，用户可以签名并写消息。用户注册流程图如图4.6新用户新用户注册页面注册注册用户登录用户留言图4.6用户注册功能流程图4.5.3签写留言功能签写留言功能主要是让用户签写留言信息和留言内容。注册用户注册用户填写留言内容填写留言内容签写留言页面签写留言页面填写留言信息填写留言信息图4.7签写留言功能模块图4.5.4留言管理功能注册用户可以在签名和发送邮件后查看自己发送的邮件。具有管理权限的管理员可以在登录后管理用户订单，如图4.8所示。管理员登录管理员登录管理身份验证管理回复留言删除留言退出管理系统图4.8留言管理功能模块图第五章网站留言板系统的实现基于系统分析和整个系统模型，使用上述相关原理和技术执行详细的系统设计。该系统的设计完全按照软件工程开发的原则和原则进行。5.1Web服务器的设置要运行动态测试网站，必须安装和配置Internet服务器。当前的操作系统被广泛使用的Windows7系统。因此，Internet上选择的服务器是7系统的IIS6.1版。关于与IIS相关的设置：安装IIS之后，需要为其进行适当的设置。打开“控制面板”→“性能和维护”→“管理工具”-双击“Internet信息服务”以打开“Internet信息服务”窗口。展开左侧的树结构，然后右键单击以在“默认网站”中创建一个新的虚拟目录。然后右键单击“默认网站”，然后选择“属性”项以设置相应的属性，如图5.1所示。图5.1设置IIS5.2系统介绍留言板系统主要包含以下几个文件：conn.asp：数据库链接文件index.asp：留言板首页register.asp：用户注册页面add.asp：添加留言页面addsave.asp添加留言处理程序admin.asp管理登录页面checkpass.asp密码检测程序mymanage.asp管理页面del.asp删除留言程序5.3创建数据库和链接文件conn.asp5.3.1创建数据库及表众所周知，留言板具有以下信息要存储：留言者的姓名，联系信息，留言内容等。ASP程序本身无法存储数据，因此必须在数据库中实现。该系统的数据库应创建一个用于存储消息的主表和一个用于存储用户的用户表。主表的数据结构如表5.1所示：字段名称数据类型备注id自动编号设置“自动编号”user文本留言者姓名qq数字留言者的QQ号码email文本留言者的电子邮件content备注留言内容data日期/时间留言时间，设定默认值为Now()表5.1main表的数据结构然后以同样的方法创建一个储存用户的user表，设计如图5.2所示：图5.2user表设计视图打开user表，添加一个管理员用户。登录名和密码均为admin，以便测试用。如图5.3所示：图5.3user表5.3.2创建链接文件conn.asp创建数据库和表之后，需要创建conn.asp连接文件以连接到数据库。使用ASP连接程序和数据库，然后可以显示数据库中的数据以及更复杂的操作，例如插入，修改和删除ASP。conn.asp连接文件的代码如下：<%setconn=server.createobject("adodb.connection")connstr="Provider=Microsoft.jet.oledb.4.0;datasource="&server.mappath("data.mdb")conn.openconnstr%>上述代码在服务器上创建了一个连接数据库的对象,然后打开数据库进行连接。5.4制作留言板首页index.asp之前已经链接了数据库，下一步是如何读取ASP数据库中的数据并将其显示在页面上，这相当于查看留言板。使用DreamweaverCS4的设计器，制作index.asp主页页面如图5.4所示。图5.4首页index.asp设计视图将制作好的文件存为index.asp，然后要创建数据记录集，用来显示数据库的数据到这个页面中。实现创建数据记录集显示数据库数据的程序代码如下：<%setrs=server.createobject("adodb.recordset")sql="selectuser,qq,email,content,datafrommainorderbyiddesc"rs.opensql,conn,1,1%><%dowhilenotrs.eof%>2、实现rs记录集指针循环往下移动的程序代码如下：<%

rs.movenext

loop

%>5.5制作注册页面register.asp由于当前对网页消息的管理非常重要，因此有必要加入注册页面，并且用户可以在注册后发布消息。使用Dreamweaver投影仪制作注册表page.asp1、判断用户的注册信息是否合法的代码如下：subcmdTijiao_onClick()iffrmRes.txtNum.value=""orfrmRes.txtPasswd.value=""or(NotIsNumeric(frmRes.txtNum.value))thenAlert"请在姓名和密码中输入相应的内容，密码必须为数字！"elsefrmRes.submitendifendsubsubcmdTijiao_onClick()ifNotIsNumeric(frmNew.txtNum.value)orfrmNew.txtPasswd.value<>frmNew.txtConfirm.valuethenAlert"输入不正确，请重新输入！"elsefrmNew.submitendifendsub2、创建ResJudge.asp文件。该文件的主要功能是打开存储注册信息的数据库，并查找是否有与上一页显示的名称和密码匹配的记录。如果是这样，则注册成功，您也可以在数据库中找到它。该用户的相关信息是允许该用户留言。如果不是，则注册失败。代码如下：<titile>注册判断</title></head><%Num=Request.form("txtNum")Passwd=Request.form("txtPasswd")dbname="Driver={MicrosoftAccessDriver(*.mdb)};DBQ="&Server.MapPath("\")"&"\ResDb\Res.mdb;"setCres=Server.CreateObject("ADODB.Connection")setres=Server.CreateObject("ADODB.Recordset")Cres.opendbnameres.ActiveConnection=Cresres.source="Select*fromreswhere帐号='"&Num&"'and密码='"&Passwd&'";"res.openifres.BOFthen%><p>注册不正确，请返回注册页面重新注册！</p><%else%>3、创建NewRes.asp文件，这个文件的主要功能是把新用户的登录信息存入数据库中，其代码如下：<%Num=Request.form("txtNum")Passwd=Request.form("txtPasswd")Setres=Server.CreateObject("ADODB.Recordset")dbname="Driver={MicrosoftAccessDriver(*.mdb)};DBQ="&ServerMapPath("\")&"\ResDb\Res.mdb;"sql="select*fromres"res.opensql,dbName,adOpenKeyset,adLockOptimisticres.AddNewres(1)=Numres(2)=Passwdres.Updateres.Close%>5.6制作添加留言页面add.asp实现留言功能5.6.1制作添加留言页面add.asp首先用Dreamweaver的设计器制作添加留言页面add.asp如图5.5所示：图5.5添加留言页面add.asp设计视图在Dreamweaver8的设计器中，设置了表单的如下属性：姓名：设置为单行文本域，名称为“user”。QQ号：设置为单行文本域，名称为“qq”。邮件：设置为单行文本域，名称为“email”。内容：设置为多行文本域，名称为“content”。最后将表单的“Action”动作指向addsave.asp就可以了。5.6.2制作添加留言处理程序addsave.asp表单做好了后还需要后台程序的支持。添加留言处理程序addsave.asp其代码如下：<%setrs=server.createobject("adodb.recordset")sql="selectuser,qq,email,content,datafrommain"rs.opensql,conn,1,3rs.addnewuser=request.form("user")qq=request.form("qq")email=request.form("email")content=request.form("content")rs("user")=userrs("qq")=qqrs("email")=emailrs("content")=contentrs.updaters.closesetrs=nothingconn.closesetrs=nothing%><title>留言成功</title><linkhref="style.css"rel="stylesheet"type="text/css"><metahttp-equiv="Content-Type"content="text/html;charset=gb2312"><metahttp-equiv="refresh"content="2;URL=index.asp"><divalign="center">您是注册用户，添加留言成功，2秒钟后自动跳转到<ahref="index.asp">留言板首页</a></div>留言成功测试页面，如图5.6.图5.6留言成功5.7制作管理员登录系统5.7.1制作管理登录页面admin.asp留言板的管理功能十分重要。首先还是用DreamweaverCS4的设计器制作管理登录页面admin.asp，如图5.7所示：图5.7管理登录页面admin.asp设计视图在管理员中输入用户名形式的名称，在密码中输入密码形式的名称，将操作定向到checkpass.asp并将文件另存为admin.asp。5.7.2制作检测密码程序checkpass.asp登录页面做好以后，再来制作检测密码的asp程序checkpass.asp，代码如下：<%

admin=request.form("admin")

password=request.form("password")

ifadmin=""orpassword=""then

response.Write("<scriptlanguage=javascript>alert('请填写完整!');history.go(-1)</script>")

endif

sql="select*fromadminwhereadmin='"&admin&"'andpassword='"&password&"'"

setrs=conn.execute(sql)

ifrs.eoforrs.bofthen

response.write"<scriptlanguage=javascript>"

response.write"alert('用户或密码不对!');"

response.write"javascript:history.go(-1);"

response.write"</script>"

else

session("admin")=admin

response.redirect"mymanage.asp"

endif

%>这样，用户在admin.asp页上输入用户名和密码后，用户名和密码值将被传递到checkpass.asp密码检测程序进行处理。如果用户名和密码值与数据库中的字段不匹配，它将查找错误，如图5.8所示：图5.8提示出错当用户名和密码的值和数据库中的字段相匹配时，就会进入mymanage.asp管理页面。5.8制作管理页面mymanage.asp管理员输入的用户名和密码正确后，他将进入管理页面mymanage.asp。实际上，该系统的管理页面和index.asp主页面之间没有太大区别，但是会话变量用于保护并添加了删除链接。单击链接后，该消息将被自动删除。以下只列出与index.asp文件代码不同的部分，具有删除链接功能的代码如下：<%ifsession("admin")<>""then%>，……<ahref="del.asp?id=<%=rs("id")%>"onclick="returnconfirm('是否确定删除本留言？');">删除</a>//增加了删除留言的链接……

<%

else

response.Redirect("admin.asp")

endif%>

<%

else

response.Redirect("admin.asp")

endif%>5.9删除留言程序del.asp前面在管理页面mymanage.asp增加了一个删除留言的链接。以下是实现删除留言功能del.asp的代码：<%

setrs=server.createobject("adodb.recordset")

id=Request.QueryString("id")

sql="select*frommainwhereid="&id

rs.opensql,conn,2,3

rs.delete

rs.update

%>在第一条留言的“删除”链接上单击，删除留言的测试效果如图5.9所示：第六章结论与总结通过这个毕业论文设计，我学到了很多新知识，并且通过这个毕业设计，我培养了综合多个学科知识，快速规划和开发目标系统的能力。我的编程能力也大大提高了。现在看来严格按照软件工程方法设计和开发系统非常重要。一开始，我很荒谬地认为基于Web的基于数据库管理的留言板系统是如此之小，以至于它不需要花费太多时间来进行系统分析，甚至不需要直接进入系统编码阶段就可以了