增辉艺术幼儿园网站设计 毕业论文.doc

毕业设计题 目： 增辉艺术幼儿园网站设计院 系： 计算机科学系 专 业： 计算机网络技术 专业方向： 班 级： 09网络2班 学 号： 学生姓名： 指导老师： 二一一年十一月十日目录目录1摘要2绪论31 增辉艺术幼儿园网站系统设计概述41.1 设计背景41.2 增辉艺术幼儿园网站开发工具简介42 需求分析与总体设计42.1 需求分析的基本任务42.2 增辉艺术幼儿园网站需求分析42.2.1 网站业务流程分析52.2 网站总体设计62.3 增辉艺术幼儿园网站的总体结构设计62.3网站开发工具83 主要功能详细设计113.1 前台主要功能实现113.1.1 主页面设计113.1.2 网站功能的实现123.1.3 数据库的实现与建立123.1.4 留言板功能的实现133.1.5 相册功能的实现143.1.6 文件上传与下载功能的实现153.1.7 站内搜索功能的实现163.2 后台管理主要功能的实现193.2.1 首页信息的添加和管理功能的实现194 网站测试254.1 软件测试的目标254.2 网站的具体测试25参考文献28摘要随着因特网技术的迅速发展，各种各样的网站已经深入到日常生活的各个角落，越来越多的公司都建立了自己的网站，个人网站也如雨后春笋般的发展起来。本幼儿园网站基于internet的互联网网络，以交互性形式实现的，本网站是采用asp技术，以access作为数据库，使用dreamweave作开发平台，利用网络来实现网上信息交流的功能性网站，具有最大的优点是：界面优美，可视性强，设计成本投入性小，信息传播见效快，系统安全性好，系统维护与管理方便快捷，目标明确，可操作性强等特点。作为一种信息传递的过程，网站将带来一场史无前例的革命。及其对社会文化教育等产业生产巨大的影响。网络把人类带入信息社会。增辉艺术幼儿园网站以网上信息交流共享为中心点。全部的设计都以此为核心来展开。从信息的发布，到信息的更新，以这一种核心为开发要点。关键词：增辉艺术幼儿园网站、信息共享 internet 开发 网站 交流 技术 后台绪论在web的空间里，几十万乃至几百万的站点相互进行着激烈的竞争，都想获取用户的主意。因此，简单的、静态的页面对用户是不会有太大的吸引力。动态的、有条理的数据加上交互性强的界面，才是用户乐意访问的。当然数据的自动更新也是非常重要的。在短短的时间里，web面孔已发生很大的变化。现在能在web页面内创建应用程序、访问数据库，使用无论在感觉、动作以及用途上都与windows应该程序非常类似。现在商家们所需要的不仅只是一个单纯的宣传媒体，而是一个交互性很强的应该平台。利用它，商家们可以与潜在的客户、目前的客户、员工以及我们之间的任何一个人沟通，并实施一些在线的服务的商业活动。随着因特网技术的迅速发展，各种各样的网站已经深入到日常生活的各个角落，越来越多的学校都建立了自己的网站，个人网站也如雨后春笋般的发展起来。因特网的发展状况可以用日新月异来形容，通过网络网站来传递信息就给人们的生活带来了很多方便。如今主流的网络编程技术很多，在比较下简单易学，比较常用的就是asp技术，而其关键就是网络数据库技术的配合，服务器技术的进步，都对整个电子商贸的发展奠定了基础。其实说的简单一点，网站就是以web网络技术与数据库技术为支撑的，其中web数据库技术是网站的核心技术，用户通过web访问数据库，可以实现网络环境下的大量信息共享，联系各个异构数据库，使得数据库之间能过通过主动式的超文本链接，实现相互连接，使得交叉使用的时局可以被很容易的检索到。同时，随着网络的普及，带动了网络经济的发展，在internet上发布信息数据，已经成了大势所趋，可以这么说，web开发和数据库的结合才能真正发挥internet的优势，而信息的传递是很切近生活，它有了自己的针对性，服务对象像是特定的。作为一种信息传递的过程，网站将带来一场史无前例的革命。及其对社会文化教育等产业生产巨大的影响。网络把人类带入信息社会。1 增辉艺术幼儿园网站系统设计概述1.1 设计背景在web的空间里，几十万乃至几百万的站点相互进行着激烈的竞争，都想获取用户的主意。因此，简单的、静态的页面对用户是不会有太大的吸引力。动态的、有条理的数据加上交互性强的界面，才是用户乐意访问的。当然数据的自动更新也是非常重要的。在短短的时间里，web面孔已发生很大的变化。现在能在web页面内创建应用程序、访问数据库，使用无论在感觉、动作以及用途上都与windows应该程序非常类似。现在商家们所需要的不仅只是一个单纯的宣传媒体，而是一个交互性很强的应该平台。利用它，商家们可以与潜在的客户、目前的客户、员工以及我们之间的任何一个人沟通，并实施一些在线的服务的商业活动（例如：网上购物、网上订单）。随着教育水平的提高和社会经济的增长，家长对学校的一种教育理念想通过网络的方式了解学校的信息已成为不可逆转的历史潮流，通过网站的管理员发布的信息，家长可以随时随地了解的学校的新闻动态，给学校以及家长沟通建立了快捷的服务。 1.2 增辉艺术幼儿园网站开发工具简介 增辉艺术幼儿园，管理员功能系统是整个网上增辉艺术幼儿园系统的管理中心，其中主要作用的就是，管理员，主要是可以更新新闻、发布信息。开发工具的选择对于一个系统来说也是很重要的一个部分，本网站采用了dreamweaver、flash 8和photoshop处理图片增加整个网站的美观性。网站后台采用了access,通过access来建立数据库，并且为了加快数据查询，在access中建立了系统所需要的查询这样在很大程度上提高了网络系统的快速查询和列表。2 需求分析与总体设计2.1 需求分析的基本任务需求分析的基本任务是准确回答“网站必须实现什么功能？”这个问题，也就是确定为了满足用户的需要网站必须有什么功能。具体地说，应该确定网站必须具有的功能和性能，网站要求的运行环境，并且预测网站发展的前景，需求分析阶段必须仔细分析网站的业务流程，对业务流程进行抽象，得到网站的数据流分析。数据流图是从数据流动和加工的角度描述了网站要处理的数据和对数据的处理，所以数据流图代表了网站的逻辑模型。数据流图只是抽象地描述了网站的概貌，还要用其它工具进行更详细的描述。数据字典、ipo图和er图式详细描述网站中的数据元素、数据流、数据存储、处理和数据概念模型的好工具。通过业务流程图、数据流图、数据字典、ipo图、er图等图形工具，可以准确、规范的描述网站的需求。2.2 增辉艺术幼儿园网站需求分析增辉艺术幼儿园网站中主要涉及到网站的前台信息的发布管理、后台的管理员管理、前台信息更新等几个模块，其中信息发布必须由幼儿园的网站管理员完成信息的发布。当然我们不能凭空想象一个网站，而是通过考察现有的网站，再提出方案来。现有的网站是信息的重要来源。显然如果目前有一个网站正的被使用，那么这个网站必定能完成某些有用的工作，因此新的目标网站也必能完成它的基本功能；另一方面，如果现有网站是完美无缺的，用户自然不会提出开放新网站的要求。但现在的学校新闻信息的发布主要是通过人手工在后台直接来完成的这样可以做到到信息发布的安全性以及自主性、权威性，这样不仅做到了安全的信息发布和自主的信息发布，还可以修改相关的信息资料，这样的管理明显给整个幼儿园的网站信息发布的管理、快捷、安全保护起到了快捷的使用作用，所以开发网站是非常可行的想法。增辉艺术幼儿园网站，从目前的教育模式中，我们可以看发现一些比较明显的流程作业和管理需求。同时也为我们的网站分析提供了较好的依据。招生信息的发布，以及学校公告，园所其他的各项服务都是可以实现在后台的页面上完成的。2.2.1 网站业务流程分析业务流程图是一种比较规范、被广泛使用分析工具，它可以比较直观、准确描述网站业务流程。业务流程图不是对网站原有业务流程的快照，应该是对原有网站的业务流程进行重新思考、设计、再造的结果。根据上面需求分析中得到的资料和工作流程的分析，可以绘制出表示网站管理工作的整体业务过程流程图，能更清晰地认识所要开发的系统的工作流程。下面给出本网站的相关业务流程图。（1）增辉艺术幼儿园网站流程信息发布流程如图2-1所示。图2-1增辉艺术幼儿园网站流程图2.2 网站总体设计 经过需求分析阶段的工作，网站必须“做什么”已经清楚了，现在是决定“怎么做”的时候了。总体设计的基本目的就是回答“概括地说，网站应该如何实现？”这个问题，用比较抽象的概括的方式确定系统如何完成的任务，也就是说，应该确定网站的物理配置方案，并我、确定网站的每个程序得结构。首先需要进行网站设计，从增辉艺术幼儿园网站的流程图出发设想完成网站功能的若干种合理的方案，分析的时候应该仔细分析比较这些方案，并且和用户共同选定一个最佳方案，然后进行软件结构设计，确定软件有哪些模块组成以及这些模块之间的动态调用关系。层次图和结构图式描绘软件结构的常用工具。在网站的设计中，要注意分清楚计算机处理和手工处理的界限。信息系统是人机系统，网站目标的实现取决于这两种的得结合，系统设计中要避免一味地追求计算机处理，见许多只能由人工完成的工作交计算机做，从而造成设计的复杂和不够科学；也要避免本该由计算机完成的工作交由人去处理，从而使新网站的功能、性能以及用户的目标得不到实现。2.3 增辉艺术幼儿园网站的总体结构设计 一般采用模块化原理来进行软件结构的设计，这样可以使整个系统设计简易，结构清晰，可读性，可维护行增强，提高网站的可靠性，同时，也有利于信息系统开发工作的组织管理。所谓的模块是指这样的一组程序语句（或描述），它包括输入与输出、逻辑功能描述、内部环境及其运行环境。通常程序中的一个模块完成一个适当的子功能。应该把模块组织成良好的层次系统，顶层模块调用它的下层模块以实现程序的完整功能，每个下层模块再用更下层模块，从而完成程序的每个子功能，最下层的模块完成最具体的功能。在进行软件结构设计时应该遵循的主要原理是模块独立原理，也就似乎说，软件应该由一组完成相对独立的子功能的模块成，这些模块彼此之间的接口关系应该尽量简单。 设计软件结构的过程中药注重软件设计的原理和方法：（1） 模块独立 模块的独立程度可以由两个定性标准度量，这两个标准分别称为内聚和耦合，内聚衡量一个模块内部各个元素彼此结合的紧密程度；耦合衡量不同模块彼此此间互相依赖（连接）的紧密程度。我们要力争做到高内聚、低耦合。（2） 信息隐蔽和局部化使用一个模块内包括的信息（过程和数据）对于不需要这些信息模块来说，是不能访问的。主页模块间的关系如图2-3所示。 网站头 flash版权信息公告通告导航条最新动态天气预报校区简介视频展示家长互动文章展示联系我们图片交换广告区 图2-3 模块关系图（主页模块间的关系如图2-3所示。）2.3网站开发工具开发环境：windows xp professional简介：windows xp中文全称为视窗操作系统体验版。是微软公司发布的一款视窗操作系统。它发行于2001年10月25日，原来的名称是whistler。微软最初发行了两个版本，家庭版（home）和专业版（professional）。家庭版的消费对象是家庭用户，专业版则在家庭版的基础上添加了新的为面向商业的设计的网络认证、双处理器等特性。且家庭版只支持1个处理器，专业版则支持2个。字母xp表示英文单词的“体验”（experience）。2011年7月初，微软表示将于2014年春季彻底取消对windows xp的技术支持。iis 6.0 （1）2.iis 6.0的简介iis 6.0 和 windows server 2003在网络应用服务器的管理、可用性、可靠性、安全性、性能与可扩展性方面提供了许多新的功能。iis 6.0同样增强了网络应用的开发与国际性支持。iis 6.0和 windows server 2003提供了最可靠的、高效的、连接的、完整的网络服务器解决方案。（2）特点：可靠性与可伸缩性 iis 6.0提供了更智能的、更可靠的web服务器环境，新的环境包括应用程序健康监测、应用程序自动地循环利用。其可靠的性能提高了网络服务的可用 性并且节省了管理员用于重新启动网络服务所花费的时间，iis 6.0将提供最佳的扩展性和强大的性能从而充分发挥每一台web服务器的最大功效。 更安全、易于管理 iis 6.0在安全与管理方面做出了重大的改进。安全性能的增强包括技术与需求处理变化两方面。另外，增强了在安全方面的认证和授权。iis 6.0的默认安装是被全面锁定的，这意味着默认系统的安全系数就被设为最大，它提供的增强的管理性能改善了xml metabase的管理及新的命令行工具。服务器合并 iis 6.0是一个具有高伸缩性的web服务器，它为web服务器的合并提供了新的机遇。通过将可靠的体系结构和内核模式驱动程序完美结合在一起，iis 6.0允许您在单台服务器上托管更多的应用程序。服务器合并还可以降低企业与人工、硬件以及站点管理相关的成本。增强的开发与国际化支持 通过windows server 2003 与iis 6.0支持的先进功能如内核模式缓存，应用程序开发人员将从windows server 2003 与iis 6.0 单一的、完整的应用平台环境中受益。基于iis 6.0，windows server 2003为开发者提供高标准的附加功能，包括快速应用程序开发以及广泛的语言选择，同时也提供了国际化支持和支持最新的web标准。更高的安全性 iis 6.0显著改进了web服务器的安全性。iis 6.0在默认情况下处于锁定状态，从而减少了暴露在攻击者面前的攻击表面积。此外，iis 6.0的身份验证和授权功能也得到了改进。iis 6.0还提供了更多更强大的管理功能，改善了对xml元数据库（metabase）的管理，并且提供了新的命令行工具。iis 6.0在降低系统管理成本的同时，大大提高了信息系统的安全性。 internet explorer 6.0（1）简介2001年10月，微软发布windows xp，包括internet explorer 6。这个版本介绍自动图象重量尺寸和打印预览。在windows xp sp2里，ie6添加了阻止窗口弹出功能。（2）特点png 是一种支持半透明通道的图片, 可以方便的用于设计网页, 制作叠层和其他复杂的页面效果, 但是 ie6 不支持. 用滤镜强行应付会导致浏览器占用超高资源, 并且得不到预想效果。 internet explorer 6ie6 有自己一套标准的 css 样式, 必须写更多的代码去照顾它。javascript 与 w3c 出入巨大, 连 dom (document object model) 都不一致, 调用资源的代码也与 w3c 有很大的出入, 程序员被迫在本来就很松散和复杂的 js 代码上追加很多判断语句。 ie6 对于页面控件的处理与众不同, 令人很头痛. 如: select element 的优先度很高会遮挡页面上 div 块, 必须 hack. radio 按钮和 checkbox 按钮的样式也无法定义, 很难统一页面风格。 另外, ie6 的安全性, 性能, 功能明显地已经满足不了现在的网络需求。至今，微软公司已经停止给ie6安装补丁！脚本语言：javascript（1）简介javascript是一种基于对象和事件驱动并具有相对安全性的客户端脚本语言。同时也是一种广泛用于客户端web开发的脚本语言，常用来给html网页添加动态功能，比如响应用户的各种操作。它最初由网景公司的brendan eich设计，是一种动态、弱类型、基于原型的语言，内置支持类。javascript是sun公司的注册商标。1 ecma国际以javascript为基础制定了ecmascript标准。javascript也可以用于其他场合，如服务器端编程。完整的javascript实现包含三个部分：ecmascript，文档对象模型，字节顺序记号。netscape公司在最初将其脚本语言命名为livescript。在netscape在与sun合作之后将其改名为javascript。javascript最初受java启发而开始设计的，目的之一就是“看上去像java”2，因此语法上有类似之处，一些名称和命名规范也借自java。但javascript的主要设计原则源自self和scheme3.javascript与java名称上的近似，是当时网景为了营销考虑与sun公司达成协议的结果。为了取得技术优势，微软推出了jscript来迎战javascript的脚本语言。为了互用性，ecma国际（前身为欧洲计算机制造商协会）创建了ecma-262标准（ecmascript）。现在两者都属于ecmascript的实现。尽管javascript作为给非程序人员的脚本语言，而非作为给程序人员的编程语言来推广和宣传，但是javascript具有非常丰富的特性。（2）特点：能够具有交互性，能够包含更多活跃的元素，就有必要在网页中嵌入其它的技术。如：javascript、vbscript、document object model（dom，文档对象模型）、layers和cascading style sheets（css，层叠样式表），这里主要讲javascript。那么javascript是什么东东？javascript就是适应动态网页制作的需要而诞生的一种新的编程语言，如今越来越广泛地使用于internet网页制作上。javascript是由 netscape公司开发的一种脚本语言（scripting language），或者称为描述语言。在html基础上，使用javascript可以开发交互式web网页。javascript的出现使得网页和用户之间实现了一种实时性的、动态的、交互性的关系，使网页包含更多活跃的元素和更加精彩的内容。运行用javascript编写的程序需要能支持javascript语言的浏览器。netscape公司 navigator 30以上版本的浏览器都能支持javascript程序，微软公司internet explorer 30以上版本的浏览器基本上支持javascript。微软公司还有自己开发的javascript，称为jscript。javascript和jscript基本上是相同的，只是在一些细节上有出入。 javascript短小精悍，又是在客户机上执行的，大大提高了网页的浏览速度和交互能力。 同时它又是专门为制作web网页而量身定做的一种简单的编程语言。 javascript 使网页增加互动性。javascript 使有规律地重复的html文段简化，减少下载时间。javascript 能及时响应用户的操作，对提交表单做即时的检查，无需浪费时间交由cgi 验证。javascript 的特点是无穷无尽的，只要你有创意。数据库工具：microsoft access 2003dreamweaver简介access2003是微软公司最新推出的办公自动化套装软件office2003中的一个重要组件关系数据库管理系统软件，主要进行数据库创建和修改，为数据库管理提供了简单易用而又功能强大的平台。与其他数据库管理系统相比，access具有界面规范易于掌握的特点。网页设计： dreamweaver（1）简介：是个原本由macromedia公司所开发的著名网站开发工具。它使用所见即所得的接口，亦有html编辑的功能。它现在有mac和windows系统的版本。随macromedia被adobe收购后，adobe也开始计划开发linux版本的dreamweaver了。 dreamweaver自mx版本开始，使用了opera的排版引擎 presto 作为网页预览。（2）特点：dreamweaver可以用最快速的方式将fireworks，freehand，或photoshop等档案移至网页上。使用检色吸管工具选择荧幕上的颜色可设定最接近的网页安全色。对于选单，快捷键与格式控制，都只要一个简单步骤便可完成。dreamweaver能与您喜爱的设计工具，如playback flash，shockwave和外挂模组等搭配，不需离开dreamweaver便可完成，整体运用流程自然顺畅。除此之外，只要单击便可使dreamweaver自动开启firework或photoshop来进行编辑与设定图档的最佳化。3 主要功能详细设计3.1 前台主要功能实现3.1.1 主页面设计 这个增辉艺术幼儿园网站运行的首页如图3-1所示，其中顶部是主页面flash展示区，左上是站内公告框，中间上半部是自动图片的播放，中间flash下面是导航，中间部分分别是最新动态、校区简介。右边是天气预报、视频展示、文章推荐、联系我们、最下面是版权信息。图3-1 主页面3.1.2 网站功能的实现在设计增辉艺术幼儿园中，首先要考虑到的是本站信息中的信息存储，这里使用到了数据库，它是存蓄所有数据信息的库房，当用户访问网页资源的时候这是页面会自动向数据库发出信息请求，数据库会向页面发送信息达到了浏览的效果。 图3-2 信息显示页面3.1.3 数据库的实现与建立任何一个动态的网站，都少不了数据库，数据库可以说是一个动态网站的中心部分之一数据库的建立是为了管理员能更好的管理信息以及存储信息和调用信息，所以数据库的建立十分重要。数据库的成功建立给我站带来了安全可靠，快捷方便的功能服务。图3-4 增辉艺术幼儿园数据库建立的截图图3-5 数据库的某个表的内部结构3.1.4 留言板功能的实现在图3-1网站首页或详细内容信息的页面中，都有给我留言的入口。作为一个幼儿园网站，家长和学校的交流，询问，查询是不可缺少的功能，它能使家长或者客户和学校的沟通交流提供了快捷方便的服务，家长或者客户可以留言板上给学校发送信息，也可以查询相关留言信息。其流程图如图3-7所示。留言板显示留言信息给我留言数据库返回管理员回复 删除 编辑 图3-7 留言板流程3.1.5 相册功能的实现 对于幼儿园的网站来说，相册是必不可少的功能，相册可以生动的显示出了幼儿园的许多相片，家长以及社会各人士可以在任何一个有网络的地方就能轻松的通过网络相册来分析幼儿园的环境卫生、精彩写真等等。所以，有了此功能，在浏览网站的时候就可以使网友更加的喜欢与兴趣的爱好，给网站带来了更加生动的一面。其流程图如图3-8所示。宝宝相册相片大图浏览详细信息相片缩略图页面数据库相片存储文件夹管理员登陆上传相片图3-8 相册系统的流程图3-8.1增辉艺术幼儿园网络相册图片3.1.6 文件上传与下载功能的实现 资源共享基于网络，资源的下载方便了网站管理员与客户实现共享资源的重要途径，所以基于资源的各种交流途径可以通过web网站建设来实现，管理员可以将幼儿园的一些需要共享给别人的资料上传到自己的网站上通过网站平台共享给大家，这就是资源共享。图3-9 增辉艺术幼儿园资源下载页面资源下载页面数据库管理员资源存储文件夹登陆删除、上传、查询图3-10 增辉艺术幼儿园资源下载简单的流程图3.1.7 站内搜索功能的实现站内搜索通俗来讲是一个网站的“大门口”，一般在形式上包括两个要件：搜索入口和搜索结果页面，但在其后台架构上是比较复杂的，其核心要件包括：中文分词技术、页面抓取技术、建立索引、对搜索结果排序以及对搜索关键词的统计、分析、关联、推荐等。本站有了站内搜索就方便了用户，他们可以输入自己想要的文章标题即可查到自己想要的文章。 增辉艺术幼儿园站内搜索页面截图一增辉艺术幼儿园站内搜索页面截图二、增辉艺术幼儿园站内搜索关键代码截图一、增辉艺术幼儿园站内搜索关键代码截图二3.2 后台管理主要功能的实现 后台管理的功能主要包括网站信息的添加、信息的管理、信息的删除、信息的查询、管管理员添加管理员的添加和删除3.2.1 首页信息的添加和管理功能的实现因为每个栏目都有自己显示不同分类的信息，这样有便于管理员信息进行管理和查询，所以信息的管理可以分为四大功能，即添加、删除、修改、查询。 管理员登陆后台验证验证失败成功登陆按分类（添加、删除、修改、查询）前台首页信息数据库图3-11 后台管理简单的流程图图3-12 网站后台的某个添加界面图3-13 网站后台的相册上传界面后台教师管理添加、删除、头像数据库前台（辛勤园丁）图3-14 教师管理页面流程图图3-15 教师管理页面添加截图图3-15 教师管理页面查询截图后台关键代码如几个图图3-16 后台实现信息编辑关键代码截图图3-17 后台实现信息添加关键代码截图图3-18 后台实现信息删除关键代码截图图3-19 后台实现信息查询关键代码截图图3-20 后台实现管理员添加删除查询界面截图图3-21 后台实现联系我们添加删除查询界面截图4 网站测试一个软件从开发到投入使用，必需经过测试这一关，测试时相当重要的一个