毕业设计（论文）基于web的flash教学网站的设计和实现

前言 4摘要 5ABSTRACT 6第一章概述 71.1选题背景 71.2课题的发展现状 81.3开发意义和系统功能 9第二章可行性分析 102.1可行性分析的的任务 10可行性分析 10技术可行性 10操作可行性 11经济可行性 112.2.4结论 11第三章需求分析 12需求分析的任务 12系统分析 123.2.1用例分析 133.2.2用例描述 143.3系统设计原则 15系统功能需求分析 163.4.1数据流图 163.4.2数据字典 17数据库概念结构设计 19第四章系统总体设计 21系统实现的关键技术 214.1.1ASP技术 214.1.2网页设计技术 234.1.3Web服务器技术 244.1.4ADO技术 254.1.5ASP访问Access数据库步骤 26系统功能流程图 27系统功能模块划分 274.3.1.前台功能说明 274.3.2后台管理设计说明 29系统结构设计 304.5数据库逻辑结构设计 30第五章 详细设计 355.1前台显示部分设计 355.1.1版面设计 355.1.2会员功能模块设计 365.1.3信息查询模块设计 385.1.4浏览模块 385.1.5论坛模块 385.1.6留言模块 39后台管理模块设计 395.2.1管理员登陆 395.2.2信息管理模块 405.2.3留言管理 405.2.4论坛管理 41第六章 系统测试 436.1测试概述 43基于WEB的软件的测试方法 43黑盒测试 44白盒测试 446.3测试过程 456.3.1链接测试 456.3.2表单测试 456.3.3数据库测试 456.3.4导航测试 456.3.5图形测试 456.3.6整体界面测试 46安全性测试 46第七章 软件的使用说明 477.1硬件环境 47软件环境 477.3系统环境配置 477.3.1IIS的安装和配置 477.3.2建立Web站点 48．软件使用说明书 497.4.1前台功能演示 497.4.2后台功能演示 53第八章 设计总结 56参考文献 57致谢 58前言网络教学系统以其丰富的网上学习资源、良好的交互、快捷的通信方式，为人们的个别化学习提供了可能。现代生活中学习的信息源不再仅仅局限于教师，学习的方式、过程也不再需要完全由教师来组织和控制。通过Internet人们可自主查询、获取和演示网络服务器上的多媒体课件，可在网上进行练习，并在学习过程中，浏览服务器上的信息。并且可根据自己的知识水平和能力层次控制学习的进度，选择不同的学习内容进行个别化和交互性的学习，这一切都为人们学习提供了一个探索和发现知识的开放的学习环境。人们学习的过程被赋予自主学习的权力，可以通过协作方式，主动去查询资料、解决疑难、探索知识。随着多媒体技术的发展，音乐、动画、文字实现互相穿插链接使得互联网内容变得越来越精彩纷呈。其中，Flash以其插件小，通用性能好，动画速度快，与多媒体交互功能齐全，易学易用成为当今Internet上最流行动画作品，如网上各种动感网页、LOGO、广告、MTV、游戏和高质量的课件等的制作工具，并成为事实上的交互式矢量动画标准，它欢快明朗的风格深受广大年轻人喜爱。Flash的设计界面友好，操作方便，对有兴趣的设计者即使从未接触过，只要经过一段时间学习，就可以轻松地用Flash做出简单的动画；而闪客高手则更可以发挥想像力，随心所欲的制作复杂的动画，在作品中实现自己的梦想，创造出动感十足、交互性强、精美绝伦的作品。而且作为一种深受人们喜爱的文化传播形式，Flash动画能够紧紧抓住年青人追求新鲜事物并愿与好朋友分享快乐的心理，调动大家下载或者传递给也喜爱Flash的亲朋好友，可以通过目的性极强的一对一、一对多，多对多的“耳语”传递，将信息随Flash不知不觉地传递给目标受众，对目标受众的影响潜移默化，不容易引起反感和拒绝，传播率几乎能够达到100％。比起传统的各种形式的广告和公关宣传，通过Flash进行传播有着信息传递效率高、受众接受度高、宣传效果好的显著优势。而且Flash

的传播特性也无形中演变成为一种隐性的广告宣传，寓“商”于乐，充分挖掘了网络文化与商业机制合作的巧妙切入点和巨大潜力，显示出了Flash动画的巨大商业推广价值。该网站鉴于目前Flash发展现状及Flash市场需求的空间潜力，主要面向所有爱好Flash动画制作的的朋友们，展现一个Flash在线网络教学平台。该Flash教学网站采用Asp技术，后台数据库采用MicrosoftAccess，网站设计包括业界新闻、在线教程、设计欣赏、交流论坛、留言板、网站后台管理系统等模块。整个系统有很大的扩展性，用户在网站论坛注册后，可以自由的在论坛上进行信息交流及文件上传等操作，扩充整个网站的信息量。摘要本文介绍了基于Web的Flash教学网站的设计和实现方案。随着Internet的迅速发展,使得人们开始从网上获取信息和知识,传统的“粉笔+黑板”式的课堂教学手段以及教科书为核心的教学模式,即将被一个全新的网络教学所代替。可以说,网络教学已成为社会所共同关心的热点。而且Flash技术发展到今天，作为真正的网络领域二维动画的既定标准，已经成为互联网多媒体的重要分支。它不仅拓展了人们想像的空间，为人们提供了一种崭新的娱乐文化模式，并且像病毒一样四处扩散，彰显一种全新的传播魅力。该网站主要面向广大的Flash学习爱好者，设计并实现了业界新闻浏览、在线教程，设计欣赏、交流论坛、留言板，站内内容搜索，网站后台管理系统等模块。

管理员拥有对整个系统的维护权限，可以对后台数据库进行修改，添加和删除等操作。

