动态网页程序设计报告(留言板)

第一篇：动态网页程序设计报告(留言板)

留言板

摘要：

本课程设计的对象是一个留言板。本留言板有两个方向，五大模块，七大功能。五大模块：显示留言，删除留言，添加留言，版主登陆，用户登陆留言。七大功能：显示留言，删除留言，添加留言，利用数据库存取组件，将信息保存到数据库中，登陆，用户登陆留言。在主界面中选择你的身份进行登录，用户或版主可以在主界面留言界面输入要留言的内容，当点击提交按钮时，数据会插入并存储到数据库中。当点击回复时，界面会跳转到回复界面，在回复界面回复后，点击提交，又会跳转到留言主界面里显示。当点击删除时，输入密码后会删除该条信息，并返回留言主界面。关键字：

主界面；用户身份；提交按钮；显示留言；数据库；留言回复界面；显示留言回复；留言删除界面；密码；登陆；注册

1.课程设计介绍

本课程设计是一个动态的网页设计—留言板，并用JavaScript作为脚本语言。设计的文件主要包括:一个用户身份登录界面（index.asp），一个用户留言界面（liuyanzhe.asp），一个数据库及表（guest.mdb）,一个主界面（index1.asp），一个插入界面（add.asp），一个删除界面（delete.asp），一个留言回复界面（readd.asp）,一个函数文件（funtion.asp）用来保存在各页面中用到的函数,一个样式文件（guest.asp）,一个配置文件（config.asp）,一个数据库链接文件（odbc_connection.asp）。

当用户在地址栏里输入地址，进入到版主身份选择界面，用户可以进行版主或者留言者（过客）的身份的选择。当用户为过客时，仅仅能进行留言操作。当用户以版主的身份登录时，必须进行版主身份验证方可进入留言主界面，在此版主可以进行恢复删除等操作来管理自己的留言板，在版主登陆后，界面最上部分是访问次数。界面中上半部分是为留言者留言的地方。当输入留言信息点击提交按钮时，客户端会根据你提交的留言信息进行核对，若留言主题、留言人姓名和留言者email格式没有按规定填写则会给用户以信息提示。填写完整留言板并提交后，便提交到插入界面，使留言信息通过调用update语句而写入到数据库guest中。主界面的中下半部分是用来显示留言内容的，当留言信息插入到数据库后，主界面通过服务器执行来select语句调用数据库的信息，并显示出来，以供留言人查看。界面的下部是用来分页显示的。

需要留言回复时，点击回复连接，跳转到留言回复界面。留言回复界面通过回复的留言 id号来获取留言主题，填写好回复内容和密码时，点击提交按钮，若密码正确则通过update语句写入数据库中，若不正确则不能写入数据库并给予必要的提示信息。当正确输入密码通过调用select语句将留言回复信息显示到主界面上。

当点击主界面上的删除连接时，会跳转到删除界面此时也获取了该条信息的id号。因为删除涉及到管理员的权限，故需要管理员输入密码后才能删除留言。当输入密码后，点击提交按钮，会执行delete语句来删除数据库中的该条留言信息，然后更新数据库执行select语句并显示到主界面上，以供查看是否删除此条信息。

当用户在地址栏里输入地址，进入到留言者身份选择界面时，过客（留言者）正确留言后会给予提示不能再做其他非法操作。

本设计用到了分页技术来管理由于留言条数太长而带来的不便，并且将按照留言的时间先后进行排序显示，并把留言提交给版主。

2.基本原理或方法

本课程是以留言板形式为主题设计，主要是通过对数据库的操作来完成留言信息的写入，读取，更新，存储。

设计动态网站必须要有与数据库的连接操作。

1）、本课程设计的网站与数据库access的链接代码如下： <% Dim db Set db=Server.CreateObject(“Adodb.Connection”)db.Open “Driver={Microsoft

Access

Driver

(*.mdb)};Dbq=”

