2842基于asp的动态网站的设计与实现

PAGE湖南工学院毕业设计说明书 论文题目：基于ASP的动态网站的设计与实现姓名：蒋荣学号：80030104班级：应用0301系部：计算机科学系指导老师：彭代文起讫时间：2006年3月至2006年6月PAGEII摘要随着计算机技术的飞速发展，其应用方面已渗透到社会生活的各个领域。互联网的发展使得如今的网站也越来越多，但目前Internet上的许多站点，排版布局上杂乱无章，并且仍然提供静态的主页内容，实用性不强。本文综合动态网页的各种制作要素，分析出了一套网页设计的可行性方案，并开发出一个动态网站。网站分为前台和后台两大功能模块，在前台用户可任意浏览网站文章，并且不用注册即可留言。后台实现了管理员对文章的增加、删除和修改操作，并开发出了留言板功能，管理员可在后台对留言进行回复、置顶和删除操作，并可对留言板功能进行设置。网站采用ASP编程，以ACCESS作为后台数据库，人机界面良好，并具有一定的可扩展性，为以后该网站的实际应用提供了良好的基础。关键词：网页设计动态网页ASP

AbstractFlytechnicallyalongwiththecalculatortodevelopsoon,itsppliedaspecthasalreadyseepedthrougheachrealmofthesocialactivities.ThedevelopmentoftheInternetmakethewebsiteofnowalsomoreandmore,butInternetmanystationsesordercurrently,formattinglayoutlastmiscellaneousdisorderlyhavenochapter,andstillprovidestaticstateofmainpagecontents,thefunctionisnotstrong.Variousmanufacturemainfactorofthecomprehensivedynamicstatewebpageofthistext,analyticalasetofpossibilityprojectofwebpagedesigning,anddevelopadynamicstatewebsiteof.Thewebsiteisdividedintothestageandbackstagetwogreatestfunctionsmoldpiece,forethepedestalcustomercanbrowsethewebsitearticlearbitrarily,andneednotregistrationcanimmediatelyleaveamessage.Thebackstagecarriesoutthemanagingperson'sincrementtothearticleanddeletesandmodifiestheoperation,anddeveloppedthemessageboardfunction,themanagingpersoncancarryonthereplyandplacethecrestanddeletetheoperationtothemessageatthebackstage,andcancarryontheconstitutiontothemessageboardfunction.ThisstationadoptstheASPplaitdistance,beingthebackstagedatabasewiththeACCESS,theman-machineinterfaceisgood,andhaveandcanexpandsexcertainly,islatertheactualapplicationofthatwebsiteprovidedthegoodfoundation.Keywords:ThewebpagedesigningdynamicstatewebpageASPdynamicstatewebpagedesigningandmanufacturePAGE34PAGEi目录TOC\o"1-3"\h\z摘要 IAbstract II第一章绪论 11.1概论 11.1.1ASP技术概述 11.1.2选题背景 11.2设计思想 11.3网站设计概述 21.3.1网站风格设计 21.3.2网页的可视化设计 21.3.3网页版面布局设计 31.3.3网页色彩的搭配 4第二章系统分析 52.1基本需求分析 52.1.2建站目的 52.1.2内容需求分析 52.2功能需求 52.3可行性需求分析 62.3.1管理上的可行性 62.3.2经济上的可行性 62.3.3技术上的可行性 62.4系统的性能需求分析 62.4.1系统性能的准确性及及时性 62.4.2系统的开放性及可扩充性 62.4.3系统的易用性和易维护性 62.4.4系统的标准性 72.4.5系统的先进性 72.4.6系统的响应速度 72.5数据库需求分析 72.5.1管理后台登陆E-R图 72.5.2建立公告管理E-R图 82.5.3建立新闻管理E-R图 82.5.4建立美文欣赏管理E-R图 82.5.5建立留言板后台登录E-R图 92.5.6建立留言板公告管理E-R图 102.5.7建立站点信息管理E-R图 102.5.8建立签写留言E-R图 112.5.9建立网站整体E-R图 12第三章总体设计 133.1建立流程图 133.1.1后台管理流程图 133.1.2前台用户使用流程图 133.2系统层次框架 143.3系统模块设计 163.3.1用户模块 163.3.2后台管理模块 163.4数据库设计 16第四章详细设计 204.1主页设计与实现 204.2文章管理模块的设计与实现 214.2.1登录模块的设计与实现 214.2.2管理模块的设计与实现 214.3留言板模块的设计与实现 224.3.1留言板首页的设计与实现 224.3.2留言板登录模块的设计与实现 224.3.3留言板管理模块的设计与实现 234.3.4用户留言模块的设计与实现 23第五章网站维护 255.1系统的使用说明与安装 255.1.1运行环境要求 255.1.2安装设置 255.2用IIS+ASP建网站的安全性分析 25第六章总结 27致谢 28参考文献 29附录Ⅰ：主要源代码 30湖南工学院（筹）毕业设计说明书湖南工学院（筹）毕业设计说明书PAGE1第一章绪论1.1概论1.1.1ASP技术概述ASP技术ASP（ActiveServerPages动态网页）是一种开放式的非编译应用环境，能够组合HTML、Script和可重用的ACTIVEX服务器组件来建立动态的强大的基于WEB的商业应用。简单地讲，ASP是一个位于服务器端的脚本运行环境，通过这种环境，用户可以创建和运行动态的交互式Web服务器应用程序，如交互式动态网页，包括使用HTML表单收集和处理信息，上传与下载等等。通常情况下，用户通过浏览器看到的网页大多是静态的，目前Internet上的许多站点，仍然提供"静态"（static）的主页内容。所谓"静态"，指的就是站点的主页内容是"固定不变"的。当浏览器通过Internet的HTTP(HypertextTransportProtocol)协议，向站点服务器(WebServer)要求提供主页的内容时，站点服务器收到要求后，就传送原已设计好的静态的HTML的文件数据给浏览器。一个"静态"的站点，若要更新主页的内容，必须手动的来更新其HTML的文件数据。而随着Web应用的发展，用户希望能够看到根据要求而动态生成的主页，例如响应用户查询数据库的要求、生成报表等。当在浏览器上填好表单(form)的输入数据，以提供HTTP要求时，可以在站点服务器中执行的应用程序，而不只是一个HTML文件。站点服务器收到要求执行的应用程序，分析表单(form)的输入数据，将执行的结果以HTML的格式传送给浏览器。1.1.2选题背景在Internet飞速发展的今天，互联网成为人们快速获取、发布和传递信息的重要渠道，它在人们政治、经济、生活等各个方面发挥着重要的作用。Internet上发布信息主要是通过网站来实现的，获取信息也是要在Internet中按照一定的检索方式将所需要的信息从网站上下载下来。因此网站建设在Internet应用上的地位显而易见，它已成为政府、企事业单位信息化建设中的重要组成部分，从而倍受人们的重视。为了综合运用在校期间所学理论知识和技能，熟悉应用系统的开发过程，培养独立思考能力，检验在学校期间所学知识和动手能力，提高自己的实践能力，为将来实际工作打下坚实的基础，特设计开发一基于ASP的动态网站。1.2设计思想通过网站，宣传百科知识，包括医学、科学、美食、美文等，并可在后台发布网站公告、新闻，用户可在留言板上发布留言，增强用户与网站之间的互动。如今互联网上的网站很多，但真正实用，有独特风格的网站却并不多，此设计以清新的视觉效果为主，实用的知识为辅，设计出一个令人耳目一新的网站。网站依据网站设计原则，在使用色调上，页面布局上能体现网站独有的风格。1.3.1网站风格设计网站风格设计是抽象的，是指站点的整体形象给浏览者的综合感受，这个“整体形象”包括站点的CI（标志、色彩、字体、标语）、版面布局、浏览方式、交互性、文字、内容价值等诸多因素。风格是独特的，是一个站点不同于其他网站的地方，或者色彩，或者技术，或者交互方式，能让浏览者明确分辨出这是该网站独有的。具体突出网页风格有以下几种做法：（1）使网页主题标志尽可能出现在每个页面上，或者页眉、或者页脚，或者背景。标志可以是中文、英文字母，可以是符号、图案，可以是动物可人物等。标志的创意又来自于网站的名称和内容。（2）突出网站的标准色彩。“标准色彩”是指能体现网站形象和延伸内涵的色彩。标准色彩要用于网站的标志、标题、主菜单和主色块，给人以整体统一的感觉。（3）突出网站的标准字体。标准字体是指用于标志、标题、主菜单的特有字体。一般网页的默认字体是宋体，为了体现网站风格，可选择一些特别的字体。（4）设计一条朗朗上口的宣传标语。网站的宣传标语可以说是网站的精神、网站的目标，可以用一句话甚至一个词来高度概括，并将其放在首页中的动画、banner里，或放在醒目的地方。（5）使用统一的图片处理效果，比如阴影效果的方向、厚度、模糊度都必须一样。1.3.2网页的可视化设计1.网页设计原则（1）网页命名要简洁由于一个网站不可能就是由一个网页组成的，它有许多子页面，为了能使这些页面有效地被链接起来，网页设计者最好给页面起一些有代表性而且简洁易记的网磁名称，这样有助于方便管理网页，又会在向搜索引擎提交网页时更容易被别人检索到。（2）确保页面的导览性好一般来说，网站应该提供一个关于本站点的地图，所有页面从头至尾都要使用导航标志，尤其要用“返回到首页”链接，如果是图像导航按纽，那么要有清晰的标识，让人看得明白，链接颜色最好用约定俗成的，如未访问的用蓝色，点击过的为紫色等。（3）网页要易读需要规划文字与背景颜色的搭配方案，注意不要使背景的颜色冲淡了文字的视觉效果，也不应该用太复杂的色彩组合，此外，网页的字体大小也要考虑。（4）合理设计视觉效果视觉效果主要体现在网页结构和排版上，要善用表格来布局，注意多用表格把网站内容的层次性和空间性突出显示出来，使人一眼就能看出网站的重点所在。（5）为图片添加文字说明给每幅图片加上文字说明，在图像出现之前就可以看到相关内容。尤其是导航按纽和大图片更应如此。（6）不宜使用太多的动画和静态图片太多的动画会使网页下载的速度变得很慢，而太多的静态图片则会使整个网页就得不那么生动。（7）页面的长度要适中（8）JAVA程序少用为宜（9）整个页面风格要一致（10）不要滥用尖端技术1.3.3网页版面布局设计版面是指用户在浏览器中看到的一个完整页面，布局则是指以最适合用户浏览的方式将图片和文字排放在页面的不同位置。版面布局也是一个创意的问题，但要比站点整体的创意容易，有规律的多。版面布局的一般步骤有：一.草案新建页面就象一张白纸，没有任何表格，框架和约定俗成的东西，你可以尽可能的发挥你的想象力，将你想到的景象画上去(我们建议您用一张白纸和一支铅笔，当然用作图软件photoshop等也可以。这属于创造阶段，不讲究细腻工整，不必考虑细节功能，只以粗陋的线条勾画出创意的轮廓即可。尽你的可能多画几张，最后选定一个满意的作为继续创作的脚本。二.粗略布局在草案的基础上，将你确定需要放置的功能模块安排到页面上。(注：功能模块我们在首页设计-引子中提过，主要包含网站标志,主菜单,新闻,搜索,友情链接,广告条,邮件列表,计数器,版权信息等)。注意，这里我们必须遵循突出重点、平衡谐调的原则，将网站标志，主菜单等最重要的模块放在最显眼，最突出的位置，然后在考虑次要模块的排放。三.定案将粗略布局精细化，具体化。1.3.3网页色彩的搭配网页的色彩是树立网站形象的关键之一。（1）网页色彩搭配的原理有：1.色彩的鲜明性。网页的色彩要鲜艳，容易引人注目。