该系统基于Asp语言采用MacromediaDreamweaver8工具开发，后台数据库为Access。关键字：教学网站，ASP，FlashABSTRACTThisarticleintroducedbasedonthedesignofWebFlashteachingwebsiteandcarryoutaproject.AlongwiththeInternetrapiddevelopment,causesthepeopletostartfromtheon-linegaininformationandtheknowledge,thetradition"thechalk+blackboard"thetypeclassroominstructionmethodaswellasthetextbookforthecoreeducationalmodel,soonisreplacedbyabrand-newnetworkteaching.Itcanbesaidthat,thenetworkteachinghasbecomethehotspotwhichthesocialinstitutecaredabouttogether.AndtheFlashtechniquedeveloptilltoday,thedecidedstandardofconductandactionsrealtwo-dimensionalanimationofthenetworkrealm,havealreadybecometheimportantbranchofInternetmultimedia.Itnotonlyexpandedpeopletoimagineofspace,providedakindofbrand-newmusementculturalmodeforpeople,andproliferatesequallyinalldirectionslikethevirus,revealsonekindofbrand-newdisseminationcharm.ThiswebsitemainlyfacesthegeneralFlashstudyamateur,designedandhasrealizedthefieldnewsbrowsing,theon-linecourse,thedesignappreciation,theexchangeforum,themessagecenter,search,andwebsitebackstagemanagementsystem.Themanagerhastotheoverallsystemmaintenancejurisdiction,maycarryontherevisiontothebackstagedatabase,operationandsoonincreaseanddeletion.ThissystemusesMacromediabasedontheAsplanguage、developedbyDreamweaver8,thedatabaseisbuiltbyAccess.Keywords:Teachingwebsite，ASP，Flash概述选题背景随着信息技术的高度发展以及它的广泛应用，使得以互联网络为基础的网上教学网站越来越多，而参加网络教学也逐渐成为一种时尚。这种教学方式打破了传统教学的时空界限，可以让人们体验到自由获取知识的乐趣，具有教学过程的交互性，具有教学更快、教学媒体利用更充分的特点。蓬勃兴起的网上教育以其全新的高科技教学手段为解决我国当前资源严重短缺而教育需求日益扩大的矛盾提供了一种投资少、见效快、优质高效的解决方案，它必将成为我国未来教育发展的重要方向。网络教学开创了新的教育与学习的环境，对传统的教育模式带来了巨大的冲击与挑战，更重要的是它突破了学校与现实社会间的藩篱，带动学校与学校间、学校与企业、社区间的互动与合作，达到学习与生活紧密结合的教育最高理想。Flash是一种能够在电脑或者其他带微型处理器和显示器上观赏的电子动画。它内容丰富，能够同时展示图像、声音和文字，而且数据量少，一般来说，动画片视频是同样大小、清晰度实物视频数据量的1/4到1/10。Flash的前身是FutureWave公司开发的FuturesplashAnimator，基于矢量的动画制作软件，后被Macromedia公司收归旗下，结合MacromediaShockwave，在Web上用于发布交互式的动画。Macromedia收购FutureSplash的原因是，FutureSplash完善了Macromedia的Director产品，Director是一种应用于互联网很长时间的可编程技术，它能生成互动的产品展示和游戏。由于Director不是为互联网设计的，所以Director最精彩的电影因占用带宽过大而不能在互联网中播放，因此Flash成为代替Director在互联网中传播的新技术。Flash颠覆了陈旧而古板的表述方式，第一次那么贴切地表达了年轻一代的情感和心声，在这个新生的“闪文化”世界里，不仅仅有娱乐，有游戏，有另类感觉，还有一个能带给年轻人无限可能的“美丽新世界”。如果说互联网是一个设计师的天堂，那么Flash就是为一切想像力插上了飞翔的翅膀。Flash拓展了人们想像的空间，为人们提供了一种崭新的娱乐文化模式。在“闪文化”世界里，只有真，只有纯，只有意气风发，其余种种，风格也好，资历也罢，统统可以丢入垃圾桶里。这正是Flash所树立的，也正是年轻人喜欢它的地方。Flash兴起的纯粹民间化，使其先天一副亲人姿态，自由、放松、真实而且完全的肆无忌惮。网络再也不是精英的玩意儿。因此，Flash成为继网络文学后的又一大原创阵地，民间智慧颠覆了高高在上的经典。该教学网站全面地提供了Flash的学习资料和动态交互的学习空间。可以充分地使每一个Flash的爱好者得到学习交流和提高的机会。1.2课题的发展现状网络教学具有其它技术手段无可比拟的优越性，因此世界各国尤其是发达国家无不对此给予高度的重视。美国总统克林顿在1996年初就要求在2000年以前把每一间教室和每一个图书馆都联到Internet上。英国到2000年已有24门学科不同程度地实现了课程与网络的结合。日本政府在100所中小学进行的联网试验研究项目要通过一系列科学试验探索新的教育体制与教学模式。以上各国主要从硬件和实践上建立网络教学的环境，并建起信息传递式、合作学习模式、模拟角色扮演式等几种主要的教学模式。在我国，利用网络进行教学仅仅主要停留在课程内容的发布上，网络只是一种信息传递的媒体，而没有当作一种通讯平台来使用，因此用较少的投资构建一种把网络与教学紧密结合的教学模式十分必要。而且在现在这个网络遍布的时代，将众多的计算机和设备连在一个共享网络里，你在家动动手指就可以共享丰富的数据库信息，大量的数据文件，完成异地之间的数据交换与通信。也有不少网友建立起自已的个人网页，发布与其教学有关的内容以及一些练习，而与学习者真正实现交互的仅仅是通过“给我留言”之类的E－Mail链接，其实这只能称作网页，而不能称作为网站。它只是将一个个静态的页面链接起来，而且交互性也很差，因此根据自身的特点设计一个具有交互式的教学网站，就成为了目前面临的紧要任务。1.3开发意义和系统功能