& Server.Mappath(“guest.mdb”)%> 2）、插入库留言信息到数据代码如下： <% Dim title,body,name,email title=myReplace(request.form(“title”))body=myReplace(request.form(“body”))name=myReplace(request.form(“name”))email=myReplace(request.form(“email”))2 Dim sqla,sqlb,strsql sqla = “Insert Into guest(name,title,submit_date” sqlb = “values('” & name & “','” & title & “',#” & Now()& “#” If body<>“" Then sqla = sqla & ”,body“ sqlb = sqlb & ”,'“ & body & ”'“ End If if email<>”“ then sqla = sqla & ”,email“ sqlb = sqlb & ”,'“ & email & ”'“ end if strsql = sqla & ”)“ & sqlb & ”)“ db.Execute(strsql)db.Close Set db=Nothing Session(”page_no“)=1 response.redirect ”index.asp“ %> 3）、写入回复到数据库代码如下： <%

If Request.Form(”password“)=Password Then Dim strSql strSql=”Update guest Set reback='“ & myReplace(request(”reback“))& ”' where id=“ & Request.Form(”id“)

db.execute(strSql)response.redirect(”index.asp“)Else Response.Write ”

请输入正确的密码“ end if %> 4）、在主界面显示留言信息需要用到Recordset类，为其建立一个对象来获取数据库表中的信息。设计代码如下：

Dim rs,strsql

'建立Recordset对象，因为要分页显示数据，所以请注意Open方法的参数 Set rs=Server.CreateObject(”ADODB.Recordset“)strsql =”Select * From guest Order By Submit_date Desc“ rs.Open strsql,db,1 5）、在主界面留言显示的主题、内容、留言人、留言日期、回复内容的代码如下： 主题：<%=rs(”title“)%> 内容：<%=rs(”body“)%> 留言人：<%=rs(”name“)%> 留言人的email地址以及点击时会调用outlook软件来发送邮件。代码如下：

href=”mailto:<%=rs(“email”)%>“><%=rs(”email“)%> 留言日期：<%=rs(”submit_date“)%> 回复内容：<% Response.Write rs(”reback“)%>。点击时会将跳转到删除界面，并将id号一并传给删除界面代码如下：<%

Response.Write ”删除此条留言“%> 6）、在主界面中用到了脚本语言及其函数function check_Null（）来对输入的留言信息对比判断。代码如下：

function check_Null(){

if(document.form1.title.value==”“){ alert(”主题不能为空!“);return false;

} if(document.form1.name.value==”“){ alert(”姓名不能为空!“);return false;

} if(document.form1.email.value==”“){ alert(”请输入email地址！“);return false;

}

var rule=/^([w-]+(?:.[w-]+)*)@((?:[w-]+.)*w[w-]{0,66}).([a-z]{2,6}(?:.[a-z]{2})?)$/i;

<% '--------if(!rule.test(form1.email.value)){ alert(”请输入有效的email地址！“)return false;} if(document.form1.title.value.length>100){ alert(”主题不能超过100个字符“);return false;

} if(document.form1.name.value.length>30){ alert(”姓名不能超过30个字符“);return false;

} return true;}7）、分页技术的使用，代码如下：

------------

'以下开始显示原有留言 Dim rs,strsql '建立Recordset对象，因为要分页显示数据，所以请注意Open方法的参数 Set rs=Server.CreateObject(”ADODB.Recordset“)strsql =”Select * From guest Order By Submit_date Desc“ rs.Open strsql,db,1 '如果记录集是空的，就停止运行程序，如果非空，就分页显示 If rs.Bof Or rs.Eof Then Response.Write ”

暂时没有留言“ Response.End Else '下面一段判断当前显示第几页

多少条

Dim page_no If Session(”page_no“)=”“ Then

'如是第一次打开，为1 page_no=1 Session(”page_no“)=page_no Elseif Request.QueryString(”page_no“)<>”“ Then

'如果选择了页码，就令其为指定页码

page_no=Cint(Request.QueryString(”page_no“))Session(”page_no“)=page_no Else '其它情况下，则从Session中读取原来的页码 page_no=Session(”page_no“)End If '下面一段开始分页显示，指向要显示的页，然后逐条显示当前页的所有记录。rs.PageSize=PageSize '从config.asp读取参数设置，每页显示

rs.AbsolutePage=page_no '设置当前显示第几页 Dim I '该变量用来控制显示当前页记录 I=rs.PageSize Do While Not rs.Eof And I>0 '循环直到当前页结束或记录集结尾

I=I-1 %> 3.结果和结果分析

登陆界面如图1所示：

留言板版主的验证面如图2所示：

留言板的版主的登陆界面如图3所示：

留言板的留言者的登陆界面如图4所示

留言板的回复界面如图5所示：

留言板的删除界面如图6所示：

留言时为正确填写信息会弹出信息框。如图7所示

留言时为正确填写email信息会弹出信息框。如图8所示

留言后如图9所示：

留言恢复之后如图10所示：

删除留言后如图11所示

各网页文件之间的关系如图12所示：

4.带注释的程序清单

Index.asp里得注释： '以下开始显示原有留言 Dim rs,strsql '建立Recordset对象，因为要分页显示数据，所以请注意Open方法的参数

Set rs=Server.CreateObject(”ADODB.Recordset“)strsql =”Select * From guest Order By Submit_date Desc“ rs.Open strsql,db,1 '如果记录集是空的，就停止运行程序，如果非空，就分页显示

If rs.Bof Or rs.Eof Then Response.Write ”

暂时没有留言“ Response.End Else '下面一段判断当前显示第几页

Dim page_no If Session(”page_no“)=”“ Then '如是第一次打开，为1

page_no=1 Session(”page_no“)=page_no Elseif Request.QueryString(”page_no“)<>”“ Then '如果选择了页码，就令其为指定页码

page_no=Cint(Request.QueryString(”page_no“))Session(”page_no“)=page_no Else '其它情况下，则从Session中读取原来的页码

'下面一段开始分页显示，指向要显示的页，然后逐条显示当前页的所有记录。

多少条

<%

page_no=Session(”page_no“)End If rs.PageSize=PageSize '从config.asp读取参数设置，每页显示

rs.AbsolutePage=page_no '设置当前显示第几页 Dim I '该变量用来控制显示当前页记录 I=rs.PageSize Do While Not rs.Eof And I>0 '循环直到当前页结束或记录集结尾

rs.MoveNext Loop '下面一段在下方显示页数信息，从1到总页数循环，如不是当前页，就加上超链接

接

链接

Response.Write ”“ & I & Response.Write I & ” “

Response.Write ”

请选择数据页: “ For I=1 To rs.PageCount If I=page_no Then '如是当前页，就不加超链Else '如不是当前页，就加上超” “

End If Next End If %> Readd.asp里的注释： <%

Delete.asp里的注释： <%

数据库连接注释： '获取传递过来的记录编号和主题 dim id,title id=Request.QueryString(”id“)title=Request.QueryString(”title“)%> '获取传递过来的要删除的记录编号id Dim id id=Request.QueryString(”id“)%> <% '******************************************** '这是数据库连接文件，专门用来连接数据库 '******************************************** Dim db Set db=Server.CreateObject(”Adodb.Connection“)db.Open ”Driver={Microsoft

Access

Driver

(*.mdb)};Dbq=“