2.色彩的独特性。要有与众不同的色彩，使得大家对你的印象强烈。(参考设计思考第二篇网站CI的标准色彩一节)

3.色彩的合适性。就是说色彩和你表达的内容气氛相适合。如用粉色体现女性站点的柔性。

4.色彩的联想性。不同色彩会产生不同的联想，蓝色想到天空，黑色想到黑夜，红色想到喜事等，选择色彩要和你网页的内涵相关联。（2）网页色彩搭配的技巧1.用一种色彩。这里是指先选定一种色彩，然后调整透明度或者饱和度，(说得通俗些就是将色彩变淡或则加深)，产生新的色彩，用于网页。这样的页面看起来色彩统一，有层次感。

2.用两种色彩。先选定一种色彩，然后选择它的对比色(在photoshop里按ctrl+shift+I)。我的主页用蓝色和黄色就是这样确定的。整个页面色彩丰富但不花稍。

3.用一个色系。简单的说就是用一个感觉的色彩，例如淡蓝，淡黄，淡绿；或者土黄，土灰，土蓝。确定色彩的方法各人不同，我是在photoshop里按前景色方框，在跳出的拾色器窗中选择自定义，然后在色库中选就可以了:)

4.用黑色和一种彩色。比如大红的字体配黑色的边框感觉很跳。在网页配色中，忌讳的是：