应用现代信息技术，使网络与课程相结合，建构网络化环境，有利于协作学习方式的形成，在自学的基础上开展讨论、争论、甚至辩论，以此保持自己的知识，升华自己的认识。网络环境中人们根据学习的要点，利用网络调用信息资料，自由浏览，或者针对某一问题进行探讨，相互交流形成共识。这样，学习者之间的协作可在网络环境中实现，达到较好的教学效果。不仅这样,而且还有助于有利于激发人们的学习兴趣，培养探索、研究精神，从而有可能真正达到让学习者主动建构知识意义、实现自己获取知识甚至创造新知识的理想目标。创新意识与能力的培养，能够及时了解世界，跟上时代的步伐，并从中受到启发，萌生出创新的欲望和创新的意识。并且，通过现代信息技术与课程的整合，充分协调和整合人与机的互动关系，从而使学习者能够自由发展，自主式地学习，培养人们的终生学习能力，并通过这些能力的培养实现对知识的探索和创新。在网络领域，目前世界前500强企业早已经转向使用Flash技术，Flash技术可以传递完整、互动的信息，从而使响应比率比标准的Banner广告大大提高。Flash从网络走向电影、电视、卡通、声乐，推动了传统媒体和互联网媒体的融合，Flash渐渐被用在网络以外的更广阔的领域，电视台、广告公司、唱片公司、远程教育……Flash被用来做动画、游戏、MTV、节目包装和广告，过去只能吸引“眼球”的Flash现在身价倍增，闪客经济诞生了。其商业潜力的根源在于抓住了年轻人——这个最有潜力的消费群体。英特尔、海飞丝等一些大企业纷纷举办Flash创作大赛，希望借Flash这一新生事物宣传企业形像；SONY公司录制了一张Flash音乐专辑；微软公司WindowsXP新版发布会的演示动画采用了老蒋制作的《新长征路上的摇滚》；江苏电视台等电视机构已经为商业Flash动画开出了每秒200至600元的价格。宝洁包括汰渍、佳洁士、玉兰油、潘婷等知名品牌都曾经通过Flash做过宣传并且获得不菲的访问量。MotorolaT190采取的是网上推广。网站建成以后，短时间内收到了良好的宣传效果(日访问量超过10万次)，达到了树立公司品牌形像，推广新产品的目的。Flash越来越多的出现在我们的生活中，越来越吸引着人们的眼球。鉴于此，建立一个Flash教学网站，不仅能够展示Flash的魅力，而且让越来越多的爱好者加入其中，充分发挥自已的想象力，使网络世界变得更加丰富多彩，有声有色。本系统主要可以实现用户的注册登录，新闻的浏览，并提供教学资源的下载和经典设计的欣赏，而且还设计提供了论坛，留言板等功能模块，以供学习爱好者之间的心得经验的交流。除此之外，网站的后台管理模块使得管理员在登陆后可以直接对后台数据库进行修改、添加和删除等操作，操作方便快捷。可行性分析2.1可行性分析的的任务可行性分析的任务是明确应用项目开发的必要性和可行性。这项工作需建立在初步调查的基础上，如果对信息系统的需求很不迫切，或者条件尚不具备，就是不可行。本系统是一个基于Web的Flash辅学系统。涉及新闻发布,在线学习功能,优秀设计作品欣赏等模块,为了使此系统有更强的友好性，我们在设计方面时，考虑到了用户的方便与快捷使用户一目了然，更好更快地进行Flash教学,也设计了交流论坛和留言板模块。建站的必要性来自实现开发任务的迫切性，而可行性则取决于实现应用系统的资源和条件。系统可行性包括经济上的可行性、技术上可行性、管理上的可行性。技术可行性本系统是基于Web的Flash辅学系统，用ASP来完成，数据库采用Access。ASP是微软公司推出的一种用以取代CGI通用网关接口的技术。可以通过ASP结合HTML语言、ASP指令和ActiveX元件以及数据库等方面知识，使用自己的

Web

服务器创建并运行动态的交互式

Web

站点。因为ASP采用Script语言（VBScript和JScript），能够轻松的编写程序，而且编写ASP无须手工Compile编译或链接程序，可在服务器端直接执行，而且使用普通的记事本之类的文本编辑器即可进行编辑设计。通过ADO可以非常方便地访问数据库，从而使存取数据库变得轻松容易。同时Web应用程序是一种分布式的应用程序，要由服务器端的Web服务器和客户端的浏览器相互配合来完成功能，所以其结构又被称为B/S(Browser/Server)结构。与传统的C/S(Client/Server)结构不同，B/S结构中的大部分功能都在服务器端实现。服务器根据用户浏览器发送的请求，在进行相应的运算和处理后，向用户浏览器发送Web页面，页面由标准的HTML文本、Javascript或者Vbscript客户端脚本构成。因此，控制客户端的显示界面是所有Web应用程序都必须实现的功能。而ASP是运行在服务器端，所以我们无须担心浏览器是否支持ASP所使用的编程语言,用户端只要使用可执行HTML码的浏览器，即可浏览Active

Server

Pages所设计的网页内容，这样也就减轻了客户端浏览器的负担，大大提高了交互的速度。另外，Web应用程序一般都要使用后台数据库，所以与数据库交互的功能模块也是这类应用程序所必需的。根据Web应用程序和ASP技术的特点,通过在实际工程中的不断摸索得到了一种基于ASP技术的三层Web应用程序开发设计模型。这种模型把Web应用程序划分为三个基本的层次:用户界面层、业务逻辑层和数据访问层。整个系统的开发，在技术水平上完全可以实现，并能保证系统的稳定运行。2.2.2操作可行性本系统采用ASP作为开发工具，使用ACCESS作为后台的数据管理系统，而在前端使用ADO组件来访问实际的数据库，它之所以被集成到Office中而不是Visual

