个人网站地设计与制作毕业论文

WORD格式专业资料整理毕业设计题目个人的设计与制作XXxxxx学号xxxxxxxxxx系（院）信息工程系班级xxxxxx指导教师________职称__________201x年x月xx日XX职业学院毕业设计摘要随着经济社会的发展，Internet的日益兴起和以网页为载体的网络信息的广泛传播和应用，使得的建设及网页制作得到发展的空间，建设和网页制作也成为计算机网络领域最热门的话题。动态是当前建设的趋势。动态并不是指具有动画功能的，而是指通过数据库进行架构的，它除了要设计网页外，还要通过数据库和编程序来使具有更多自动的和高级的功能。动态网页以数据库技术为基础，可以大大降低维护的工作量。采用动态网页技术的可以实现更多的功能，如用户注册、用户登录等等，它实际上并不是独立存在于服务器上的网页文件，只有当用户请求时服务器才返回一个完整的网页。本课题运用我们所学的ASP与数据库技术，通过Dreamweaver等相关软件来创建了一个个人，主要有：主页、个人简介、图片、日志、留言和管理几个模块。其中，个人简介是以网页的形式展示在浏览者面前的一个自我介绍，有与我相关的信息等。图片则是用来展示我们平时收集的一些照片，喜欢的明星和唯美的图片。日志是将最近网络上流行的一些文字和发生的事件展示出来。留言则是浏览者用来彼此交流的地方，浏览者可以在这里发表留言，发表的信息将展示在留言板上。管理界面则是管理员通过登录进入的界面，里面可以对进行管理，如：用户管理、留言管理、文章管理等。通过设计这个个人，以达到个人推荐，展现自我的一个空间，以及为交流提供综合的网络环境，同时也为个人发展提供了一平台。关键字：动态；asp；数据库IXX职业学院毕业设计目录第一章绪论11.1本课题的背景及意义11.1.1课题的背景11.1.2课题的意义11.2论文的结构1第二章关键技术简介32.1ASP的简介32.2ACCESS的简介32.3Dreamweaver的简介4第三章后台环境配置63.1IIS安装和配置63.2设置数据源（C73.3Dreamweaver开发站点环境9第四章系统分析与设计134.1需求分析134.2功能模块设计134.3确定风格144.3.1主页版块144.3.2字体154.3.3版块154.4数据库逻辑结构设计16第五章系统的实现185.1留言板的实现185.1.1留言板的主界面185.1.2留言板主界面的制作185.1.3发表留言界面的制作215.2后台管理界面23IIXX职业学院毕业设计5.2.1登录界面235.2.2管理员管理界面245.2.3后台管理模块设计25第六章的测试32结束语33致谢34参考文献35IIIXX职业学院毕业设计第一章绪论1.1本课题的背景及意义1.1.1课题的背景互联网是社会发展的必然趋势，很多人已经意识到网络的强大生命力和它在未来将处于的重要地位。他们钻研并且努力进入到这一个新的空间，新的领域。以个人为中心，淡化了传统中心地位，使得我们的世界向多元化加速发展，人人都有话语权，人人都是中心。互联网也是一个互动性极强的平台，它自由、宽容、平等、共享，并使来自民间的声音参与到了构建主流话语的行动中来[1]。计算机技术的发展，特别是网络技术的飞速发展，给文档的保存和管理提供极大的方便。Internet飞速发展使得不再仅仅为企业或公司等大型结构所拥有，互联网也成为人们快速获取、发布和传递信息的重要渠道，它在人们政治、经济、生活等各个方面发挥着重要的作用。因此建设在Internet应用上的地位显而易见，一个家庭甚至个人都可以拥有属于自己的，而在这其中，个人已经日渐普及，而且发展到今天，创建一个能充分体现自我风格和特色的个人网站已经成为互联网用户的新追求。1.1.2课题的意义随着Internet的迅速普及，我们已经不再满足于仅仅浏览网页，而是希望更深入地参预到网络中去，Internet的开放性使个人建立自己的成为可能，拥有自己的也越来越成为一种时尚，同时创建一个能充分体现自我风格和特色的个人已经成为互联网用户的新追求。基于上述背景，根据自己在大学所学的知识，构建一个个人平台[2]。从建站的实际情况出发，经过对相关的一番考察和分析，确立了采用asp和access数据库技术，以作为开发环境，综合运用其他设计软件，最终实现个人的主要功能。通过设计一个个人，已达到个人推荐，展现自我的一个空间，个人为交流提供综合的网络环境，同时也为个人宣传，发展提供了一平台[3]。主要有：主页、个人简介、图片、日志、留言和管理几个模块。其中，个人简介是自我介绍，有与我相关的信息。图片则是用来展示我们平时收集的一些照片。日志是展示一些优美的文章。留言则是浏览者用来彼此交流的地方，浏览者可以在这里发表留言。管理是管理员进行登录进入的界面，可以对进行相应的管理等功能。真正的。1.2论文的结构第一章，绪论，介绍了本课题的背景及意义；个人“我的主页”为用1XX职业学院毕业设计户提供了一个相互联系，相互交流的地方，增强了朋友之间的相互联系。第二章，介绍了个人开发的关键技术；如ASP，ACCESS以及Dreamweaver的简介。第三章，介绍了后台的环境配置，如：IIS的安装过程、站点的建立和数据源的配置。第四章，介绍了系统的需求分析、功能模块和的设计风格；为方便用户彼此交流信息，构建“我的主页”，有留言板，日志，图片，个人简介等模块，以及数据表的建立。第五章，详细介绍了留言板模块的开发与实现以及后台管理界面功能的实现。第六章，介绍了的测试。结束语，对本设计进行了总结，提出了本设计的不足之处，并对未来发展方向做了展望。2XX职业学院毕业设计第二章关键技术简介2.1ASP的简介技术ASP（ActiveServerPages动态网页）是微软公司推出的一种用以取代CGIatewayInterface通用网关接口）的技术。目前，Internet上的许多基于平台的Web站点已开始应用ASP来替换CGI[4]是一个位于服务器端的脚本运行环境，通过这种环境，用户可以创建和运行动态的交互式Web服务器应用程序，如交互式动态网页，包括使用HTML表单收集和处理信息，上传与下载等[5]。ASP文件的制作和HTML类似，且和HTML开发利用ASP将可以执行的脚本嵌入到HTML文件中(将HTML文件的后缀名改为.asp)，这使得HTML文件的编写与脚本的开发融合在一起[6]。通过ASP内置的对象、服务器组件（ServerComponent）可以完成非常复杂的任务，而且用户还可以自己开发或利用别人开发的服务器组件完成专门的任务[7]。ASP的特点：1.使用VBScript、JScript等简单易懂的脚本语言，结合HTML代码，即可快速地完成的应用程序。2.无须compile编译，容易编写，可在服务器端直接执行。3.使用普通的文本编辑器，如的记事本，即可进行编辑设计。4.与浏览器无关（BrowserIndependenceHTML码的浏览器，即可浏览ActiveServerPages所设计的网页内容。5.ActiveServerPages能与任何ActiveXscripting语言兼容。除了可使用VBScript或JScript语言来设计外，还通过plug－in的方式，使用由第三方所提供的其它脚本语言，譬如、Perl、Tcl等。6.可使用服务器端的脚本来产生客户端的脚本。7.ActiveXServerComponents（ActiveX服务器组件）具有无限可扩充性。可以使用VisualBasic、Java、Visual＋＋、COBOL等程序设计语言来编写你所需要的ActiveXServerComponent[8]。ASP技术与其他技术相比，此技术实现比较简单、快捷，适用于小型的网络。本主要使用ASP技术和数据库技术，因为首先用Dreamweaver软件建立动态，然后与数据库进行连接，在此基础上对该进行详细设计，最后进行相关测试。2.2ACCESS的简介MicrosoftAccess2010的特点，就在于使用简便。Access2010充分运3XX职业学院毕业设计用信息的力量。在追踪与共享数据，或是利用数据制作报表时，将更加轻松无负担，这些数据自然也就更具影响力。1.最好上手、最快上手。在Access2010中，可以发挥社群的力量。采用其他人建立的数据库模板，并且分享独到设计。2.使用多种数据联机，以及从其他来源或汇入的信息，以整合Access报表，让阅读报表的人都能更容易掌握趋势、洞烛机先。3.在任何地方都能存取应用程序、数据或窗体。将数据库延伸到网络上，让没有Access客户端的使用者，也能透过浏览器开启网络窗体与报表。4.把亲切熟悉、赏心悦目的Office主题，原汁原味地套用到Access客户端与网络数据库上。5.以拖放方式为数据库加入导航功能。6.更快、更轻松地完成工作。Access2010能简化寻找及使用各项功能的方式。7.使用IntelliSense建立表达式，不费吹灰之力。经过简化的“表达式建立器”可以更快、更轻松地建立数据库中的逻辑与表达式。8.以前所未有的超快速度设计宏。Access2010拥有面目一新的宏设计工具，可以更轻松地建立、编辑并自动化执行数据库逻辑。9.把数据库部分转化成可重复使用的模板。重复使用由数据库的其他用户所建置的数据库组件，节省时间与心力。10.重复使用由数据库的其他用户所建置的数据库组件，节省时间与心力。可以经由网络服务通讯协议，联机到数据源[9]。ACCESS是桌面型关系数据库，适于小型的开发和小数据量的应用，部署简单方便，就一个文件。是中型S适于较大数据量和高性能要求的应用，管理相对复杂，但是功能强大，存储过程，触发器，自定义函数，定时JOB，MAIL通知等很多功能[10]。2.3Dreamweaver的简介是目前流行的一款可视化网页制作工具，具有简洁高效的设计和开发界面，它的所见即所得特性使得用户无需编写代码即可完成网页的制作，简单易用，非常适合初学者使用，同时，Dreamweaver也支持代码设计，为高级程序人员提供了代码编辑环境，方便程序人员应用HTML或其他代码进行网页开发[11]Dreamweaver问世以来已更换了多个版本，而每一次升级都会给用户带来更多的惊喜，当前最新版本的出现同样不负众望，又在原版本的基础上增加了一些新的功能，并对一些不足之处进行了调整，从而使Dreamweaver的功能更加强大，使用起来也更加得心用手。4XX职业学院毕业设计DreamweaverCS5的新功能如下：1.集成CMS支持。即对WordPress、Joomla！和Drupal等内容管理系统框架的创作和测试支持。2.CSS检查。在DreamweaverCS5中能以可是方式显示详细的CSS框模型，使用户可以轻松切换CSS属性，并且无需读取代码或使用其他实用程序。3.与AdobeBrowserlab集成。可使用多个查看、诊断和比较工具预览动态网页和本地内容。4.PHP自定义类代码提示。为自定义PHP函数显示适当的语法，可帮助用户更准确的书写代码。5.站点特定的代码提示。可从中的非标准文件和目录代码提示中受益[12]。5XX职业学院毕业设计第三章后台环境配置3.1IIS安装和配置在windows7中实现配置IIS1.单击【开始】-【控制面板】-（如图3-1所示）图3-1程序和功能对话框2.单击左边菜单栏中【打开或关闭Windows功能】项，打开“Windows功能”对话框，在对话框“组件”列表中，选中“Internet信息服务（IIS图3-2所示）图3-2windows功能对话框3.选中“Internet信息服务（IIS6XX职业学院毕业设计后系统会自动弹出“正在配置组件”提示框，这时候用户需等待一段时间。4.点击“完成”按钮，完成IIS的安装。3.2设置数据源（C在windows7中设置“数据源”（C1.单击【开始】-【控制面板】-3-3所示）图3-3管理工具对话框2.在“管理工具”对话框中，选择“数据源（ODBC数据源管理器”对话框。（如图3-4所示）图3-4ODBC数据源管理器3.在弹出的“ODBC数据源管理器”对话框中，选择【系统DSN侧点击【添加】按钮，弹出【创建新数据源】对话框，在【创建新数据源】对话7XX职业学院毕业设计框中选中“MicrosoftAccessDriver（*.mdb（如图3-5所示）图3-5创建数据源4.点击【完成】按钮后，会弹出【ODBCMicrosoftAccess安装】对话框，设置【数据源名称】为“conm3-6所示）图3-6修改数据源名称5.再单击【数据库】选项下的【选择】按钮打开【选择数据库】对话框，在【选择数据库】对话框中设置【数据库名称】为“conm.mdbAccess数据库（*.mdb3-7所示）8XX职业学院毕业设计图3-7选择数据库6.然后单击【确定】按钮回到【ODBCMicrosoftAccess安装】对话框，其中【数据库】参数变为所选择的数据库。7.再单击【确定】按钮回到【ODBC数据源管理器】对话框，然后单击【确定】按钮完成设置。3.3Dreamweaver开发站点环境1.启动Dreamweaver，进入到工作界面，单击【站点】菜单下的【新建站点】选项，弹出【站点定义】对话框，在【站点定义】名称中输入我们的项目名称“Family3-8所示）图3-8定义站点2.单击【下一步】，弹出【是否使用服务器技术】中，选择【是，我想使用ASPVBScript（如图3-9所示）9XX职业学院毕业设计图3-9选择服务器3.单击【下一步】，在【开发过程中，您打算如何使用您的文件？】项，选择【在本地进行编辑和测试】项，然后，在【将把文件存储在计算机上的什么位置】中选择我们的目录所在位置“毕业设计3-10所示）图3-10设置存储位置4.单击【下一步】，在【测试URL】设置中虚拟目录地址为默认地址，然后单击【测试URL】按钮进行测试。会弹出【URL前缀测试成功】对话框，单击【确3-11所示）10XX职业学院毕业设计图3-11测试URL5.单击【下一步】，在远程服务器设置面板中，由于我们是在本地进行开发和测试，所以我们选择【否】3-12所示）图3-12本地开发测试6.单击【下一步】，单击【完成】后就建立好了这个站点。（如图3-13所示）11XX职业学院毕业设计图3-13完成站点定义在中建立站点是一件简单而直观的事情，要知道站点的建立是使用Dreamweaver进行开发的第一步。如果没有建立好站点，那么Dreamweaver的开发功能将会不能使用。12XX职业学院毕业设计第四章系统分析与设计现在人人都体会到了网络时代的强烈冲击，学习网络知识、学习网页设计和建设成为新时代的一个热点。人是社会性的动物，具有多方面的欲望和追求，被人理解、被社会承认是人的高级欲望中的一种。现在畅行的个人形象设计已成为一种庞大市场就说明了这个问题。传统的个人形象展示依靠照相、交谈或文字说明等形式，而个人是所有形式中最新颖、最直观、最有效、最综合、最高级的形式。4.1需求分析为方便用户彼此交流信息，提供如下的几个模块功能。其需求描述如下：1.主页模块：是的首页，通过首页可以到任何页面，方便、快捷。2.个人简介：主要介绍管理员的相关信息。3.日志模块：以列表的形式显示文章信息，这样可以在页面显示大量的日志信息。当用户找到感兴趣的文章后需要点击文章标题，会弹出相应的文章的具体内容。4.留言模块：在留言页面以表格的形式来显示用户所发送的留言。用户可以发布留言和评论留言，但管理员可以删除留言和回复留言。5.图片模块：在图片页面以排列的方式显示图片，图片分为几种类型，可以根据自己的喜好欣赏。6.管理模块：在这里管理员可以通过登录进入管理界面，在这里有用户管理、文章管理、留言管理。管理员可以在这里对进行定期的更新和维护。4.2功能模块设计根据需求分析中的模块分类方法，可以得到系统的操作流程图。个人的操作流程主要在“首页"处。本设计的用户分为两类：用户，管理员。用户仅有部分浏览功能；管理员具备用户的所有权限，同时还能发布文章，删除留言，修改文章，修改用户信息等。根据这些功能，设计出系统的功能模块，具体的功能模块如图4-1所示13XX职业学院毕业设计发表文章用户注册用户管理后台模块日志管理留言管理妖精的城堡主页退出管理个人简介前台管理日志图片留言图4-1功能模块示意图4.3确定风格4.3.1主页版块每个都会有一个主页，主页是进入后在浏览器中显示的第一个页面。为了浏览方便，所以在进行版面设计时，将本站的几个主要版块的内容都浓缩在主页的界面里，从而令用户能快速的看到用户所感兴趣的内容，节省用户浏览时间。图4-2主页效果图14XX职业学院毕业设计4.3.2字体字体(Font)设置是制作中设计师经常遇到的一个很关键的问题，每一个都应该仔细，认真地思考自己的字体，合适的字体能让客户对产生信赖感，产生一种权威感，而不合适的字体往往会使用户产生一种排斥感，和低级感。的字体是一门学问，优化不能仅仅从技术角度去做，应该把自身的设计做好，只有这些好的基础，的优化，推广才会真正产生效果。设计中字体的使用原则：1.不要使用超过3种以上的字体。字体太多则显得杂乱，没有主题。2.不要用太大的字。因为版面是有限的，大字体占的版面太多也没有什么效果。3.不要使用不停闪烁的文字。会让浏览者眼花缭乱。4.3.3版块本主要是根据用户的需求制作的个人。用户可以直接浏览该的所有内容，也可注册用户。内容包括：主页、个人简介、日志、留言板、图片、管理等版块。(如图4-3所示)图4-3主页导航界面就是给浏览者的第一印象，往往决定着的可看性，本站的主页是通过“家”的感觉来呈现的，可以给浏览者一种温馨的感觉，会感到幸福。而导航就是通过与相关版块的联系而制作的相关联的形状，更形象生动的表现了网站的生动活泼。构建一个就好比写一篇论文，首先要列出题纲，才能主题明确、层次清晰。建设初学者，最容易犯的错误就是，确定题材后立刻开始制作，没有进15XX职业学院毕业设计行合理规划。从而导致结构不清晰，目录庞杂混乱，板块编排混乱等。结果不但浏览者看得糊里糊涂，制作者自己在扩充和维护也相当困难。所以，我们在动手制作网页前，一定要考虑好栏目和板块的编排问题。另外，板块的编排设置也要合理安排与划分。版块比栏目的概念要大一些，每个版块都有自己的栏目。4.4数据库逻辑结构设计首先创建Access数据库conm.mbd用来保存本系统的所有数据。本设计定义conm.mbd数据库中包含以下几个表：用户注册表、留言表、日志表、管理员表。下面分别介绍这几个表的结构1.用户注册表表4-1admin1编号字段说明数据类型1Id编号自动编号2nameXX文本3mima密码数字4sex性别文本5shengri出生日期日期/时间6work职业文本7phone联系方式数字8time时间日期/时间2.留言表表4-2book编号字段说明数据类型1id编号自动编号2nameXX文本3sex性别文本4work职业文本5time时间日期/时间6liuyan留言内容备注7huifu回复内容备注8pinglun评论内容备注3.日志表表4-3rizhi2编号字段说明数据类型1Id编号自动编号2rtitle标题备注16XX职业学院毕业设计3zuozhe作者文本4nei内容备注5riqi时间日期/时间6nr主要内容备注4.管理员表表4-4guanli编号字段说明数据类型1name管理员文本2password密码文本17XX职业学院毕业设计第五章系统的实现该系统的实现主要包含主页，个人简介，日志，图片，留言和管理界面的制作。其中留言界面是很重要的，对与浏览页面，提供了浏览和发布信息的功能。而留言就提供了交流和动态的感觉这样就成了交互的功能。达到了沟通和交流的目的。所以，本设计最大的特点就是这个留言模块，提供了交流的设计。5.1留言板的实现5.1.1留言板的主界面完整的留言板具有发表留言和查看别人留言及评论留言的功能，下面有留言板页面的效果图。（如图5-1所示）图5-1留言板效果图5.1.2留言板主界面的制作1.在Dreamweaver中打开“gl.asp”,在右侧的【应用程序】中【数据库】的“”在弹出的下拉列表中选择【数据源名称（DSN（DSNconmDSNconm单击右侧的【测试】，会弹出【成功连接脚本】对话框，表示数据库添加完成。（如图5-2所示）18XX职业学院毕业设计图5-2连接数据源2.在右侧的属性栏中选择【绑定】录集】对话框，在其中设置【连接】为“conmbookid5-3所示）图5-3绑定记录集3.选择【插入记录】4行3列的表格，录集】里的字段拖曳到相应的单元格中。然后在右侧的属性栏中选择【服务器行为】点击“7”条记录(根据个人喜好设置)5-4所示）图5-4重复区域4.将光标放在下一行上，-【数据对象】-【显示记录计数】19XX职业学院毕业设计-【记录集导航状态】，单击【确定】。再选择【插入】-【数据对象】-【记录集分页】-5-5，图5-6所示）图5-5记录集导航状态图5-6记录集导航条5.，点击【服务器行为】单击“”选对话框中设置【详细信息页】pl.asp”等，然后单击【确定】5-7所示）图5-7详细页设置6.按【Ctrl+S】保存操作，按F125-8，5-9所示）20XX职业学院毕业设计图5-8留言板效果图图5-9留言板效果图5.1.3发表留言界面的制作发表留言是为浏览者可以与管理进行交流的平台，可以发表留言信息，然后在主界面上显示。（如图5-10所示）图5-10发表留言界面21XX职业学院毕业设计1.在Dreamweaver中打开“fb.asp入个4行2列的表格，并输入文本，并且设置它们的“文本域”与数据库中的字5-11所示）图5-11设置文本域2.选择【绑定】点击“在其中设置【连接】为“conmbook中选择【id5-12所示）图5-12绑定记录集3.选择【服务器行为】点击“conmbookgl.asp【表单元素】中设置相对应的字段，并单击【确定】5-13所示）图5-13插入记录4.保存操作，按F125-14所示）22XX职业学院毕业设计图5-14发表留言效果图通过留言板的制作，希望浏览者浏览本站而了解我，与许久未联系的朋友们交流，彼此交流爱好和兴趣，留言板还可以与其他网络上志同道合的朋友们互相交流，探讨知识等。5.2后台管理界面在一个中，后台管理是非常重要的，管理员可以通过后台登录，验证成功后可以对进行信息的更新，留言的回复和系统的修改完善，所以一个好的需要有一个完善的后台管理系统。5.2.1登录界面在对系统进行管理之前，需要通过系统的身份验证。login.asp”进行身份验证。只有用户名和密码正确才可以进入管理界面，否则就会进入“cw.asp5-15所示。图5-15登录界面本系统只因为是开发而成的，里面的代码都是自动生成的。后台登录界面所需要的关键代码如下：<tablewidth="26%"height="91"border="0"align="center"><tr><tdwidth="38%"><divalign="center"class="STYLE6">用户名：</div></td>23XX职业学院毕业设计<tdwidth="62%"><inputtype="text"name="name"id="name"/></td></tr><tr><td><divalign="center"class="STYLE6">密码：</div></td><td><inputtype="password"name="mima"id="mima"/></td></tr><tr><tdheight="23"> </td><td><inputtype="submit"name="button"id="button"value="提交"/>         <inputtype="reset"name="button2"id="button2"value="重置"/></td></tr></table>5.2.2管理员管理界面后台管理界面是在通过用户验证后才可以进入，它分为各个管理模块、主页及与其他页面的、退出管理系统等模块。它是由框架组成的从而可以减少重复部分并可以使系统维护更容易管理（如图5-16所示）图5-16管理界面管理员管理界面主要代码如下：<tr><tdwidth="20%"height="348"valign="top"><palign="center"class="STYLE1"><ahref="yhgl.asp"target="mainframe"class="STYLE3">用户管理</a></p>24XX职业学院毕业设计<palign="center"class="STYLE1"><ahref="guanli/wzgl.asp"target="mainframe"class="STYLE3">文章管理</a></p><palign="center"class="STYLE5"><ahref="liuyan1.asp"target="mainframe"class="STYLE6">留言管理</a></p><palign="center"class="STYLE1"><ahref="guanli/yhzc.asp"target="mainframe"class="STYLE3">用户注册</a></p><palign="center"class="STYLE1"><ahref="rizhi2/xjwz.asp"target="mainframe"class="STYLE3">发表日志</a></p><palign="center"class="STYLE1"><ahref="index1.asp"class="STYLE3">退出管理</a></p></td><tdwidth="80%"valign="top"><iframename="mainframe"src="yhgl.asp"height="520"width="800"id="mainframe"align="top"></iframe></td></tr>5.2.3后台管理模块设计1.管理员管理界面用户管理界面如图5-17所示图5-17用户管理界面用户管理界面关键代码如下：<tablewidth="100%"height="71"border="1"align="center"><tr><tdwidth="15%"height="29"><divalign="center"class="STYLE5">用户名</div></td><tdwidth="15%"><divalign="center"><spanclass="STYLE5">联系</span></div></td>25XX职业学院毕业设计<tdwidth="15%"><divalign="center"class="STYLE5">职业</div></td><tdwidth="14%"><divalign="center"class="STYLE5">性别</div></td><tdwidth="14%"><divalign="center"class="STYLE5">注册时间</div></td><tdwidth="17%"><divalign="center"class="STYLE5">修改</div></td><tdwidth="12%"><divalign="center"class="STYLE5">删除</div></td></tr><%While((Repeat1__numRows<>0)AND(NOTRecordset1.EOF))%><tr><tdheight="34"><divalign="center"class="STYLE5"><%=(Recordset1.Fields.Item("name").Value)%></div></td><td><spanclass="STYLE5"><%=(Recordset1.Fields.Item("phone").Value)%></span></td><td><spanclass="STYLE5"><%=(Recordset1.Fields.Item("work").Value)%></span></td><td><divalign="center"class="STYLE5"><%=(Recordset1.Fields.Item("sex").Value)%></div></td><td><divalign="center"class="STYLE5"><%=(Recordset1.Fields.Item("time").Value)%></div></td><td><divalign="center"><ahref="xgyh.asp?<%=Server.HTMLEncode(MM_keepNone)&MM_joinChar(MM_keepNone)&"id="&Recordset1.Fields.Item("id").Value%>"class="STYLE9">修改</a></div></td><td><formid="form1"name="form1"method="POST"action="<%=MM_editAction%>"><divalign="center">26XX职业学院毕业设计<inputtype="submit"name="button"id="button"value="删除"onclick="returnconfirm('确认删除');MM_popupMsg('确认删除信息吗？')"/><inputtype="hidden"name="MM_delete"value="form1"/><inputtype="hidden"name="MM_recordId"value="<%=Recordset1.Fields.Item("id").Value%>"/></div></form></td></tr><%Repeat1__index=Repeat1__index+1Repeat1__numRows=Repeat1__numRows-1Recordset1.MoveNext()Wend%></table>2.日志管理模块日志管理界面如图5-18所示图5-18日志管理界面日志管理界面关键代码如下：<tablewidth="92%"border="1"align="center"><tr><tdwidth="23%"><divalign="center"class="STYLE3">标题</div></td><tdwidth="18%"><divalign="center"class="STYLE3">作者</div></td>27XX职业学院毕业设计<tdwidth="14%"><divalign="center"class="STYLE3">发表时间</div></td><tdwidth="23%"><divalign="center"class="STYLE3">内容</div></td><tdwidth="11%"><divalign="center"class="STYLE3">修改</div></td><tdwidth="11%"><divalign="center"class="STYLE3">删除</div></td></tr><%While((Repeat1__numRows<>0)AND(NOTRecordset1.EOF))%><tr><td><divalign="center"><%=(Recordset1.Fields.Item("rtitle").Value)%></div></td><td><divalign="center"><%=(Recordset1.Fields.Item("zuozhe").Value)%></div></td><td><divalign="center"><%=(Recordset1.Fields.Item("riqi").Value)%></div></td><td><divalign="center"><%=(Recordset1.Fields.Item("nr").Value)%></div></td><td><divalign="center"><ahref="xgwz.asp?<%=Server.HTMLEncode(MM_keepNone)&MM_joinChar(MM_keepNone)&"id="&Recordset1.Fields.Item("id").Value%>"class="STYLE5">修改</a></div></td><td><formid="form1"name="form1"method="POST"action="<%=MM_editAction%>"><divalign="center"><inputtype="submit"name="button"id="button"value="删除"onclick="returnconfirm('确认删除');MM_popupMsg('确认')"/><inputtype="hidden"name="MM_delete"value="form1"28XX职业学院毕业设计/><inputtype="hidden"name="MM_recordId"value="<%=Recordset1.Fields.Item("id").Value%>"/></div></form></td></tr><%Repeat1__index=Repeat1__index+1Repeat1__numRows=Repeat1__numRows-1Recordset1.MoveNext()Wend%></table>3.留言管理模块留言管理界面如图5-19所示图5-19留言管理界面留言管理界面关键代码如下：<tablewidth="102%"border="1"align="center"><tr><tdwidth="27%"rowspan="4"><divalign="center"><%=(Recordset1.Fields.Item("name").Value)%></div>29XX职业学院毕业设计<palign="center"><%=(Recordset1.Fields.Item("work").Value)%></p></td><tdwidth="30%"><divalign="center"><%=(Recordset1.Fields.Item("sex").Value)%></div></td><tdwidth="43%"><divalign="right"><%=(Recordset1.Fields.Item("time").Value)%></div></td></tr><tr><tdheight="37"colspan="2"><%=(Recordset1.Fields.Item("liuyan").Value)%></td></tr><tr><tdheight="23"colspan="2"><%=(Recordset1.Fields.Item("huifu").Value)%></td></tr><tr><tdheight="25"><divalign="center"><ahref="liuyan/hf.asp?<%=Server.HTMLEncode(MM_keepNone)&MM_joinChar(MM_keepNone)&"id="&Recordset1.Fields.Item("id").Value%>"class="STYLE5">回复</a></div></td><tdheight="25"><formid="form2"name="form2"method="POST"action="<%=MM_editAction%>"><inputname="button"type="submit"id="button"value="删除"onclick="returnconfirm('确认删除');MM_popupMsg('确认删除信息吗？')"/><inputtype="hidden"name="MM_delete"value="form2"/><inputtype="hidden"name="MM_recordId"value="<%=Recordset1.Fields.Item("id").Value%>"/></form></td></tr></table>30XX职业学院毕业设计对于管理界面的设计，可以使管理员更方便的对进行管理。31XX职业学院毕业设计第六章的测试一个好的建设好了之后是不能立即发布的，在这之前需要进行一段时间的测试，没有经过测试的往往会在浏览器兼容性和显示器兼容性上出现问题。同样由于在程序开发和页面制作的过程中难免会出现误差，所以在正式发布前通过测试找出的Bug（网页中的漏洞）是非常重要的一个环节，通常称此过程为捉虫。在我的个人的测试过程中，在数据库的，地址的，还有图片的相对位置都出现了许多小的错误，还好，经过我自己的修改，现在已基本消除了这种现象。在【设计视图】中选择【窗口】—【结果】菜单项，在【属性】面板下方打开【结果】面板，选择【检查项】标签。（如图6-1所示）图6-1测试站点单击【检查】按钮，右击在弹出的下拉列表中选择【检查整个当前本地站点的】选项，测试当前站点的所有链。测试完成后，分别查看【显示】下拉列表中包含的三种类型的（断掉的、外部、孤立文件）。可以在其中编辑断掉的，纠正并整理错误的和删除多余的孤立文件，并保存