1)不要将所有颜色都用到，尽量控制在三种色彩以内。

2)背景和前文的对比尽量要大，(绝对不要用花纹繁复的图案作背景)，以便突出主要文字内容。

第二章系统分析网站规划是指在网站建设前对市场进行分析、确定网站的目的和功能，并根据需要对网站建设中的技术、内容、费用、测试、维护等做出规划。网站规划对网站建设起到计划和指导的作用，对网站的内容和维护起到定位作用。一个网站的成功与否与建站前的网站规划有着极为重要的关系。在建立网站前应明确建设网站的目的，确定网站的功能，确定网站规模、投入费用，进行必要的市场分析等。只有详细的规划，才能避免在网站建设中出现的很多问题，使网站建设能顺利进行。2.1基本需求分析2.1.2建站目的为了更好的宣传百科知识，让忙碌的人们在业余有一个空间可以轻松了解各种知识。特开发此网站。2.1.2内容需求分析本网站为百科知识网，首先需要一个网站简介，对百科知识网进行简单的介绍。其次，网站公告，可以方便用户对网站近况和网站活动进行很好的了解。百科知识分类很多，此网站选取了其中几个比较有代表性的、比较实用的栏目，如：医学小常识、科学技术、美食天地和美文欣赏。2.2功能需求本网站为浏览者提供了一个平台，用户可以随意浏览网站内容，并且不用注册即可留言，管理者可通过后台对网站实现轻松的管理。用户方面的主要功能需求：用户可以浏览网站简介、新闻以及网站上所有的文章。用户可通过留言板，不用注册就可以轻松的留言。管理系统的主要功能需求：管理者可通过后台对新闻、公告等进行增加、修改和删除操作。管理者可通过后台对用户留言进行回复、置顶、和删除操作。管理者可通过后台对留言本进行管理，可设置留言本信息，和留言限制。2.3可行性需求分析2.3.1管理上的可行性本网站主要由精通操作系统，能够对数据库的维护和管理有一定经验的人员来负责管理。而对于其它非管理人员只有查看和阅读的功能，并不能对任何项目进行修改。因此不能对系统进行非法的操作，因此，在管理上是可行的。2.3.2经济上的可行性根据现有资源的进行分析，都已经拥有开发工具以及开发的环境，而且所要研究的网站对开发的资源和环境都具备有。所以在经济上是可行的。2.3.3技术上的可行性为适应不同用户的需求，本系统要求界面简单、灵活。此外对系统还有以下要求：本网站使用在WINDOWS2000及以上版本，人机界面完美。选择ASP作为前台服务器。系统还需安装MICROSOFTACCESS数据库。2.4系统的性能需求分析为了保证系统能够长期、安全、稳定、可靠、高效的运行，因此，此系统应满足下列性能要求。2.4.1系统性能的准确性及及时性在系统设计和开发过程中，首先要对系统当前和将来可能承受的工作量，系统的处理能力的需求，也即时间复杂度和空间复杂度的考虑要符合用户的要求，由于数据库添加能及删除都很重要。数据库的即时更新，就可以满足用户的对本网站的需求。2.4.2系统的开放性及可扩充性在该系统开发过程中，要具有一定的开放性及可扩充性，用户需求会不断的更新和完善，进行一次操作功能，该项记录及数据库都得更新，要求系统提供足够手段进行功能的调整及扩充，因此应具有开放性，可采用适当方法使系统具有较完善的开放性和可扩充性。2.4.3系统的易用性和易维护性由于该系统是由操作人员完成，因此，系统要有良好人机界面及接口，要使用专用术语和中文信息的界面，对用户使用出现的所有问题要能在线帮助。解决问题，在整个过程中，数据库是最重要的，因此应提供方便的维护方式让维护人员进行数据的备份，日常安全管理，由于出现意外时对数据的恢复等工作。2.4.4系统的标准性在开发系统过程中，要涉及到计算机硬件，软件，而这些系统都要符合通用标准，开发本系统时要进行良好的设计工作，制订出有效的软件工程规范，保证代码的易读性，可操作性和可移植性。2.4.5系统的先进性作为一个管理系统，系统的生命周期应该做到先进，完成功能的采用方式要不至于落后，即开放性和可扩充性工作性能应该做到较好的完善和改进，要让该种系统产品有发展前途。2.4.6系统的响应速度要达到实时要求，能及时地反馈信息，处理数据的时间应该有所提高，保证有速度的同时不能影响工作质量，即要做到快速，正确，精确。这样对网站的发展起着重要的作用。同时满足了用户对各种信息的零距离的了解。2.5数据库需求分析根据本网站的功能分析,需建立以下数据模型2.5.1管理后台登陆E-R图管理员管理员登陆进入文章管理系统用户名密码公告管理新闻管理美文管理图2-1后台局部E-R模型说明:管理员登陆并通过密码验证进入系统。从而进行对系统修改、增加、删除，并且维护系统的安全性。E-R图向关系模模型的转化：管理员（用户名，密码）文章管理（公告管理，美文管理，新闻管理）2.5.2建立公告管理E-R图图片URL图片URL管理员操作公告信息用户名密码标题作者图片描述内容关键字图2-2公告局部E-R模型说明：管理员进入系统后，可对公告信息进行增加、编辑和删除。E-R图向关系模型的转化：管理员（用户名，密码）公告信息（内容）2.5.3建立新闻管理E-R图图片URL图片URL管理员操作新闻信息用户名密码关键字图片描述内容标题作者图2-3新闻局部E-R模型说明：管理员进入系统后，可对新闻信息进行增加、删除和修改。新闻信息主要又包括标题、作者、内容、关键字、图片描述和图片URL。E-R图向关系模型的转化：管理员（用户名、密码）新闻信息（标题、作者、内容、关键字、图片描述、图片URL）2.5.4建立美文欣赏管理E-R图管理员管理员操作美文欣赏用户名密码关键字图片描述内容标题作者图片URL图2-4美文欣赏局部E-R模型说明：管理员进入系统后，可对美文信息进行增加、删除和修改。美文信息主要又包括标题、作者、内容、关键字、图片描述和图片URL。E-R图向关系模型的转化：管理员（用户名、密码）美文信息（标题、作者、内容、关键字、图片描述、图片URL）2.5.5建立留言板后台登录E-R图管理员管理员登陆进入留言板后台系统用户名密码留言信息公告信息站点信息图2-5留言板局部E-R模型说明：管理员登陆并通过密码验证进入系统。从而进行对系统内的公告信息、留言信息、站点信息进行修改、增加、删除，并且维护系统的安全性。E-R图向关系模型的转化：管理员（用户名，密码）留言板管理（公告管理，留言信息管理，站点信息管理）2.5.6建立留言板公告管理E-R图管理员管理员操作公告管理用户名密码内容图2-6留言公告管理局部E-R模型说明：管理员进入系统后，可对公告信息进行增加、编辑和删除操作。E-R图向关系模型的转化：管理员（用户名，密码）公告管理（内容）2.5.7建立站点信息管理E-R图管理员管理员站点配置站点信息用户名密码留言板名称管理账号管理账号站点网址管理密码图2-7信息管理局部E-R模型说明：管理员登陆站点信息进行对站点、网址、留言板的命名和修改。管理员有自己的管理帐号、密码对站点信息安全进行维护和管理。E-R图向关系模型的转化：管理员（用户名，密码）站点信息（留言板名称、管理账号、管理账号、站点网址、管理密码）2.5.8建立签写留言E-R图用户用户签写留言留言信息用户名密码头像昵称信箱QQ内容主页图2-8留言局部E-R模型说明：用户可以直接进入留言板留下自己对本网站的看法和建议、也可以留下自己的QQ或者信箱等。E-R图向关系模型的转化：用户（用户名、密码）留言信息（昵称、信箱、QQ、内容、主页、头像）2.5.9建立网站整体E-R图管理员管理员登陆文章管理公告管理标题作者内容关键字图片描述图片URL作者标题美文欣赏图片URL作者图片描述标题内容登陆留言板管理签写留言留言信息昵称新闻内容图片描述关键字图片URL关键字信箱QQ头像主页内容站点配置站点信息管理账号站点名称站点网址留言板名称管理密码操作公告信息内容用户名密码图2-9网站整体E-R模型第三章总体设计3.1建立流程图根据以上需求分析建立以下流程图:3.1.1后台管理流程图设计思想：用户填写管理名称和密码后提交，系统验证输入信息并进行相关的操作。如正确，则进入系统，如错误，则结束。用户进入后台后可进行管理操作。其流程图如下：输入管理员名称和密码输入管理员名称和密码验证名称密码正确名称密码不正确进入后台管理系统结束开始图3-1管理员登录流程图3.1.2前台用户使用流程图设计思想：用户登陆到本网站后，可以根据自己的需要进入不同模块读取信息。同时不需要登录即可在本网站留言。用用户进入网站进入留言板结束图3-2用户登陆流程图3.2系统层次框架根据需求分析，本网站分为前台和后台两大部份,各模块功能如下：1、公告栏提供本网站最新消息。2新闻版块提供国内外最新资讯。3科学技术版块介绍最新的科学技术。4美食天地介绍各地的美味佳肴。5美文欣赏提供优秀的文章供用户欣赏。6留言板提供用户留言，可以与用户起一个很好的互动作用。其功能模块如下图所示:百百科知识网前台系统后台系统文章管理留言板管理增加文章修改文章删除文章回复留言删除留言留言板新闻公告美文欣赏美食天地科学技术医学小常识百科网简介编辑留言图3-3系统层次框架图3.3系统模块设计3.3.1用户模块（1）用户浏览模块。包括浏览网站简介、公告、新闻、医学小常识、科学技术、美食天地、美文欣赏。（2）用户留言模块。用户无需注册，即可轻松留言。3.3.2后台管理模块（1）对网站公告进行后台管理，包括增加、修改和删除操作。（2）对网站新闻进行后台管理，包括增加、修改和删除操作。（3）对网站美文欣赏进行后台管理，包括增加、修改和删除操作。（4）对用户留言进行回复、删除和编辑操作。3.4数据库设计本网站分文章管理和留言板管理，采用MicrosoftAccess作为后台数据库，建立datas.asp数据库连接文件,database.mdb数据文件。Datas数据库中包含以下数据表：Admin表：用以记录管理员信息，如管理员用户名、密码等。Article表：用以记录公告、新闻和美文欣赏的文章信息，如文章编号、标题、作者、内容等。Lanmu表：用以记录栏目信息，如公告、新闻、美文欣赏。Database数据库中包含以下数据表：windstep_config表：用以记录留言板管理员信息，以及留言板站点配置基本信息，如管理员用户名、密码、留言板名称、网址等。widstep_notice表：用以记录留言板公告信息。windstep_topic表：用以记录用户留言信息，并记录用户信息，如用户昵称、QQ、信箱等。根据此网站功能和模块的划分，可以列出以下数据项和数据结构：名称：文章管理员数据表标识:admin表3-1：admin名称字段名称主键数据类型超级管理用户名nameYes文本超级管理密码passNo文本全部软件TOPreshuNo数字本周TOPnewshuNo数字名称：文章信息表标识:article表3-2article名称字段名称主键数据类型文章编号IdYes自动编号标题titleNo文本作者authorNo文本内容contentNo备注图片描述PicNo文本图片URLpicurlNo备注文章选自fileurlNo备注栏目编号lanmuidNo数字栏目名称lanmuNo文本栏目图片lanmupicNo文本栏目URLlanmuurlNo备注推荐tuijianNo数字关键词keyNo文本日期dateNo日期/时间浏览次数countNo数字重置reviewNo备注重置次数reviewcountNo数字名称：栏目信息表标识：lanmu表3-3lanmu名称字段名称主键数据类型栏目编号IdYes自动编号栏目名称LanmuNo文本栏目URLLanmuurlNo文本栏目图片LanmupicNo文本名称：留言板管理员信息表标识：windstep_config表3-4windstep_config名称字段名称主键数据类型管理员帐号AdminYes文本管理员密码AdminPasswordNo文本留言本名称GuestBookNameNo文本站点名称SiteNameNo文本站点网址SiteURLNo文本页面宽度TableWidthNo数字每页显示PerPageNo数字登录时间LastLoginDateNo日期/时间登录IPLastLoginIPNo文本用户IP的显示状态UserIPStateNo数字字数限制CountLimitNo数字是否显示留言簿公告ShowNoticeNo是/否是否显示搜索栏ShowSearchNo是/否是否显示浏览次数ShowCountNo是/否页面刷新次数VisitCountNo数字名称：留言公告信息表标识：widstep_notice表3-5widstep_notice名称字段名称主键数据类型信息IDNoticeIDYes自动编号信息时间NoticeDateNo日期/时间信息内容NoticeContentNo备注名称：用户留言信息表标识：windstep_topic表3-6windstep_topic名称字段名称主键数据类型编号TopicIDYes自动编号昵称UserNameNo文本信箱UserEmailNo文本QQUserQQNo文本主页UserWebSiteNo文本头像UserImageIDNo文本发表时间TopicDateNo日期/时间用户IPUserIPNo文本是否置顶IsTopNo是/否是否保密IsSecretNo是/否内容TopicContentNo备注回复时间ReplyDateNo日期/时间回复内容ReplyContentNo备注

