名门摄影网站的研究与实现-毕业论文

厦门大学本科毕业论文本科毕业论文(科研训练、毕业设计)题 目：名门摄影网站的研究与实现姓 名：学 院：软件学院 系：专 业：软件工程年 级：学 号：指导教师（校内）： 职称： (校外)： 职称： 年 月38 厦门大学本科毕业论文名门摄影网站的研究与实现 摘要 随着Internet的普及，构建网站已经逐渐成为政府、企事业单位进行宣传的重要途径。社会上大大小小小的企事业单位都有了自己的网站。在这种背景下，受名门婚纱摄影机构的委托，为其开发一个在线网站。本系统的设计目标是将吸引尽可能的多的访客访问，提高企业的知名度，从而增加企业的业务量。网站是以ASP技术为主体构建的，所有的页面都能够以动态的方式与后台的数据库进行连接。.在网站的后台管理上，力求为后台管理人员提供尽可能简单的操作。通过本网站，客户能够从名门创办历史、名门作品、名门外景基地等方面充分了解名门。本文共分为六章。第一章是引言；第二章分点介绍了系统的总体设计；第三章主要介绍系统的详细设计并给出了系统部分的运行结果；第四章介绍了系统的测试和网站的发布；最后第五章是结束语，总结本次毕业设计过程中的“得”与“失”。关键词 摄影网站 Flash ACESS ASP Research and Implementationfor MingMen Nuptial-dress Photography WebAbstract Along with the popularity of Internet，Website building is gradually become a important channel for Government and Business organization to propagandaA lot of Business unit have their own Website. Under this kind of background， entrusted by MingMen Nuptial-dress Photography Organization，we built a Website for MingMen Nuptial-dress Photography Organization. The aim of this system is is to attract as more as possible visitor to visit our Website，enhances the enterprise well-knownness, thus increase enterprises business volume.The website is constructs take the ASP technology as the main body, all pages can connect to backstage database by the tendency way. On the management of Website，we make great effort to offer as much as possible simple operation for the administrator. Through this website, the customer can through the foundation history of MingMen, MingMen work and MingMen outdoor scene base to fully understands MingMen.This paper is divided into six chapters. The first chapter is an introduction. The second chapter points on the overall design of the system; Chapter 3 introduces the detailed design and operation of the system; Chapter 4 is the test of system and web-publish. Finally the fifth chapter is concluding remark, summarizes the “Gains” and “Losses in this graduation project process .Key words Photography Website Flash ACCESS ASP目 录第一章引言1第二章 网站的总体设计22.1网站的总体规划22.1.1 网站的开发目标22.1.2 网站总体结构22.1.3网站的整体风格32.2 网站建设的关键技术5第三章 网站系统的详细设计103.1 前台页面设计103.1.1 欢迎页面设计103.1.2 前台页面处理流程103.1.3网站首页设计113.2 后台管理流程设计123.3 数据库系统设计133.3.1 数据表清单133.3.2 数据表详细设计143.3.3 数据表关系153.3.4 数据库连接设计16第四章 网站的运行与测试174.1 网站的运行结果174.2 网站的测试22第五章 结束语24致谢语25参考文献26附录27Contentschapter 1 Introduction1chapter 2 Website system design22.1 Website overall plan22.1.1 aim of the website22.1.2 Website overall structure22.1.3 Website overall style32.2 Website construction essential technology5chapter 3 Detailed-design to website system103.1 Design of foreground page layout103.1.1 Design of welcome page layout103.1.2 Page layout disposal flow103.1.3 Design of first page layout113.2 Design to management system of database backstage123.3 Design to database system133.3.1 Datasheet listing133.3.2 Detailed-design of datasheet143.3.3 Relation of datasheet153.3.4 Design of database-connect16chapter 4 Test and maintenance of website174.1 Result of web-run174.2 Test of website22chapter 5 Concluding remark24Thanks25Reference26Addenda27第一章 引言在Internet飞速发展的今天，互联网成为人们快速获取、发布和传递信息的重要渠道，它在人们政治、经济、生活等各个方面发挥着重要的作用。越来越多的企业建立了自己的WWW网站，企业通过网站可以展示产品，发布最新动态，与用户进行交流和沟通，与合作伙伴建立联系，以及开展电子商务等。各行各业纷纷利用互联网展示塑造自己的形象（品牌）、展示自己的服务（产品）、及时发布信息。在大潮趋势下，名门婚纱摄影机构特委托我们公司为其构建一个在线网站。名门网站与一般的商业网站不同，首先它是一个摄影网站，所展示的是大部分以图片为主，相对于其他网站，文字说明会比较少；其次它也不同于一般的摄影网站，名门网站主攻婚纱这块，面比较窄，如果设计不好很容易导致网站过于简单而显得单调。因此本系统在色彩搭配上非常强调，而且运用较多的FLASH制作，在视觉上的冲击来弥补网站本身的局限性。第二章 网站的总体设计婚纱摄影网站的开发涉及的内容有四个：对摄影领域相关网站的调查评价、网站开发策略、网站规划设计、网站发布与维护。第一，摄影网站评价是广泛收集、调查与摄影相关网站的特征；第二，网站的开发策略是在调查分析摄影网站的基础上，确定名门婚纱摄影网站的开发目标，包括：网站定位、开发内容和实现功能等；第三，是网站开发建设具体的实现阶段，其中网站开发包含了网站的总体规划开发和网页设计两部分的内容；第四，是将完成的信息网站进行Internet发布。2.1网站的总体规划网站规划是指在网站建设前对市场进行分析，确定网站的目的和功能，并根据需要对网站建设中的技术、内容、费用、测试、维护等做出规划。网站规划对网站建设起到计划和指导的作用，对网站的内容和维护起到定位的作用1。一个网站的成功与否，与建站前的网站规划有着极为重要的关系。在建立网站前应明确建设网站的目的，确定网站的功能以及对网站规模、投入费用，进行必要的市场分析等。只有详细的规划，才能避免在网站建设中出现很多的问题，使网站建设能顺利进行。2.1.1 网站的开发目标通过对同类网站的评价，综合考虑名门婚纱摄影机构的自身特征，以及网站开发的优势条件和限制性因素，名门婚纱摄影网站的开发目标定位在公司近期的实际需求。这次项目的开发目标是建立名门婚纱摄影在线网站，通过Internet互联网，展示名门婚纱摄影机构的文化形象，通过互联网扩大公司的知名度。2.1.2 网站总体结构 根据客户的具体要求，名门婚纱摄影网站的总体框架如图2-1所，共分为8个模块。进站页面Welcome Logo联系 我们 音 社金 梦 童 话简介外 景 基 地都市风情丽水仙境楠溪江最 新 活 动精 英 团 队名 门 作 品分类显示关 于 我 们走进名门企业荣誉首页首页Logo目录栏照片展示 图2-1 名门摄影网站总体框架图具体的功能需求如下：首 页：该模块是一个网站的门户，需要体现整个网站的特色几网站的内容，因此在设计中包含了目录栏和照片的展示；关于我们：该模块主要是介绍名门婚纱摄影的历史和体现企业精神；名门作品：按照片风格分类展现名门精品之作，让顾客更直接的了解名门的技术水平；精英团队：介绍企业的团队，展示企业员工风采；最新活动：即时发布企业最新动态、优惠活动，以此答谢旧客户和吸引新客户；外景基地：从企业硬件条件方面展示企业的实力，主要有都市风情、丽水仙境和楠溪江三大基地；金梦童话：针对儿童摄影部分；联系我们：客户与企业的联系方式。2.1.3网站的整体风格风格是指艺术作品在整体上呈现出的具有代表性的独特面貌。网站的风格是指某一网站的整体形象给浏览者的综合感受。这个“整体形象”包括网站的CI（Corporate Identity）、版面布局、浏览方式、交互、文字内容等诸多因素。不管是色彩、技术、文字、布局、还是交互方式，只要能让浏览者明确分辨出这个网站，就形成了网站的风格。在明确自己想给人以怎样的印象后，要找出网站中最有特色的东西，即最能体现网站风格的东西并以它作为网站的特色加以重点强化、宣传，并在实践中不断修改完善，最终形成自己的风格。总之，风格的形成不是一次定位的，可以在实践中不断强化、调整和改进。网站标志设计网站的标志（Logo）是站点内涵的集中体现，在网站开发中具有非常重要的意义。良好的网站标志设计，有利于加深访问者对网站的印象，同时集中反映网站形象和文化精髓。网站的标志的设计开发设计到管理学、艺术设计学、行为学、心理学和市场营销学等领域。网站标志可以是汉字、英文字母，也可以是符号、图案等。标志的设计创意应当来自网站的名称和内容。如果网站内有代表性的人物、动物和植物，可以用它们作为设计的蓝本，加以卡通化或者艺术化；专业性较强的网站可以用本专业有代表的物品作为标志等。名门网站以“名门”两字的开头字母“M”为主体，镶嵌与一个圆形中。字母与圆相结合体现了企业的名字，圆形又暗示着企业的整体的和谐统一。标志如图2-2所示： 图2-2 名门网站标志网站的色彩设计色彩是人们作为艺术表现的要素之一，设计精良的网站离不开合理而统一的色彩设计。色彩是最先也是最持久地影响浏览者对网站印象的因素，很多网站以其成功的色彩搭配令人过目不忘。色彩所表现的情感与内涵也会影响到浏览者从感官到理性思维对网站的理解，色彩是形成有效的网站气氛、网站风格的重点要素，是视觉设计不可缺少的重要一环。网站的色彩设计直接关系到访问者对网站的认可程度。网站的色彩开发也称为网站配色，成功的配色是一个网站设计的关键因素。网页的色彩通常可以划分为：主颜色（Main Color）、辅助颜色（Sub Color）和突出颜色（Accent Color）。主颜色是指决定网页主要色调的颜色，通常是主要的背景颜色；辅助颜色是网页小面积区块的背景颜色；突出颜色是用于突出、强调重要信息的颜色。网站配色是指上述三组颜色表现在网页上的关系，色彩简洁明快、独具特色、保持统一的网站能让用户产生深刻印象，不断前来访问。网站的标准字体标准字体是指用于标志、标题、主菜单的特有字体。一般网页默认的字体是宋体。为了体现网站的与众不同和独特风格，可以根据需要选择一些特殊的字体。各种字体大都有各自不同的性格，如黑体字凝重，宋体字端庄，隶书等书写体等就很贴切；而以古典诗词鉴赏为主题的网站，使用隶书则显得古色古香，很容易使读者进入诗词所表达的意境。2.2 网站建设的关键技术ASP是Microsoft公司开发的Web服务器端脚本开发环境，支持VB Script和Java Script等脚本语言，利用它可以生成动态、高效的Web应用程序。Microsoft Access是一种关系式数据库，关系式数据库由一系列表组成，表又由一系列行和列组成，每一行是一个记录，每一列是一个字段，每个字段有一个字段名，字段名在一个表中不能重复。对于非服务器级的网站ASP+ACCESS已经足够。2.1.1 ASP的简介ASP(Active Server Pages)是Microsoft于1996年11月推出的Web应用程序开发技术。在微软的文件中把ASP描述为:“一个服务器的脚本环境，在这里可以生成和运行动态的、交互的、高性能的Web服务器应用程序”。从这段描述可以看出ASP既不是一种语言，也不是一种开发工具，而是一种技术框架，其主要功能是为生成动态的交互式的Web服务器应用程序提供一种功能强大的方法或技术。ASP的主要特性是能够把HTML、脚本、组件等有机地组合在一起，形成一个能够在服务器上运行的应用程序，并把按用户要求专门制作的标准HTML页面送给客户端浏览器。ASP与我们通常在客户端实现动态主页的技术如Java applet、ActiveX Control、VB Script、JavaScript等不同的是ASP中的命令脚本语句都是在服务器中解释执行，执行后的结果产生HTML页面并送到浏览器。由于ASP是在服务器端解释执行，开发者可以不必考虑浏览器是否支持ASP。同时，由于只是标准的HTML页面送到浏览器，在浏览器上看不到ASP程序，因此可以防止程序被窃取，保护了开发者的利益。执行ASP文件的过程如图2-3所示。用户浏览器Web服务器（IIS/PWS）.asp文件文件下载HTTP通信协议申请服务图2-3 ASP访问Web数据库的过程2.2.2 数据库简介数据库是有结构的数据集合,它与一般的数据文件不同，(其中的数据是无结构的)是一串文字或数字流。数据库中的数据可以是文字、图象、声音等。对于非服务器级的数据库建议使用ACCESS。因为ACCESS有如下优点：（1）只要安装了PWS或IIS4肯定有ACCESS的ODBC驱动，即你的系统肯定支持ACCESS数据库的存取。（2）ACCESS支持的SQL指令非常齐全。（3）ACCESS ODBC驱动程序的效率非常高。虽然它不是服务器级的数据库，但是作为中小型企业内部网的数据库支持还是绰绰有余的。（4）ACCESS97在OFFICE97中就有，非常方便得到和使用。Microsoft Access是一种关系式数据库，关系式数据库由一系列表组成，表又由一系列行和列组成，每一行是一个记录，每一列是一个字段，每个字段有一个字段名，字段名在一个表中不能重复。表与表之间可以建立关系（或称关联，连接），以便查询相关联的信息。Access数据库以文件形式保存，文件的扩展名是MDB。Access 数据库是由六种对象组成的，它们分别是表、查询、窗体、报表、宏和模块。2.2.3 ASP与数据库的连接ASP连接ACCESS数据库有两种方法分别如下：1、cnObj.ConnectionString = _Provider=Microsoft.Jet.OLEDB.4.0;Data Source= & dbpathcnObj.Open 使用这种方法连接数据库,如果表名是user的话,查询语句应该这样写select * from user,否则就会出错。2、Set cnobj = Server.CreateObject(ADODB.Connection)cnobj.open DRIVER=Microsoft Access Driver (*.mdb); DBQ= &server.mappath(db.mdb)&;使用这个的话就不会有上面那种问题。2.2.4 Flash MX 2004中脚本的应用Flash MX 2004是具有专业水准的标准创作工具，使用它创作的产品可以给用户带来更美好、印象更深刻的Web体验。动作脚本语言是在Flash内开发应用程序是所使用的语言。动作脚本的定义动作脚本是可以在Flash作品运行过程中起控制和计算作用的程序代码。与C、Basic、汇编等语言一样，动作脚本具有语法和标点规则，这些规则确定哪些字符和单词可以用于产生含义，并确定他们的撰写顺序。例如，在英语中，句点会结束一个句子。而在动作脚本中，分号会结束一个语句。 动作面板动作脚本在如图4-1所示的动作面板中编写。使用菜单命令“窗口”|“开发面板”|“动作”可以打开动作面板。图2-3 动作面板 变量、函数与语法规范（1）常量常量就是一种属性，是指在程序运行中不会改变的量。例如程序代码中的数值3、7、8和字符串“Flash MX 2004 ActionScript”都是常量。逻辑常量True和False在编程的时候也会经常用到。（2）变量顾名思义，变量就是程序运行中可以改变的量。我们在编写程序时往往需要存储很多的信息，就需要变量来存储这些信息。Variables（变量）：存储了任意数据类型值的标识符。变量实际上就是一个信息容器。容器本身总是相同的，但是容器中的内容却可以修改。通过在电影播放时修改变量中的值，然后判断某些条件的真假等。例如，如果需要重复执行10次相同的命令，你就可以对命令的执行次数进行记数，判断次数是否满10，满10次就终止。变量可以存放任何数据类型，包括数字值（如：myNumber）、字符串值（如：myString）、逻辑值、对象或电影剪辑等。存储在变量中的信息类型也很丰富，包括：URL、地址、用户名、数学运算结果、事件发生的次数或按钮是否被单击等。变量可以创建、修改和更新。变量中存储的值可以被脚本检索使用。变量由两部分构成：变量名和变量的值。（3） 函数函数（function）是什么呢？函数就是在程序中可以重复使用的代码，你可以将需要处理的值或对象通过参数的形式传递给函数，然后由函数得到结果，从另一个角度说，函数存在目的就是为了简化编程的负担，减小代码量和提高效率。函数分为系统函数以及自定义函数。 事件和事件处理函数 Flash中的事件包括用户事件和系统事件两类。用户事件是指用户直接交互操作而产生的事件。例如鼠标单击或按下键盘键之类的事件。系统事件是指Flash Player自动生成的事件，它不是由用户直接生成的。例如影片剪辑在舞台上第一次出现或播放头经过某个关键帧。一般情况下，在以下几种情况下会产生事件：1. 当在时间轴上播放到某一帧时。 2. 当某个影片剪辑载入或卸载时。 3. 当单击某个按钮或按下键盘上的某个键时。为使应用程序能够对事件做出反应，必须编写相应的事件处理程序。事件处理程序是与特定对象和事件关联的动作脚本代码。例如，当用户单击舞台上的一个按钮时，可以将播放头前进到下一帧。Flash MX 2004提供了三种编写事件处理程序的方法： 1. 针对对象的on（）事件处理函数 2. 事件处理函数方法 3. 事件侦听器2.2.5 其他相关技术在设计网页时，要充分考虑到网络上的速度因素，也就是常说的“带宽”问题。除此之外，还要考虑到客户端浏览器软件、显示分辨率和是否安装相应的插件等因素。网络的速度问题。有关下载问题有一个“8秒钟规则”，即绝大多数浏览者不会等待8秒钟来完整下载一个网页。如果页面的下载速度太慢，则访问者不会考虑页面中有什么吸引人的地方，而是会很快地按下浏览器上的“停止”按钮，或是转到其他的网站中。影响网页显示速度的最主要因素就是图像的数量和大小。加快页面下载速度最有效的方法，就是减少页面中的图像大小和数量。浏览器和分辨率问题。鉴于目前国内用户使用的大多是Windows 98/Me/NT/2000自身捆绑的IE浏览器，所以在制作网页时通常不必考虑浏览器的兼容问题。显示器的屏幕分辨率是网页设计者应该特别关注的因素。显示器屏幕分辨率是指计算机屏幕水平和垂直方向的像素值，通常可以将国内用户显示器的分辨率的设计标准定为800600兼顾1024768。基于以上分析，名门婚纱摄影网站的参考基准可定为：在Windows 操作系统下，使用IE浏览器，分辨率可设置为800600。及时交互和插件。要考虑到网站是否需要进行交互。例如：考虑到一般的用户都有Flash这种浏览器插件或者愿意下载安装该插件，所以在网页中就可以使用Flash动画以吸引更多的访问者。第三章 网站系统的详细设计3.1 前台页面设计3.1.1 欢迎页面设计主页设计主要体现出摄影文化的精髓，反映名门婚纱摄影机构的形象和精神。主页是进入一个网站的门户，要求文字、图片布局的和谐，色彩的统一；主要内容包括指向站点中其它相关页面或其它网站的超链接，通过这些超链接可以直接导向到网站中的其他网页或其它网站。主页通常有固定的文件名，一般是index.htm或index.html等，可以在Web服务器上设置站点的默认主页名称。在本网站的设计中，在用户进入网站首页前，首先进入用户眼帘的是一个FLASH欢迎界面，该界面如图3-2所示.欢迎界面设计应用了动态Flash多媒体技术，采用简单朴素的风格，以黑色为底，在飘洒的玫瑰花瓣中，逐渐显示出名门的网站标志（Logo）,其目的是通过Internet互联网的动画，增强网站对访问者的吸引力。图 3-1 欢迎界面的版面设计3.1.2 前台页面处理流程前台客户端主要实现信息的浏览功能，可以分为“名门作品”、“精英团队”、“最新活动”、“外景基地”等模块，各个模块的基本流程比较类似，都是先进行页面请求，到达操作页面，然后进行权限验证，再到数据库读取数据。因此各模块的时序图就不一一列举，总时序图如图3-1所示：图 3-2 前台时序图3.1.3网站首页设计在网站首页中包含很多的内容，它囊括了所有功能模块的进口，也就是说，首页是进入具体模块的关口。首页设计采用了大量的动态显示，并配有背景音乐，通过图形界面的应用，可以更加直观地传达信息，增加访问者对网站的亲和力。首页分为上中下三部分，顶部是各模块的索引，当鼠标置于标题上时，会出现对应模块的代表图片，点击则直接跳转到该模块的子页面；中间是名门代表作品的动态展示；底部是名门婚纱摄影机构的地址、联系方式及网址。首页预览图如图3-3所示：图3-3 网站首页各模块子页面基本上是以内容为主，它的设计保持首页的风格，标志、界面设计风格等都与首页页面一致，只是根据内容调整中间部分版块。3.2 后台管理流程设计这里的后台管理包括了网站管理中的部分管理功能，包括：分类管理、添加作品、作品管理、添加新闻、新闻管理、文件管理、系统操作员管理。后台管理程序处理流程如下：鉴于模块的相似性，添加分类、添加作品、添加新闻、添加系统管理员的功能模块的时序图如图图 3-4 添加分类-添加作品-添加新闻-系统操作员管理时序图文件管理-新闻管理-作品管理时序图模块的时序图如图3-5所示：图 3-5 文件管理-新闻管理-作品管理时序图3.3 数据库系统设计考虑系统的方便性，选用Access做用数据库。3.3.1 数据表清单根据系统的功能需求分析，数据库系统应包含有5个数据表，清单如表格3-1：表3-1 数据库表清单数据库表名说明admin_db管理员表News新闻表NewsClass新闻类别表Products作品表ProSeries1作品类别表3.3.2 数据表详细设计管理员存储系统后台管理员的详细信息，包括用户名，密码等字段，详细设计如表格4-1所示：表格4-1 管理员表设计字段名数据类型说明ID自动编号主键username文本管理员用户名password文本密码rname文本真实姓名remail文本联系Emailrtel文本联系电话time日期/时间添加的时间新闻表存储管理员在后台发布的新闻的详细信息，具体设计如表格4-2所示：表格 4-2 新闻表字段名数据类型说明ID自动编号主键ClassID数字新闻所属的类别title文本新闻标题titleCSS文本标题样式，包括加粗等img文本新闻图片content备注新闻的具体内容dtime日期/时间新闻添加的时间hits数字页面被请求的次数新闻类别表存储新闻的分类，以区别不同类型的新闻，表的设计如表格4-3所示：表4-2 新闻类别表字段名称数据类型说明ClassID自动编号主键NewsClass文本新闻类别作品列表存储了上传到系统上的所有作品的信息，一个作品对应一行，表的设计如表格4-4所示：表4-3 详细作品表字段名称数据类型说明ID自动编号主键sid1数字所属的作品分类的号码ProName文本作品名称enProName文本作品的英文名称imgS文本小图片地址imgB文本大图片地址ctime日期/时间图片添加的时间hits数字页面被访问的次数作品分类表存储了作品的不同分类，以示区别，其具体设计如表格4-5所示：表4-4 作品分类表字段名称数据类型说明SID1自动编号主键sname数字分类的名称（主题）img文本分类的图片标志地址ctxt备注分类的说明ordnum数字分类的排序号3.3.3 数据表关系Products表与ProSeries1表的关系：ProSeries1的SID1作为表Products的外键，关联如图4-8所示：图4-8 Products表与ProSeries1表关系News表与NewsClass表的关系：NewsClass表的ClassID作为表News表的外键，关联如图4-8所示：图4-9 News表与NewsClass表的关系3.3.4 数据库连接设计数据库连接代码如下：dim connSet conn=Server.CreateObject(Adodb.Connection)connstr=Provider=Microsoft.Jet.OLEDB.4.0;DataSource=&Server.MapPath(./Data /data.mdb)conn.open connstr数据库关闭连接代码设计如下：sub CloseDb()conn.closeset conn=nothingend sub第四章 网站的运行与测试4.1 网站的运行结果4.1.1 前台各模块运行展示由于前面已经对主页的页面进行展示，这里就不再重复，只将剩余模块页面部分截图做大致的浏览。图4-1 名门作品子页面图4-2 走进名门子页面截图图4-3 最新活动页面截图图4-4 外景基地页面截图图4-5 金梦童话页面截图4.1.2 后台各模块运行展示后台管理系统是对数据库进行直接的操作，包括更新、修改、删除等，也就是对网站的内容进行更新。本网站后台管理界面如图4-3所示：图4-3 管理界面 网站后台管理及添加管理人员后台管理登录要求输入用户名、密码和验证码，增加验证码项对安全多一层保障，其登界面如图4-4所示。添加管理人员包括：用户名、真实姓名、联系电话、E-mail等部分，如图4-5所示。图4-4 管理登录界面图4-5 增加管理人员界面 新闻管理新闻管理包括新闻的添加、修改和删除。添加文章，包括文章的标题、所属分类、正文、作者、来源等；修改文章是对文章的所有相关信息进行更新，其界面与添加文章一样，但是要把要修改的文章的信息预先显示出来；删除就比较简单，可以一键完成。具体界面如图4-6和图4-7所示。图4-6 新闻列表图4-7 新闻添加、编辑界面 作品管理作品管理包括作品的分类、添加、作品信息管理等部分，实现界面如下图所示：图4-8 分类添加作品界面图4-9 添加作品界面图4-10 作品信息管理界面4.2 网站的测试当一个系统编写完成以后，其中错误和不完善的地方需要不断地发现并进行优化，以达到预期的目的，争取达到完善的程度，让用户满意。系统测试是为了发现错误而执行的过程，成功的测试是发现了至今尚未发现的错误的测试。下面将分别从前台和后台两部分进行测试，并列举部分测试案例。4.2.1 前台页面测试test case 1测试步骤：1. 打开主页面2. 点击名门作品link预想结果：网页出现名门作品分类画面实际测试结果：网页出现名门作品分类画面test case 2测试步骤：1. 打开名门作品页面2. 点击名门作品中的烂漫七月link预想结果：网页出现烂漫七月相关作品画面实际测试结果：网页出现乡村往事作品的画面原因分析：分类链接错误4.2.2 后台管理系统测试test case 1测试步骤：1. 进入管理员登陆界面2. 输入相关信息，点击登陆预想结果：进入后台管理界面实际测试结果：进入后台管理界面test case 2测试步骤：1. 进入管理员登陆界面2. 输入相关信息，点击重置预想结果：登陆界面相关项目置空实际测试结果：全部输入框变空test case 3测试步骤：1. 进入管理员登陆界面2. 必填输入框真实姓名项置空， 点击增加预想结果： 跳出提示框，提示真实姓名必须填写实际测试结果：跳出提示框，提示真实姓名必须填写第五章 结束语本论文第一章介绍了名门摄影网站创建的背景和必要性，以及网站的特征。第二章简单介绍了网站的总体功能设计以及开发本网站用到的一些关键技术，并对网站风格及配色方面做了简单的说明。第三章主要介绍摄影网站的详细功能设计，以及数据库的设计。第四章描述系统运行结果，展示各模块实现的画面。经过三个月的实习期，从最初的资料搜集、ASP技术的学习、开发工具的上手、到最后的代码编写，基本上是全程参与了这个网站的制作。在这个过程中，了解了网站制作的一般流程；熟悉了ASP特别是VB.NET的应用；了解了Visual Studio.NET这个工具，基本能够正确使用它；同时也熟练掌握了一般制作网页的软件如FLASH MX、Fireworks 等。在这一次毕业设计的过程中，我频繁的接触到了有关于网页制作的各种工具软件。从对这些技术已相当成熟的软件的综合使用过程中，我第一次十分直观的感受到一个成型的工具软件在构造、功能以及软件建造思维方面的突出优点。本系统已经基本完成，也得到了客户的肯定。但是功能不够完善，没有顾客反馈面板，这是一大缺憾，希望在以后的合作机会中能够补上，这样才是对顾客和自己负责。由于本人编程能力相对比较弱，所以在工作中主要负责文档、配色和动画等方面，只起到辅助作用。我以后一定要再接再厉，取长补短，使自己不断提高。致谢语通过这次毕业设计，使我感到高科技、新知识的力量。这次毕业设计过程中，得到了实习公司的大力支持，给我提供了舒适的工作学习环境；还有公司同事热心帮助，让我少走了很多弯路；也得到了副教授的精心指导，在此表示衷心的感谢参考文献1 赛奎春。ASP信息系统开发实例精选，机械工业出版社，20052 黄明，梁旭。 ASP信息系统设计与开发实例，20043 ASP入门与实例演练薄 小志编著 中国青年出版社4 前沿电脑图像工作室 巧学巧用Dreamweaver、Fireworks、Flash制作网页 北京:人民邮电出版社5 李世杰 Active Server Pages(ASP)3.0 网页设计手册 北京:清华大学出版社 19996 王太冲, 司军明, 冯志慧. Flash MX 2004中文版入门与提高M. 北京：清华大学出版社，20047 菅典兵, 蔡朝晖, 孙印杰等. 网页动画与特效Flash MX 2004M. 北京：电子工业出版社，20048 梁景红（Relen），网站设计与网页配色实例精讲，人民邮电出版社，2004年8月9 萨师煊、王珊 著.数据库系统概论（第三版） 高等教育出版社 2003.210 杨毅、郭聪宾、刘晓宏。VB.NET数据库编程M.中国：北京科海电子出版社，2003年11 刘柄文。精通Visual Basic 6.0中文版M.中国：电子工业大学出版社，1999年12 Stewart Fraser, Steven Livingstone。 VB.NET XML入门经典：VB.NET编程人员必备的XML技能M 中国：清华大学出版社，200313 唐伟、汪学祥、梁耿毅，网站规划与网页设计，清华大学出版社，2004年4月14 徐胜祥、贺立源、黄魏、陈杰，ADO组件Stream对象在Web信息发布系统图片上传中的应用J，计算机应用研究，2004年12期15 王志宏，数据库技术在网站中的应用研究J，皖西学院学报，2003年02期16 动态网站制作指南，/17 王璞，Dreamweaver MX 2004 中文版 入门与提高，清华大学出版社，2004年9月18 Jason T.Roff 著，张榆、杨继萍等译 UML基础教程清华大学出版社 2005.7附录0 then 如果出错select case upload.Errcase 1call Htmlerr(请选择有效的上传文件)case 2call Htmlerr(你上传的文件超出我们的限制,最大20M)end selectend ifformPath=upload.form(filepath)zxformPath=Replace(formPath,./,)if right(formPath,1)/ then formPath=formPath&/ 在目录后加(/)formid=upload.form(formid)FileExt=jpg,gif,bmp,png,jpeg set oFile=upload.file(file1) 生成一个文件对象 fsize=oFile.FileSize获取上传文件大小 if fsize2048000 then call Htmlerr(上传文件错误。你上传的文件超出我们的限制,最大2M) elseif fsize0 then 如果 FileSize 0 说明有文件数据 sFileName=oFile.FileNamesFileExt = lcase(Mid (sFileName,InStrRev (sFileName, .)+1)if instr(FileExt,sFileExt)0 thensRnd=Right(year(now),2) & month(now) & day(now) & hour(now) & minute(now) & second(now)sRnd=sRnd & Int(100 * Rnd) + 1sSaveFileName=t_ & sRnd & . & sFileExtoFile.SaveToFile Server.mappath(formPath&sSaveFileName) 保存文件Response.Write(parent.form1.&formid&.value=&zxformPath&sSaveFileName&;window.alert(上传文件成功);window.location=upfile.asp?path=&formPath&formid=&formid&furl=&formPath&sSaveFileName&)elsecall Htmlerr(上传文件失败，文件格式应为：&FileExt)end if else call Htmlerr(上传文件失败，错误求知。请重新上传) end ifset oFile=nothing set upload=nothing 删除此对象end ifsub Htmlerr(etxt)set oFile=nothing set upload=nothing Response.Write(window.alert(&etxt&);window.location=upfile.asp?formid=&formid&