Studio中，是因为它与其它的数据库管理系统相比更加简单易学，一个普通的计算机用户即可掌握并使用它。而且最重要的一点是，Access虽然小，但是灵活性强且功能足够强大，足以应付一般的数据管理及处理需要。2.2.3经济可行性硬件方面只需要一台能链接互连网的计算机，此外无需更多硬件，只需要进行系统软件开发和维护。结论综上所述,整个系统不管是技术上,操作上还是经济上都是切实可行的，可以立即进行。需求分析需求分析的任务就是确定系统必须完成哪些工作，也就是对目标系统提出完整、准确、清晰、具体的要求。本系统是一个基于Web的Flash教学网站，涉及到新闻发布、教程资源和设计欣赏等方面，用户方面涉及到用户的注册登录，协作交流等。为了使此系统有更强的友好性，我们在设计时，考虑到了用户的方便、快捷和一目了然，能更好更快让Flash爱好者进行学习和交流。3.2系统分析在开发Flash教学网站之前，需要对其的网络结构有一个总体的了解。Flash教学网站的网络结构如图所示：3.2.1用例分析用例图用来描述系统与参与者之间的相互作用，也可以说是从用户的角度出发对如何使用系统的描述。其中角色代表了某一事件的参与者，在通常的网络项目中，角色常用来代表使用网站的用户（管理员、用户等），用例代表系统可以实现的功能，一个项目中往往涉及很多个用例，通常一个用例代表一组功能，它实际上规定了系统实现功能的范围，当角色和用例发生某种关系时，就可以用一个图将它们关联起来，这就是用例图。本节将针对Flash教学网站进行详细的用例分析。Flash教学网站允许用户有两种身份：用户及管理员，每种身份操作起来都跟方便、快捷。用户可以浏览网站上的新闻、在线阅读网站提供的教程，欣赏优秀经典的Flash作品，发表留言等，这些信息任何人都可以查看，但是如果想要在论坛中自由的讨论交流，则必须是已经登陆的注册用户，这些已注册登陆的用户可以享有在论坛中随意的浏览帖子，还可以参与发帖、编辑自己已发布的帖子、回帖等权利。网站的所有基本信息都由管理员对其统一管理。Flash教学网站的用例图如图所示：3.2.2用例描述用例图建立完成后，就要编写用例描述，用例描述也就是对系统各个功能进行描述，这有利于准确的描述出系统的功能，理请自己的思路，更是和用户进行有效沟通的保障。(1)管理个人信息只有成功注册成为本站会员，才能对注册信息进行查看和修改，也可以在本站提供的BBS上进行交流，此论坛主要用于学习者之间的切磋和交流。用户在前台完成注册、登陆后，即可成为会员进行分版块浏览，就某个感兴趣的话题展开讨论，属于同一版块的帖子讨论同一话题，这样，使对某一话题感兴趣的用户不会被其他帖子干扰，也有利于相同感兴趣的用户互相讨论，不易跑题。用户可以通过发帖功能发布新的话题，通过回帖功能回复已有的话题，还可以任意浏览自己感兴趣的话题，这些都是一直贯穿于用户的前台活动。（2）新闻浏览为了让大家能即时了解Flash发展的最新动态，掌握其发展趋势，新闻发布可以动态的显示近期发布的业界新闻及热点新闻，进入前台主页面即可看到滚动的新闻，以时间和主次用不同颜色标记，清晰明了，起到导读和标志的作用。（3）教程阅读进入在线教程即可浏览本站提供的教程详细内容，本站为广大Flash爱好者提供了Flash教程的在线阅读学习，以及本文被浏览次数和当前所在页数。（4）设计欣赏本站提供了许多优秀经典Flash在线欣赏，让广大学习者从这些优秀Flash当中学习他们的设计风格。（5）发表留言如果用户在学习过程中遇到任何问题，或对本站有建议和意见即可在次对本网站发表留言，便可以得到网站管理人员的即时回复，并对网站发展进行优化改进。（6）搜索查询此模块用于用户查询搜索本站提供的一切信息。（7）管理新闻信息此模块只有管理员才允许使用。用于对新闻信息的修改，添加和删除。（8）管理教程信息此模块只有管理员才允许使用。用于对教程信息的修改，添加和删除。（9）管理设计欣赏信息此模块只有管理员才允许使用。用于对设计欣赏内容的修改，添加和删除。（10）更改帐户此模块只有管理员才允许使用。用来修改管理员的用户名和密码。（11）管理友情链接此模块只有管理员才允许使用。用于对友情链接信息的修改，添加和删除。（12）管理留言信息此模块只有管理员才允许使用。用于对留言信息的删除，管理员还可以对用户提出的问题给予答复。（13）管理论坛此模块只有管理员才允许使用。论坛的后台模块都是与管理员相关的，设置论坛参数单独为论坛常规设置模块；创建、修改和删除版块为管理分类版块模块，管理员对论坛的帖子有监督的权利，好的帖子要奖励，捣乱的帖子要删除，标识精华帖，置顶帖子，转移发错版块的帖子；删除、添加和设置权限为管理用户模块；此外，还包括帖子留言文件的管理、风格插件管理，数据库管理。3.3系统设计原则1．页面模块化本系统在界面设计上都采用了模块化处理思想，把很多页面共有部分集成一个模块，例如页面的头、尾、数据库的链接等，这样在设计新的页面时如果遇到重复出现的部分，只需要拿现成的模块来组装就可以了。2．后台维护与前台显示模块分开本系统把后台管理员的维护模块和前台用户浏览信息模块独立开来，而又统一于一个数据库，便于管理员管理维护数据，也便于用户浏览。用户权限的限制又增加了系统的安全性。3．网页活动配置首页是一个复杂多变的页面，要在什么位置显示什么内容，在什么位置进行什么处理，无法形成规律，只有对能够抽象的部分进行规律提取，包括栏目、检索、图片、Flash、滚动新闻及链接等，所有的前台页面都由后台的管理程序进行处理。这种设计比较灵活，方便了使用者。4．本Flash教学网站的主要功能前台主页提供查看发布的业界新闻、Flash教程、Flash欣赏、论坛帖子、留言等信息。该部分显示的内容有严格的权限限制，主页有登陆入口，只要输入正确的用户名和密码，即可成为会员在论坛自由交流，而气态的信息没有权限限制，主要是面向所有Flash爱好者的一些公共信息。主页上方有管理员登陆后台管理系统的入口，就可以在系统中进行相关的维护操作。后台系统提供网站系统管理人员进行系统维护，信息发布和信息更新，本系统设计在后台系统所显示的信息在系统中有很严格的权限设置，面向Flash网站管理人员，需要确认身份登陆后才能进入。3.4系统功能需求分析3.4.1数据流图所谓数据流图（DataFlowDiagram，简称DFD）是一种分析系统数据流程的图形工具，是用一些规定的符号和图标来描述数据在系统中的流动和处理的情况。数据流图一般采用自下而上逐步求精的结构化表示方法，也就是以图形的方法将系统中的数据传递，转化过程以直观的方式表达出来，它摆脱了系统的物理内容，精确地在逻辑上描述系统的功能、输入、输出和数据存储等，是系统逻辑模型的重要组成部分。一般由数据流、加工、文件和数据源或终点四项组成。3.4.2数据字典条目名：文章信息录入单条目名：文章信息录入单定义：文章信息=文章ID+文章区域+所属类别名+文章标题+文章内容+录入时间+阅读次数+显示状态+相关链接文字+相关链接地址+文章出处+图片路径数据来源：手动输入数据去向：存入数据库简要说明：主要是网站上可显示的信息的基本情况，用户能对它进行查询条目名：文章类别录入单条目名：文章类别录入单定义：文章类别=类别ID+文章区域+类别名称数据来源：手动输入数据去向：存入数据库简要说明：主要是网站上可显示的版块条目名：留言基本信息录入单条目名：留言基本信息录入单定义：留言信息=留言ID+呢称+性别+E_Mail+个人主页+QQ号+留言者单位+留言标题+留言内容+登陆IP+留言时间+管理员回复时间+回复内容数据来源：手动输入数据去向：存入数据库简要说明；主要是对留言基本信息和回复信息的记录条目名：友情链接信息录入单条目名：友情链接信息录入单定义：友情链接信息=友情链接名称+友情链接地址+链接图片数据来源：手动输入数据去向：存入数据库简要说明；主要是友情链接显示的信息条目名：管理员信息录入单条目名：管理员信息录入单定义：管理员信息=帐户名+密码+最后登陆时间+作后登陆IP数据来源：手动输入数据去向：存入数据库简要说明；主要是系统管理员的基本信息的描述条目名：论坛帖子信息录入单条目名：论坛帖子信息录入单定义：帖子信息=帖子编号+主题编号+回复主题编号+版面编号+发帖人+帖子标题+帖子内容+发帖时间+发帖人IP数据来源：手动输入数据去向：存入数据库简要说明；主要是对论坛帖子信息描述条目名：论坛版面信息录入单条目名：论坛版面信息录入单定义：版面信息=版面编号+上级版面编号+上级版面名称+版面层数+子版面数量+主版面编号+显示顺序+版面名称+版面介绍+版面设置+版面等级+斑竹+版面用户+主题数量+总帖数+今日发帖数+最后回复数据来源：手动输入数据去向：存入数据库简要说明；主要是论坛版面信息的描述条目名：论坛用户信息录入单条目名：论坛用户信息录入单定义：用户信息=用户名+密码+安全问题+问题答案+精华帖+总帖数+积分+在线时长+E_mail+个人主页+QQ号码+用户等级+等级名称+等级Logo+金钱+签名+性别+生日+头衔+帮派+注册IP+登陆IP数据来源：手动输入数据去向：存入数据库简要说明；主要是论坛用户信息的描述数据库概念结构设计系统总体设计4.1.1ASP技术1．ASP概述ASP（ActiveServerPages）是微软公司开发的服务器端脚本的编写环境，是用来创建动态网页和设计具有交互功能的Web服务器应用程序的一种技术。ASP程序主要由三部分组成：HTML语言、脚本语言（主要是VBScript和JScript语言）和ASP的内置对象。此外，利用ASP技术还可以结合服务器端的ActiveX组件，方便而高效地实现各种复杂功能，如数据库访问、文件存取等。ASP程序是以.asp为扩展名的文本文件，利用文本编辑器编辑完成后，保存到Web服务器的指定目录下。用户通过客户机上的浏览器向Web服务器请求一个.asp文件，服务器收到请求后调用ASP处理程序，该程序读取请求的.asp文件，执行其中的服务器端脚本，并生成静态的HTML页面回送给客户机的浏览器。因此，当用户浏览ASP页面时，浏览器解释执行的是服务器端的执行结果——HTML文档。在ASP脚本中，我们可以使用的对象主要有ASP的内置对象和ActiveXServer组件中提供的对象。ASP之所以能受到大家的重视与使用的原因，主要在于所产生的执行结果都是标准的HTML格式，而且这些程序是在网络服务端中执行，使用一般的浏览器（如IE或Netscape）都可以正确地获得ASP的“执行”结果，并且将这ASP执行的结果直接在浏览器中“浏览”，不像VBScript或JavaScript是在客户端（Client）的浏览器上执行，若使用VBScript来设计程序，客户端（Client）在ＩＥ浏览器中可以显示程序执行的结果，可是，客户端（Client）若使用Netscape浏览器就无法显示VBScript的执行结果。2．ASP特点(1)语言相容性高ASP与所有的ActiveXScript语言都相容，除了可结合HTML，VBScript、JavaScript、ActiveX服务器组件来设计外，并可经由“plug-In”（外挂组件模组）的方式，使用其他厂商（ThirdParty）所提供的语言。使用VBScript、JavaScript等简单易懂的脚本语言，再结合HTML代码，就可以快速创建大部分网站元素。(2)无须进行编译，容易编写，可在服务端直接执行。(3)与浏览器无关（BrowserIndependence）,客户端只要执行HTML代码的浏览器,即可浏览ASP的网页内容。ASP所使用的脚本语言（VBScript、JavaScript）均能够在Web服务器端执行，客户端的浏览器不需要执行这些脚本语言。(4)可使用服务器端的脚本来产生客户端的脚本。(5)可以使用ActiveXServerComponents(ActiveX服务器无件)扩展ASP的功能。(6)任何开发工具皆可发展ASP,只要使用一般的文书编辑程序，如Windows记事本，就可以编辑。当然，其他网页发展工具，例如，Dreamweaver、FrontPage等也都可以；不过用记事本来写，既省钱又方便，若是使用那些所见即所得的网页编辑来写ASP，可能会发生一些意想不到的离奇状态。通吃各家浏览由于ASP程序是在网络服务器端中执行，执行结果所产生的HTML文件适用于不同的浏览器。(7)隐密安全性高如果我们在浏览器中直接查看网页的原始代码，就只能看到HTML文件，原始的ASP程序代码是看不到的！这是因为ASP程序先于网站服务（ＷebServer）端执行后，将结果转换成标准HTML文件，再传送到客户端（Client）的浏览器上，因此，我们所辛苦撰写的ASP程序并不会轻易地被看见进而被盗用。(8)易于操控数据库ASP可以轻易地通过ODBC(OpenDatabaseConnectivity)驱动程序连接各种不同的数据库，例如：Acess、Foxpro、dBase、Oracle等等，另外，ASP亦可将“文本文件”或是“Excel”文件当成数据库用。(9)面向对象学习容易ASP具备有面向对象（Object-Oriented）功能，学习容易，ASP提供了五种方便能力强大的内建对象：Request、Response、Sever、Application以及Session，同时，若使用ASP内建的“Application”对象或”Session”对象所撰写出来的ASP程序可以在多个网页之间暂时保存必要的信息。3．ASP内置对象介绍Request对象：用于控制接受客户端向服务器端提交的数据。Response对象：用于控制从服务器端将数据下载到客户端。Session对象：为访问网络的每一个客户设置属性和数据。用于在一个客户的多个页面之间共享数据。Application对象：为访问网络的所有用户设置共享的属性和数据。用于在多个客户之间共享数据。Server对象：用于访问服务器上的方法和属性。最常用的是CreateObject方法，用来创建服务器组件的对象实例。网页设计技术1．CSS概述用HTML制作网页就象是用画笔绘制一幅图画。只有那些对网页制作痴迷而执着的人才可能精确地实现预定的结果，这并不是正确的工具和灵活性就可以实现的。任何使用过HTML一个多星期的人都知道HTML是一种非常好的网页制作工具。所以有时候我们不得不制作体积相当大的GIF图象以获得想要的字体和布局。同样，有时候也不得不使用各种表格标签和隐藏的空格GIF图象以使页面的布局能达到预想的目的。的确有些荒唐。我们的编码实在是太复杂了，GIF用量越来越多，而我们的页面变得比英吉利海峡还要宽，互联网有限的带宽怎么可能通过这么宽的信息呢？这种设计并不是网页设计的最佳形式。但是，1996年底的时候悄悄诞生了一种叫做样式表（stylesheets）的技术。全称应该是串接样式表（CascadingStylesheets－简称CSS）这位HTML的表弟向世人保证：将对布局、字体、颜色、背景和其它文图效果实现更加精确的控制；只通过修改一个文件就改变页数不定的网页的外观和格式；在所有浏览器和平台之间的兼容性；更少的编码、更少的页数和更快的下载速度。除了还不能全面支持我们常用的大多数浏器之外，CSS在实现其它承诺方面作得相当出色。CSS在改变我们制作样式表的方法。它为大部分的网页创新奠定了基石。2．Dreamweaver概述Dreamweaver是美国Macromedia公司开发的集网页制作和网站管理于一身的所见即所得网页编辑器，它是第一套针对专业网页设计师特别发展的视觉化网页开发工具，利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。Dreamweaver的特点：(1)最佳的制作效率Dreamweaver可以用最快速的方式将Fireworks，FreeHand，或Photoshop等档案移至网页上。使用检色吸管工具选择荧幕上的颜色可设定最接近的网页安全色。对于选单，快捷键与格式控制，都只要一个简单步骤便可完成。Dremweaver能与您喜爱的设计工具，如PlaybackFlash，Shockwave和外挂模组等搭配，不需离开Dremweaver便可完成，整体运用流程自然顺畅。除此之外，只要单击便可使Dreamweaver自动开启Firework或Photoshop来进行编辑与设定图档的最佳化。(2)网站管理使用网站地图可以快速制作网站雏形、设计、更新和重组网页。改变网页位置或档案名称，Dreamweaver会自动更新所有连结。使用支援文字、HTML码、HTML属性标签和一般语法的搜寻及置换功能使得复杂的网站更新变得迅速又简单。(3)无可比拟的控制能力Dreamweaver是唯一提供RoundtripHTML、视觉化编辑与原始码编辑同步的设计工具。它包含HomeSite和BBEdit等主流文字编辑器。帧(frames)和表格的制作速度快的令您无法想像。进阶表格编辑功能使您简单的选择单格、行、栏或作未连续之选取。甚至可以排序或格式化表格群组，Dreamweaver支援精准定位，利用可轻易转换成表格的图层以拖拉置放的方式进行版面配置。所见即所得Dreamweaver成功整合动态式出版视觉编辑及电子商务功能，提供超强的支援能力给Third-party厂商，包含ASP，Apache，BroadVision，ColdFusion，iCAT，Tango与自行发展的应用软体。当您正使用Dreamweaver在设计动态网页时，所见即所得的功能，让您不需要透过浏览器就能预览网页。梦幻样版和XMLDreamweaver将内容与设计分开，应用于快速网页更新和团队合作网页编辑。建立网页外观的样版，指定可编辑或不可编辑的部份，内容提供者可直接编辑以样式为主的内容却不会不小心改变既定之样式。您也可以使用样版正确地输入或输出XML内容。全方位的呈现利用Dreamweaver设计的网页，可以全方位的呈现在任何平台的热门浏览器上。对于cascadingstylesheets的动态HTML支援和鼠标换图效果，声音和动画的DHTML效果资料库可在Netscape和Microsoft浏览器上执行。使用不同浏览器检示功能，Dreamweaver可以告知您在不同浏览器上执行的成效如何。当有新的浏览器上市时，只要从Dreamweaver的网站在下载它的描述档，便可得知详尽的成效报告。Web服务器技术ASP程序是运行于服务器端的一种应用程序，运行ASP程序，必须安装网络服务器软件。常见的网络服务器软件有PWS（PersonalWebServer）和IIS（InternetInformationServer）。本系统采用的是IIS。IIS是InternetInformationServer的缩写，它是微软公司主推的服务器，IIS与WindowNTServer完全集成在一起，因而用户能够利用WindowsNTServer和NTFS（NTFileSystem，NT的文件系统）内置的安全特性，建立强大，灵活而安全的Internet和Intranet站点。IIS支持（HypertextTransferProtocol，超文本传输协议），FTP（FeleTransferProtocol，文件传输协议）以及SMTP协议，通过使用CGI和ISAPI，IIS可以得到高度的扩展。IIS支持与语言无关的脚本编写和组件，通过IIS，开发人员就可以开发新一代动态的，富有魅力的Web站点。IIS不需要开发人员学习新的脚本语言或者编译应用程序，IIS完全支持VBscript，Jscript开发软件以及Java，它也支持CGI和WinCGI，以及ISAPI扩展和过滤器。IIS支持ISAPI，使用ISAPI可以扩展服务器功能，而使用ISAPI过滤器可以预先处理和事后处理储存在IIS上的数据。用于32位Windows应用程序的Internet扩展可以把FTP，SMTP和协议置于容易使用且任务集中的界面中，这些界面将Internet应用程序的使用大大简化，IIS也支持MIME（MultipurposeInternetMailExtensions，多用于Internet邮件扩展），它可以为Internet应用程序的访问提供一个简单的注册项。IIS的一个重要特性是支持ASP。IIS3.0版本以后引入了ASP，可以很容易的张贴动态内容和开发基于Web的应用程序。对于诸如VBscript，Jscript开发软件，或者由VisualBasic，Java，VisualC++开发系统，以及现有的CGI和WinCGI脚本开发的应用程序，IIS都提供强大的本地支持。4.1.4ADO在ASP当中，与数据库的交互是通过ActiveX数据库组件，也就是ActiveDataObject(ADO)来连接。ADO是一种可以提供Web页面开发者轻松存取Internet的数据库，并可以在用户端实现“网上实时更新显示”的最新web数据库技术。ADO是Microsoft为Web数据库开发者提供的最有效的开发方案，它将原本烦杂的数据库程序开发变成轻松容易的工作，此方案共包括ADO、OLEDB以及ODBC。ADO技术是数据库链接技术，使用它可以轻松完成对各种数据库的查询，如：SQLServer、Access、Oracle、FoxPro等。ADO提供了较高级的数据库应用程序开发界面，ADO的实际数据存取操作是通过OLEDB或是ODBC驱动程序进行的。ADO组件主要提供了以下七个对象和四个集合来访问数据库。1)Connection对象：建立与后台数据库的连接。2)Command对象：执行SQL指令，访问数据库。3)Parameters对象和Parameters集合：为Command对象提供数据和参数。4)RecordSet对象：存放访问数据库后的数据信息，是最经常使用的对象。5)Field对象和Field集合：提供对RecordSet中当前记录的各个字段进行访问的功能。6)Property对象和Properties集合：提供有关信息，供Connection、Command、RecordSet、Field对象使用。7)Error对象和Errors集合：提供访问数据库时的错误信息。4.1.5ASP访问Access数据库步骤1．