第四章详细设计本网站主要分为三大模块：主页、文章管理和留言板。设计时首先建立一名为百科网的文件夹，并在其中建立以下文件夹：IMAGES文件夹：用于存放图片ADMIN文件夹：用于存放文章管理模块的相关文件。ARTICLE文件夹：用于存放与文章相关的文件。Book文件夹：用于存放与留言板相关的文件。HNDATAS文件夹：用于存放文章管理模块的数据文件。考虑到用户的浏览速度，本网站的图片大多采用小图片，版面大小均为1024*768像素4.1主页设计与实现首页的设计是一个网站成功与否的关键。人们往往看到第一页就已经对你的站点有一个整体的感觉。是不是能够促使浏览者继续点击进入，是否能够吸引浏览者留在站点上，全凭首页设计的功力了。本网站主页采用静、动相结合的方式，即静态的主画面和动态的图片相结合，体现网站的勃勃生气，整个页面采用浅绿色为主色调，给人以非常清爽的感觉。静态主页方式介绍百科网简介、医学小常识、科学技术、美食天地，美文欣赏、公告和新闻就得利用ＡＳＰ与数据库结合的技术建立数据库查询系统，采用交互式的动态的web画面来实现。下图为本网站的首页：图4-1网站首页界面设计思想：页面采用浅色调，用格式背景加浅蓝图片，并在旗帜图片上插入网站的宣传标语：优质生活，尽在百科。布局在能满足用户需求的基础上尽量简单，能有基本的导航功能，使用户第一次登录网站就能很好的操作。说明：本页取名为：index．asp。本页主要采用静态和动态相结合的方式，用表格和层布局。其中百科网简介、医学小常识、科学技术和美食天地均采用链接的方式链接到相应的页面。美文欣赏、公告和新闻均链接到alist.asp并通过数据库进行处理。旗帜图片用了一个FLASH使用页面显得很生动，公告栏使用了标签。并在页底正中声明了版权信息。4.2文章管理模块的设计与实现本网站主要通过文章管理模块实现对美文欣赏、公告、和新闻的管理。在网站根目录HNDATAS文件夹下建有一个名为datas.asp的数据源,用以保存文章管理信息。登陆路径：http://localhost/ADMIN/ADMIN.asp登陆用户名：admin登陆密码：admin4.2.1登录模块的设计与实现下图为文章管理系统的登录页面：图4-2管理员登录界面说明：本页面主要为文章管理后台的登录，取名为ADMIN.asp。当用户输入用户名和密码并点击进入，表单通过conn.asp向数据库提交数据，若正确，则进入管理系统并通过link.asp显示，若不正确，则重新回到登录框。本页面使用表单采用post方法来提交数据。4.2.2管理模块的设计与实现下图为文章管理模块的页面：图4-3文章管理界面说明：本页面取名为：admin_article.asp，存放于ADMIN文件夹下。主要是管理员对文章进行增加、修改和删除操作。当管理员进入系统点击[文章管理]，则进入管理页面。管理员选择要管理的栏目进入相应的文章管理，如上图以公告管理为例。本页主要是向数据库中检索记录并显示。当用户点击修改或删除按纽时则请求数据库进行相应的操作。4.3留言板模块的设计与实现4.3.1留言板首页的设计与实现下图为留言板的首页：图4-4用户留言板块界面说明：本页面存于book文件夹下，取名为index.asp。提供了用户签写留言功能，并提供搜索功能，用户可根据内容或作者搜索相应的内容。本页面分两种权限—用户和管理员，用户界面无需登录，但只有签写留言功能，如管理员登录后，则增加了对留言的回复、删除、置顶、和站点配置功能。4.3.2留言板登录模块的设计与实现留言板管理模块包括登录系统和管理系统。登录路径：http://localhost/book/login.asp登录用户名：admin登录密码：hngpz下图为留言板登录页面：图4-5管理员留言板登录界面说明：此页面存于book文件夹下，取名为login.asp，此页面主要通过conn.asp页面对管理员提交的用户名和密码进行验证，如正确则进入系统index.asp页面，管理员可对用户留言进行回复、删除、置顶和站点配置。如不正确，则重定向到登录页面。4.3.3留言板管理模块的设计与实现管理员登录系统成功后进入以下页面：图4-6管理员管理界面说明：此页面存于book文件夹下，取名为index.asp，此页面主要为管理员对留言板信息进行管理，用以管理员登录成功显示。主要功能有：删除留言、回复留言、留言置顶、站点配置、发布新公告。并提供搜索功能，以便于管理员更好的操作。4.3.4用户留言模块的设计与实现用户进入留言板首页，并点击“签写留言”时，则可进入留言。页面如下图所示：图4-7用户留言图说明：此页面取名为：news.asp，存于book文件夹下。用户可在此页面上填写留言及其他信息，点击提交后，系统自动提交给数据库并在留言板首页显示。对用户留言的限制，管理员可以后台进行设置。第五章网站维护5.1系统的使用说明与安装5.1.1运行环境要求Windows2000及以上版本IIS3、0以上MicrosoftAccess2000及以上版本5.1.2安装设置A.将本网站拷贝到硬盘上的某一目录下，如：拷贝至d:\百科网下。B.运行IIS，将默认的Web站点主目录设置为该目录，如上例应为d:\百科网。C．选中所要打开的页面，如index.asp，右键，选择浏览即可。5.2用IIS+ASP建网站的安全性分析随着Internet的发展，Web技术日新月异，人们已经不再满足于静态HTML技术，更多的是要求动态、交互的网络技术。微软推出的IIS+ASP的解决方案作为一种典型的服务器端网页设计技术，被广泛应用在网上银行、电子商务、网上调查、网上查询、BBS、搜索引擎等各种互联网应用中。与此同时，Access数据库作为微软推出的以标准JET为引擎的桌面型数据库系统，由于具有操作简单、界面友好等特点，具有较大的用户群体。目前，IIS+ASP+Access是中小型Internet网站的首选方案。但是，该解决方案在为我们带来便捷的同时，也带来了严峻的安全问题。一、安全隐患分析IIS+ASP+Access解决方案的主要安全隐患来自Access数据库的安全性，其次在于ASP网页设计过程中的安全意识和措施。1．数据库可能被下载在IIS+ASP+Access网站中，如果有人通过各种方法获得或者猜到数据库的存储路径和文件名，则该数据库就可以被下载到本地。例如：对于一个网站的数据库，一般命名为data.mdb、database.mdb等，存储路径一般为“URL/database”或放在根目录“URL/”下，这样，任何人敲入地址：“URL/database/store.mdb”，数据库就可以被下载了。2．数据库可能被解密由于Access数据库的加密机制比较简单，即使设置了密码，解密也很容易。该数据库系统通过将用户输入的密码与某一固定密钥（例如：Access97为86FBEC375D449CFAC65E28E613）进行“异或”来形成一个加密串，并将其存储在*.mdb文件从地址“&H42”开始的区域内。我们可以轻松地编制解密程序，一个几十行的小程序就可以轻松地获得任何Access数据库的密码。因此，只要数据库被下载，其信息就没有任何安全性可言了。3．ASP页面的安全性（1）源代码安全性隐患。由于ASP程序采用非编译性语言，大大降低了程序源代码的安全性。如果黑客侵入站点，就可以获得ASP源代码；同时对于租用服务器的用户，因个别服务器出租商的职业道德问题，也会造成ASP应用程序源代码泄露。（2）程序设计中容易被忽视的安全性问题。ASP代码使用表单实现交互，而相应的内容会反映在浏览器的地址栏中，如果不采用适当的安全措施，只要记下这些内容，就可以绕过验证直接进入某一页面。例如在浏览器中敲入“...page.asp?x=1”，即可不经过表单页面直接进入满足“x=1”条件的页面。因此，在验证或注册页面中，必须采取特殊措施来避免此类问题的产生。二、提高IIS+ASP网站安全性的方法1．防止数据库被下载由于Access数据库加密机制过于简单，有效地防止数据库被下载，就成了提高ASP+Access解决方案安全性的重中之重。以下这种方法简单、有效。为Access数据库文件起一个复杂的非常规名字，并把它放在几个目录下。例如，本网站中文章管理的数据库放在HNDATAS文件夹下，命名为：datas.asp，如果要打开，需把后缀改为.mdb才可。本网站中留言板的数据库放在book文件夹下的database文件夹下，取名为：database.mdb，因为放在几个文件夹下，也大大的增加了数据库的安全性。这样黑客想通过猜的方式得到Access数据库文件名就很难了。2．注册验证为防止未经注册的用户绕过注册界面直接进入后台管理系统，采用Session对象进行注册验证。例如，我们制作了下面的注册页面。设计要求注册成功后系统启动hrmis.asp?page=1页面。假设，不采用Session对象进行注册验证，则用户在浏览器中敲入“URL/hrmis.asp?page=1”即可绕过注册界面，直接进入系统。通过对IIS+ASP+Access系统安全性的研究，我对现有系统进行了改造，收到了较好的效果。