& Server.Mappath(”guest.mdb")%>

5．使用说明

双击打开站点里的小旋风服务器，在地址栏里输入127.0.0.1会出现index.asp的主界面，让你选择你的身份。当以过客身份验证时，点击留言者登陆，只能留言板留言，不能进行其他操作。当以版主身份登陆时，先输入身份验证后在主界面的中上方有个留言板，你可以在此留言。留言者看好留言要求，否则将不能正确留言。留言者写好留言信息后，点击“提交”按钮，留言信息会出现在下方显示留言的地方。如留言人若想重新写一封留言信息则可点击“重置”按钮，界面上留言人刚才所写的信息将全部消失，以便使留言者重新再写入留言信息。在显示留言的地方，拥有留言板的板主可以再此对留言人进行回复删除等操作。即：点击“回复此条留言”则会跳转到留言回复界面，在此界面板主可以进行留言答复，但是一定要正确输入密码之后方可进行留言答复，否则不能给予留言回复功能。回复信息填写完毕后点击“提交”按钮则会返回到主界面，并显示版主刚才的回复信息。若版主要删除某条留言，则在主界面上要删除的信息条上点击“删除此条信息”链接，会跳转到删除界面，版主输入密码后点击“提交”按钮，如密码错误则不会删除此留言并给予提示信息，只有在正确输入密码后点击提交按钮才能返回主界面并删除版主要删除的留言信息。

如若，版主想通过电子邮箱的方式给留言者发送信息则在主界面的中下方留言人的email栏中单击其电子邮件链接即可调用outlook让版主填写信息并发送以邮件的方式发送给某个留言者。

6.总结设计体会和致谢

本课程设计的绝大部分内容是由本人通过认真听课、在图书馆翻阅各种有关资料及在网 络上搜索的各种信息资料，最后总结而成的成果。在搜索信息的过程中，本人的老师、舍友以及本人的同班同学与我共享了许多有用的资料。本人的课程设计能在规定的时间内完成，特别要感谢我的老师以及我的同学！

7.参考文献和站点

[1]Dreamweaver8+asp动态网站开发从入门到精通 刘瑞阳 黎卫东 黄炳强编著 人民邮电出版社2006.7 [2]ASP网络编程基础 蒲鹏 陈慧 编著 清华大学出版社 北京交通大学出版社 2009.12 [3]博彦科技.编程高手ASP[M].北京大学出版社,2000.94-97 [4]王冬青.网络课程设计与开发的思考[J].中国电化教育.2002.10 [5]上海科技网.量子计算机[OL].2003.04.01 http://www.xiexiebang.com/learning/lesson/xinxi/20030401/lesson.asp

第二篇：电子商务动态网页实习报告（模版）

实习总结

我们进行了两周电子商务网站建设与管理实训.总体来说,虽然很忙碌,但收获却很大,做了很多东本，不管是前台的网站设计，还是后台的数据库、PHP代码等。

通过这两周的实训，我学到了很多知识，也加强了自己的动手能力。其实在这期间，我们也遇到了各种各样的问题和错误。但面对种种问题和困难，我们没有放弃，编辑代码，调试程序，想尽一切办法去解决。或是去网上查资料，或是想其他同学请教，或是互相讨论，总之不解决问题，誓不罢休。虽然很忙碌，但是我们觉得很充实，也很值得。也是在这段时间里，我们学会了怎样与他人合作，明白什么叫做团队，也体会到了团队力量的强大之处。当然，在期间遇到了很多问题和麻烦，但是我们并没有退缩，不懂就问。一直坚信要成功就要坚持到底。现在，一个比较完善的网站总算完成了，这几天大家付出的努力和心血总算没有白费。

通过这次实训让我明白，做好一网站不是一件简单的事，不仅后台数据库是最重要的一部分。还有PHP代码与数据库的结合，HTML代码的应用等。让整个网站有完整的功能。虽然这次不轻松，很多的代码，还要的检查错误，网站构建等，通过两周的时间我们努力完成自己的作品，甚至是做到最好。这次实训让我明白了我们实训的主要目的是让我们通过不断的上机实习以及使用它来解决实际的问题，才能更好的掌握所学技能。总之很庆幸自己参加了这次实训，让我明白了一个道理“实践出真理”，学到了很多书本上没有的东西，学海无涯，好多好多的东西在向我们招手，等待我们去努力的开发学习，在以后的工作、生活和学习中，发展自己的优势，弥补自己的不足和缺陷。

第三篇：动态网页演讲稿

动态网页说课稿

《动态网页制作基础技术》课程是中专计算机专业学生必修课程之一，也是难度系数较大的一门专业课程之一。根据我所带的班级的实际情况，计划有针对性的对部分知识课时分配和讲解进行增强和弱化，如级联样式表，网站的模块设计的思想，及DHTML基础ASP基础等内容需要加强，并应分配给大部分学习时间，而由于中专生理解能力和知识基础还不是很强，计划弱化数据库应用和SQL基础等知识的讲解本。在教学中，本学期仍以“任务驱动”模式进行课程讲解和实训。本学期《动态网页制作与技术》课程共计96课时，理论课时和实训课时各占一半，计划教案数量96分，作业批阅次数48次。及格率力争达到90%以上，优良达到75%以上。

下面我将各主要知识点应达到的教学效果和对学生的要求做一简要说明。

一、HTML基础本知识点重点掌握图像在网页中的应用及列表、表单、表格的代码及在网页中的应用。

二、网站的模块设计本知识重点让学生理解和掌握网站模块设计思想和在网站中的应用。

三、DHTML基础重点掌握DHTML的概念前景，对象和事件的应用。

四、VBSCRIPTT基础。掌握函数的概念的应用数组的概念，尤其是流程控制语句。

五、ASP基础。掌握ASP概述和基础语法和结构了解数据库应

用和SQL语句的使用。

说课人：王三英2010年9月12日

第四篇：动态网页asp实训报告

安徽商贸职业技术学院经贸系电子商务

(2008级)

动态网页设计

设计时间：2010年6月14日 至 6月18日

设计地点：电子商务实训室二班级：电子商务082班姓名:周 海 强

一、实训目的与意义

通过实验教学主要培养学生的动手能力，提高学生运用ASP编程工具编写动态网页能力的水平，掌握ASP网页下HTML标记、普通文本和脚本命令等的使用。利用ASP可以向网页中添加交互式内容（如在线表单），也可以创建使用HTML网页作为用户界面的web应用程序和CSS语言的应用，掌握在创建连接的“插入、查询、修改”与数据库连接等方法。综合运用所学ASP编程知识进行网页材料准备，并建设一个小型的电子商务网站。

二、实训时间

6月14日——6月18日

三、实训地点

电子商务实训室二

四、实训进度与计划

第一天：查看实训要求了解做什么网站，然后上网查看他人网站，之后规划自己的网站。

建一个文件夹，收集相关素材，并利用PhotoShop、Flash等多媒体制作软件

创作出一些多媒体作品，为网页制作进行网页的充分材料准备。

第二天：创建数据库，建立相关数据表，并连接图片地址等素材和输出的相关信息。1

第三天：编写主页页面的内容信息及其他导航栏的相关内容。

第四天：继续编写相关网页内容并做出最后的测试工作。

第五天：验收通过并提交网站作业。

五、实训步骤

1.构思网站总体规划及布局。

2.创建数据库，建立相关数据表。

3.在数据表中连接图片地址和输出的相关信息。

4.编写网页top头部的logo、导航栏和banner的相关信息。

5．运用ASP编写左边left的二级目录内容和底部boot的建站信息连接及

相关内容连接。

6.在主页主体main内容通过数据库输出相关的产品内容及信息和导航栏其他页面的内容。

7.编写注册/登陆、购物车、FAQ和留言系统等网页。（必要时建设后台管理系统）

8.测试网站并完善主页及各个子页，对不足之处做出相关改进的工作。

9.验收通过并提交网站作业。

六、实训心得与体会

经过一周的实训练习让我学到了许多知识,也有了很大的收获。这次实训让我明白了我们实训的主要目的是让我们通过不断的上机实习以及使用它来解决实际的问题，才能更好的掌握所学技能。实践出真理，在这一周的实训中确实很累但是累得有价值。学海无涯，好多好多的东西还在等待我们去努力的开发学习。我坚信，用血泪去做自己认为应该做的事，努力的开拓我们的极限，没有什么是不可能的。希望自己可以真正的化解这些知识为我所用！在以后的工作、生活和学习中，发展自己的优势，弥补自己的不足和缺陷。

七、合理化建议

对自己而言，多提升独立完成工作的能力和团队的合作能力。提升自我的审美能力，加强“美”的判断，提升网页的整体优化意识。多思考，多动手。学校可再提高机房的电脑的利用率，多置些“好”的机子，减少学生实训过程中的机子故障，提高效率。

以上报告内容会因实际情况而不同，但基本上就是这样的。2

第五篇：动态网页制作心得

烟台大学文经学院

姓名：

班级：

学号： 网 页 制 作 课 程 心 得题目：xxxxxx xx xxxxx xxxxxxxxxx

我制作的动态网页的主题是宣传我的家乡，通过网页将家乡的特色表现出来。通过网页可以让关注本网页的人更多的了解枣庄。还对一些热爱旅游的驴友来枣庄时可以更快的融入我们枣庄这个大家庭。

我制作的网页内容丰富。其一，包括枣庄的新闻，最新的新

闻可以使人通过现有发生的事来了解枣庄，新闻来源是枣庄最大的新闻网“齐鲁在线”，新闻真实有效。其二，有丰富的图片，图片可以说明问题，可以更好的反映枣庄的美景特色。图片来自枣庄旅游局官网。其三，有动听的音乐，收录了中国动听的音乐，有反映枣庄铁道游击队时的歌曲。其三，有中国各代在中国出现的名人。例如：墨子，奚仲，匡衡，孟尝君，兰陵笑笑生等名人的个人介绍。其四，有好的视频。是枣庄旅游宣传片，精彩不容错过。其五，有专属于枣庄的贴吧，点击链接到百度枣庄贴吧。其六，有文库，里面介绍枣庄来历，发展，枣庄人的精神。其七，包含枣庄的地图，地图上标注了枣庄的有名的旅游景点，例如，台儿庄大战纪念馆、万亩榴园、熊耳山、微山湖的景点。

动态网页设计这门课程是一门综合性很强而且非常实用的课程。包括.html、CSS、js、ajax、面向对象等等。这门课程让我了解到ASP.NET是一个统一的Web开发模型，能使用尽可能少的代码生成企业级ASP.NET网站所必需的各种服务。让我明白了如何去创建一个网站。…表示文档头部信息。…表示浏览器标题栏中的信息，应包含于

…中。表示CSS样式信息，应包含于…中。…表示文档主题部分。

…

表示一个段落。
表示换行。

---

表示水平线。…表示一行。…表示一个单元格。这些都是经过老师的教导加上我的复习，逐渐掌握了，虽然我们用的是Dreamweaver8，并且设计网页不需要用代码，但是我感觉学习他们也是有用的，至少我能知道它的原理。

在制作动态网页中我学到了很多东西，懂得网页制作的许多

技巧，很容易就能制作一个简单的网页。以下我罗列出我学习到的技巧。

一、我知道如何利用超链接，现在可以灵活的利用它，明白超链接的原理。比如我可以链接到一个邮件、网站、视频等等。在网页中插入并经图片使网页更加美观。

二、明白了如何向空间中插入背景音乐，使网页变的有激情。简单了解了制作网页中的代码，并且可以写一些基础的代码来使网页得到想要的效果。

三、网页中我还插入了一些视频，并且可以让浏览人很快的应用下载视频。

四、可以向网站中插入滚动图片，滚动字幕，插入时间，插入图层等。

再现在这个年代，计算机的作用越来越重要了，人民生活办

公都离不开它，然而像这门如此深奥的知识，一般人是接触不到的。选择了这门课我感觉很高兴，接触到一些计算机知识，了解动态网页制作的基础。由于老师上课的耐心教导，我的认真听讲，使我制作出这个让我满意的作品，我很高兴很开心。说实话，对

于这门选修课我还想再上，可以让我更深的了解计算机知识，明白计算机的深奥。可惜没时间了，只能等以后自学了。

我以前总认为编程是一件很痛苦的事情，但是经过这次作

业，使我明白了编程也可以是一件很有趣的事情。想象一下：自己去构思和设计一个别人都没做过的项目那是多么的有成就感。学习网页设计不能心急，这不是一日之功，要想有比较高的造诣，没有长期的练习是达不到的。

我想我已经敲开了动态网页设计这扇大门，大门里有很多精

彩的风景需要我去浏览。当然也会有很多荆棘坎坷需要我去面对。相信只要有恒心，我终会摘到胜利的果实！