定义数据源打开【开始】——【控制面板】，选中【管理工具】——【ODBC】，在【系统DSN】下选【添加】，选定数据库种类、名称、位置等，本系统采用的是Access数据库，选择数据源为

Driver

do

Microsoft

Access

(*.mdb)单击“完成”。这时弹出一个

“ODBC

MicrosoftAccess安装”的对话框，在对话框的数据源名文本输入框中输入配置的DSN文件名，如Flash_web，然后单击

“选择”按钮，这时将弹出一个对话框，在对话框的数据库名中输入

“D:\web\data.mdb”。选择数据库完成后，单击确定按钮将原界面。单击“确定”，这时在系统数据源列表框中出现了“Flash_web”

项，Access数据库系统DSN配置完成。2．创建数据库链接：ASP文件中如果要访问数据，必须首先创建与数据库的链接，如下：Set

Conn.Open

“Flash_web”在ADO中还可以不通过ODBC而直接与Access数据相连，这种方法在个人主页中大量使用(因为其用户无法进行服务器ODBC设置操作)，本例也是如此：Connection.Open

“driver

=

{Microsoft

Access

Driver

(*.mdb)

};dbq=d:\web\data.mdb”3．

关闭数据对象和链接：在使用了ADO对象之后，一定要记住关闭它，因为它使用了服务器的资源，如果不释放的话将导致服务器资源浪费并影响服务器性能。通过调用方法close实现关闭，然后再释放它4.2系统功能流程图4.3系统功能模块划分4.3.1该主页采用三级菜单结构，该菜单是动态形成的。整个网站按照预先的设计进行如下的归类，按类别分为如下部分。A．信息浏览A1．查看新闻列表－新闻标题，发布日期，新闻类别（热点新闻、滚动新闻）A2．查看新闻内容－新闻标题，发布日期，内容，浏览量A3．查看在线教程列表－教程标题，发布日期A4．查看教程内容－教程标题，发布日期，内容，浏览量A5．查看设计欣赏列表－设计欣赏标题，发布日期A6．查看设计欣赏内容－设计欣赏标题，发布日期，内容，浏览量A7．查看留言－留言内容，留言用户信息A8．查看作者信息B．信息查询关键字查询－关键字和搜索类别两个项，关键字搜索项类别为在线教程，设计欣赏，业界新闻C．论坛C1．个人信息管理C11．用户登陆－用户输入用户名和密码进行验证C12．用户注册C13．用户信息查看C14．用户信息修改C15．取回密码－用户可以根据当时注册时填写的E-mail和其他相关信息取回密码C2．论坛信息浏览－用户发表帖子，浏览帖子，回复帖子4.后台管理设计说明A．网站信息管理A1．新闻管理－新闻编辑修改、添加、删除A2．教程管理－教程编辑修改、添加、删除A3．设计欣赏管理－设计欣赏修改、添加、删除A4．留言管理－留言删除、回复B．管理员信息管理－帐号修改、密码修改C．论坛管理C1．系统常规设置管理C11．论坛信息管理－论坛基本信息管理，包括论坛名称、论坛地址、论坛管理目录、建坛日期、论坛首页公告－上传管理，包括上传的大小限定、上传的个数限定、上传的格式限定－积分金钱管理C12．论坛联盟管理－论坛联盟的修改、添加、删除C13．论坛IP封锁管理C2．论坛分类版块管理－添加论坛分类，添加论坛版块，可以对论坛版块进行编辑修改、删除、清理，置前操作C3．用户信息管理－用户基本信息管理，包括屏蔽用户，删除用户信息，删除用户帖子－管理帐号的添加、修改和删除－用户分组信息管理，包括分组的添加，编辑、删除－用户级别管理，包括级别添加，编辑、删除C4．帖子留言管理－批量删除帖子，批量移动帖子，批量删除留言，群发信息留言C5．数据库管理－压缩数据库，备份数据库，恢复数据库4.4系统结构设计Flash网站的前台功能结构图如图所示：Flash教学网站前台Flash教学网站前台首页学习中心业界新闻设计欣赏交流论坛留言板论坛登陆滚动新闻友情链接新闻查询新闻浏览在线教程教程下载Flash欣赏Flash搜索用户注册发表主题回复主题留言列表发表留言Flash网站的后台功能结构图如图所示：Flash教学网站Flash教学网站后台新闻管理设计管理教程管理论坛管理链接管理帐号管理管理新闻添加新闻修改新闻删除教程添加教程添加欣赏添加欣赏修改删除主题删除回复链接添加链接修改链接删除帐号修改密码修改教程删除欣赏删除退出管理4.5数据库逻辑结构设计Admin(管理员基本信息表)列名数据类型长度允许空功能描述id自动编号长整型否用户idsa文本50否用户名pwd文本50否用户密码lastime日期/时间默认是最后访问时间lastip文本50是最后登录IP表aticles(文章信息表)列名数据类型长度允许空功能描述id自动编号长整型否文章IDarea文本100否文章区域ClassName文本100否类别名title文本200否文章标题content备注是文章内容wtime日期/时间默认是录入时间click数字长整型是阅读次数status数字长整型是状态隐藏显示special数字长整型是是否重点新闻linktext文本100是相关连接文字linkurl文本100是相关连接地址afrom文本100是文章出处locked数字长整型是是否需要会员imgsuc文本100是图片路径Aticles_conf（文章类别表）列名数据类型长度允许空功能描述id自动编号长整型否类别IDarea文本200否文章区域classname文本200否类别名表gbook(留言信息表)列名数据类型长度允许空功能描述id自动编号长整型否留言IDnick文本50是昵称sex文本50是性别email文本100否邮件homepage文本100是主页oicq文本50是QQ号码danwei文本100是留言者单位title文本100是留言标题content备注是留言内容ip文本50是留言者IPwtime日期/时间默认是发布时间recontent备注是管理员回复retime日期/时间默认是回复时间link（友情链接信息表）列名数据类型长度允许空功能描述id自动编号长整型否友情链接IDlinkurl文本200否链接地址linkimg文本200是链接图片linkalt文本100是图片提示Flash_user（论坛用户信息表）列名数据类型长度允许空功能描述id自动编号长整型否用户IDname文本20是用户名password文本50是密码clue文本80是安全问题answer文本80是问题答案goodnum数字长整型是精华帖子essaynum数字长整型是总帖数mark数字长整型是积分timesum数字长整型是在线时长mail文本50是E_Mailhome文本100是个人主页qq文本15是ＱＱ号码GradeNum数字整型是用户等级GradeName文本50是等级名称GradePic文本50是等级LogoClassID数字长整型是用户组IDCoin数字长整型是金钱BankSave数字长整型是银行存款Sign文本255是签名Pic文本150是个人头像Regtime日期/时间默认是注册时间Lasttime日期/时间默认是最后登陆时间NewSmsNum数字长整型是新短消息数目Honor文本20是头衔Faction文本50是帮派Sex是/否是/否是性别Birthday日期/时间默认是生日RegIp文本20是注册IPLastIp文本20是最后登陆IPLoginNum数字长整型是登陆次数Flash_board（论坛版面信息表）列名数据类型长度允许空功能描述BoardID数字长整型否版面编号ParentID数字长整型是上级版面编号ParentStr文本250是上级版面名称Depth数字长整型是版面层数Child数字长整型是子版面数量RootID数字长整型是主版面编号Orders数字长整型是显示顺序BoardName文本50是版面名称Introduce文本255是版面介绍BoardGrade数字长整型是版面等级BoardSetting备注是版面设置BoardAdmin文本150是版主PassUser备注是版面用户TopicNum数字长整型是主题数量EssayNum数字长整型是总帖数TodayNum数字长整型是今日发帖数LastReply文本150是最后回复Flash_bbs1（论坛帖子信息表）列名数据类型长度允许空功能描述BbsID自动编号长整型否帖子编号TopicID数字长整型是主题编号ReplyTopicID数字长整型是回复主题编号BoardID数字长整型是版面编号Name文本20是发帖人Caption文本200是帖子标题Content备注是帖子内容AddTime日期/时间是发帖时间LastTime日期/时间是回复时间Ip文本20是发帖人IP详细设计在完成数据库及网站Web系统的搭建之后,还要进行系统目录的建设，下面把Flash网站使用的目录列出来，如图所示：其中的image目录存储着整个网站系统要使用到的图片，当然Flash教学网站上教程里的图片将另存在其他的目录中，这个目录就是study_image。Dbase目录存放的就是本系统的数据库文件。Share目录存储着整个系统的格式文件。Inc目录存放着整个系统公共使用的ASP包含文件和前台客户端要使用到的ASP包含文件。Admin存放的是管理端的程序，bbs放的是论坛程序。5.1前台显示部分设计系统的前台为整个Flash教学网站的完全表现层，后台维护的模块设计都是根据前台的实际需要来进行的。版面设计设计本系统的版面风格，首先要考虑首页中应该显示的排版对象有哪些，主要如下：后台登陆入口主题图片会员注册登陆入口一级菜单滚动新闻友情链接业界新闻专题列表在线教程专题列表版权信息以上9个方面的内容都要显示，在本系统中只采用了一级菜单的模式，使整个网站有一个统一的风格。而作为教学网站，要给人安静、舒适、心旷神怡的感觉。所以颜色既要体现出严肃性，又不能过于死板。应采用淡雅型的配色方案，且避免有大面积色块出现。最后选定了白色、灰色、绿色整个网站的主色调；白色、灰色作为留言版的主色调；蓝色、白色作为论坛的主色调。这些颜色，一方面使网站给人亲切的感觉，让人容易进入学习的状态；另一方面也体现活泼向上的一面。会员功能模块设计会员功能模块主要包括会员注册，会员登陆、及会员资料显示三个部分。1．会员注册当用户第一次登陆本站时，首先要进行注册，成为会员后才可以在论坛中享有发帖等权利，用户可以通过单击首页的注册按钮来打开注册页面进行会员注册操作。注册页面涉及到的HTML表单元素如表所示：名称元素类型含义usenametext用户名sexradio性别password1password密码password2password确认密码questiontext密码提示问题answertext问题答案emailtext电子邮件text个人主页qqtextQQ号码用户注册的页面文件是register.asp，用户在注册页面填写了必要的基础信息并点击注册按钮后，用户添加的注册信息将被提交给数据处理页，为了保证数据库中数据的唯一性，数据处理页首先要根据用户提交的数据判断数据库中是否已经存在相同的数据，如果存在，则取消用户的注册操作，如果不存在，则将用户提交的注册信息存储到数据库中。因此在注册时首要检查的是用户填写的信息，这其中包括：字段是否空白，空白则不接受输入的E_mail是否正确，若E_mail中没有@、@符号位于E_mail的第一个字符或者位于E_mail的最