第六章总结经过一段时间的学习和开发,基本完成了此网站的开发。此网站基本实现了所需求的功能,能在后台对文章、公告、新闻以及留言板进行管理，人机界面也基本符合网站设计原则。通过毕业设计，我对以前所学的知识进一步的进行了加深和了解，除此之外，对新知识得到了一定的学习，并利用所学到的新知识开发出了所需的软件，在设计的过程中遇到了很多困难，由于是第一次使用ASP这个工具，所以做起来有点吃力有点慢，但所幸最后还是坚持了下来，并从中获益不少。此网站还有很多不足的地方，希望能在以后能有所改进！根据设计任务要求已基本实现了各种功能，网站中所具有的特点是各个界面都比较容易操作，并且每个操作都有相关的提示信息，因此操作起来也比较方便，管理员能及时对数据库进行的操作，这样有利于用户更清楚明了地掌握新的信息的需求。由于时间和技术的限制，本网站的设计还存在一定的缺陷，在老师的指导下,系统功能将更强大，更完善，对用户的使用也将带来极大的方便。通过理论加以实践加深了对知识的了解，特别是对书中的一些典型实例的编程思想、编程技巧的分析，得到了不少启发。当遇到困难时又回顾相关知识点，反复思考实例程序，对自己设计的每个模块具体又要实现哪些功能，用什么样的方法去实现等问题再作进一步的分析，然后就逐个模块去一一详细设计，设计的过程中不时地翻阅资料，并收集了网站上高级界面设计精典范例，引用一些巧妙的技术来优化程序。在程序的调试过程中，也逐步的提高了调试效率，通过知识的积累、经验的总结，最终达完成了网站的设计与开发。总之，几个月的毕业设计，更深地清楚了软件开发的整个过程。毕业设计是对大学所学知识的一个综合运用和总结，是培养自学能力的黄金时段，也是一次增长知识和经验的好机会，整个过程中都运用到“提出问题——分析问题——解决问题”这一规范化的处理方法。大大提高了动手能力的同时也提高了处事能力，增强了思维方法。为工作奠定了良好的基础。为人生铺设了坚固的基石。

致谢在本次毕业设计中，我要非常感谢指导老师在我遇到困难时给予了我耐心的解答，这对于我以后的工作和学习都有一种巨大的帮助，感谢他耐心的辅导。还有感谢在大学三年来教育我的老师们，是他们的教诲才让我有了很大的成长。要感谢给予我的朋友们，在我遇到困难时对我及时的帮助！

参考文献[1]张固，汪晓平．ASP网络应用系统典型模块开发实用解析．北京：人民邮电出版社．2004．7[2]龙马工作室．DreamweaverMX2004&ASP动态网页编程完全自学手册．北京：人民邮电出版社．2005．１[3]何枫．动态网站编程基础．成都：西南交通大学出版社．2003．5[4]四维科技，胡标．ASP网络编程技术与实例．北京：人民邮电出版社．2004．5[5]王曰芬，丁晟春．电子商务网站设计与管理．北京：北京大学出版社．2002．１[6]郭盈发,张红娟．数据库原理．西安：西安电子科技大学出版社．2002.2[7]刘小伟,蒙坪,新夫,梁丽明．网页设计实用教程．北京：中国铁道出版社．2003.7

附录Ⅰ：主要源代码程序清单:主页程序:<html><head> <title>百科知识网</title><scriptlanguage=”JavaScript”type=”text/JavaScript”><!--functionMM_reloadPage(init){//reloadsthewindowifNav4resizedif(init==true)with(navigator){if((appName==”Netscape”)&&(parseInt(appVersion)==4)){document.MM_pgW=innerWidth;document.MM_pgH=innerHeight;onresize=MM_reloadPage;}}elseif(innerWidth!=document.MM_pgW||innerHeight!=document.MM_pgH)location.reload();}MM_reloadPage(true);//--></script><linkhref=”STYLE.CSS”rel=”stylesheet”type=”text/css”><styletype=”text/css”><!--body{margin-left:0px;margin-top:0px;margin-right:0px;margin-bottom:0px;}--></style></head><body><divalign=”center”><tablewidth=”778”border=”0”cellpadding=”0”cellspacing=”0”><tr><tdrowspan=”2”align=”right”background=”images/Title.jpg”><p> </p><p> </p></td><tdheight=”136”colspan=”2”background=”images/top.jpg”><objectclassid=clsid:D27CDB6E-AE6D-11cf-96B8-444553540000codebase=/pub/shockwave/cabs/flash/swflash.cab#version=4,0,2,0height=136width=551><paramname=”movie”value=”IMAGES/top.swf”><paramname=”quality”value=”high”><paramname=”wmode”value=”transparent”><embedsrc=”IMAGES/top.swf”quality=highpluginspage=”/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash”;type=”application/x-shockwave-flash”width=”551”height=”136”wmode=”transparent”></embed></object></tr><tr><tdcolspan=”2”><imgsrc=”images/Manu.jpg”width=”561”height=”50”border=”0”usemap=”#Map”></td></tr><tr><tdwidth=”0”height=”233”valign=”top”background=”images/LB3C.jpg”><tablewidth=”217”border=”0”cellpadding=”0”cellspacing=”0”><tr><tdwidth=”210”height=”233”align=”left”valign=”top”background=”images/GG.jpg”><tablewidth=”171”border=”0”cellspacing=”0”cellpaddin