计算机应用技术毕业论文古韵旗袍设计室网站.doc

《计算机应用技术毕业论文古韵旗袍设计室网站.doc》由会员分享，可在线阅读，更多相关《计算机应用技术毕业论文古韵旗袍设计室网站.doc（33页珍藏版）》请在三一办公上搜索。

1、浙江工贸职业技术学院信息传媒学院 毕 业 设 计 （论 文）课题名称： 古韵旗袍设计室网站 学生姓名: 专 业: 计算机应用技术(网络方向)学生学号: 0910301142 学生班级: 计算机0901 指导教师: 古韵旗袍设计室网站 谢莉莉信息传媒学院 班级：计算机0901 指导老师：陈贤敏摘 要：随着信息时代的不断进步，网络凭借其卓越的互动性与便捷的交流手段正成为最有发展潜力与前途的新兴媒体，成为众商家倍为关注的宣传热点。无论是传统大型企业还是小型工作室都充分利用互联网技术，为客户、合作伙伴在网上提供信息服务，并且借助互联网，敏锐的捕捉商机。作为专门从事旗袍设计工作的古韵旗袍设计室，更需要建

2、设好的网站，将其作为对外宣传、服务和交流的载体，来配合工作室的业务承接，使网站具有鲜明的行业特色，使更多的企业通过网络来结盟，使更多的客户通过网络来了解古韵旗袍设计室。关键词：网站开发 SQL Server 2008 Visual Studio 2008 目 录1 引言11.1 古韵旗袍设计室网站开发背景11.2 古韵旗袍设计室网站的意义与设计目的12 开发工具及环境介绍22.1 古韵旗袍设计室网站硬件环境22.2 本项目应用的主要开发工具22.2.1 SQL Server 200822.2.2 开发环境：Microsoft Visual Studio 200832.2.3 动软.Net代码生

3、成器42.2.4 Microsoft Office Visio 200752.2.5 C#程序设计52.2.6 Photoshop CS452.2.7 Fireworks62.2.8 IE Tester63 项目概述83.1 项目概述83.2 项目风险83.3 项目进度计划94 项目需求分析104.1 业务分析104.1.1 业务组织结构104.1.2 业务工作角色分析104.2 功能性需求概述104.2.1 系统总功能结构图104.2.2 功能模块概要说明114.3 现行研究存在的问题及解决办法115 数据库设计125.1 数据库表结构125.2 数据库表125.3 数据库设计命名规范136

4、 系统实现146.1 说明146.1.1 系统文件命名规范146.1.2 项目的文件结构说明146.2 动软生成解决方案156.3 Web.Config文件配置166.4 网站功能实现166.4.1 前台浏览界面166.4.2 登陆界面186.4.3 后台管理界面197 测试237.1 测试237.2 测试例子及其结果247.2.1 页面效果测试247.2.2 登录测试247.2.3 后台管理添加测试257.2.4 后台管理修改测试258 系统安全269 总结与展望27致谢28参考文献291 引言1.1 古韵旗袍设计室网站开发背景随着中国发展的脚步，很多极具中国特色的东西也开始被世人所了解，进

5、入时尚潮流。旗袍近年来也开始重新走进人们的视眼，可是随着市场的不断扩大，旗袍原有的款式已经不能满足现在的需求,古韵旗袍设计室就是在这样的背景下成立的。可是由于工作室规模的关系，并没有太多的资金用来宣传，这就意味着工作室必须以一种有效、节约的方式做宣传。而网站展示恰恰符合了这些需要，因此古韵旗袍设计室网站的建设势在必行。1.2 古韵旗袍设计室网站的意义与设计目的随着网络技术的飞速发展，人们的生活和网络的关系越来越密切，如何通过网络抓住机会成为摆在人们面前的一个重要话题，网站展示平台能够将许多成功案例全部展示在一个网站上面，它采用ASP.NET技术、Web交互设计技术、SQL数据库技术让成功案例更

6、好的展示在网站页面上，并且能够更好的使客户了解工作室的各个方面。古韵旗袍设计室网站正是为工作室展示成功案例开辟了一个新的平台。与传统的展示方式相比，该网站是一种很好的宣传或介绍平台。在互联网上，所有的客户不仅可以实时地看到工作室的所有设计案例，可以为工作室的管理者和客户省下宝贵的时间，提高介绍内容的质量和介绍的效率。该网站设计为工作室提供一个新的平台，增加市场竞争力，也降低了一定风险。 2 开发工具及环境介绍2.1 古韵旗袍设计室网站硬件环境开发环境的硬件要求，如表2.1所示：表2.1 环境约束约束名称约束要求CPU最低要求：英特尔酷睿2 T5800双核处理器推荐：建议采用 2.79GHz或更

7、高内存（RAM）最低要求：1GB推荐使用：2GB或更大最大：操作系统最大内存开发环境Microsoft SQL SERVER 2008 (数据库)Microsoft Visual Studio 2008（项目开发环境）操作系统Windows XP 、Windows 2000等Windows系列辅助工具Microsoft Office Visio 2003 (画图工具)Adobe Fireworks CS4 (图片处理工具)Adobe Photoshop CS4 (图片处理工具)2.2 本项目应用的主要开发工具2.2.1 SQL Server 2008SQL Server 2008提供了公司可依

8、靠的技术和能力来接受不断发展的对于管理数据和给用户发送全面的洞察的挑战。具有在关键领域方面的显著的优势，SQL Server 2008是一个可信任的、高效的、智能的数据平台。SQL Server 2008是微软数据平台愿景中的一个主要部分，旨在满足目前和将来管理和使用数据的需求。 SQL Server 2008是一个重大的产品版本，它推出了许多新的特性和关键的改进，使得它成为至今为止的最强大和最全面的SQL Server版本。 1) SQL Server 2008的特点 可信任的使得公司可以以很高的安全性、可靠性和可扩展性来运行他们最关键任务的应用程序。 高效的使得公司可以降低开发和管理他们的

9、数据基础设施的时间和成本。 智能的提供了一个全面的平台，可以在你的用户需要的时候给他发送观察和信息。2) SQL Server 2008的性能 加强了对XML的支持SQL Server 2008在数据定义方面新增XML数据类型（每条记录最长2GB），可以直接使用XML数据类型定义数据字段或是该类型的变量。数据库和WEB开发者都能利用他们现存的技巧，使用XML进行插入、更新和删除。 通过WEB对数据进行轻松安全地访问SQL Server 2008提供了从一个浏览器通过防火墙安全访问数据的能力。SQL Server也提供了对格式化文档的快速的全文索引。另外，你能够通过在你的WEB应用程序使用英文查

10、询来简化应用程序的开发和配置。2.2.2 开发环境：Microsoft Visual Studio 2008Microsoft Visual Studio基于 Microsoft 的智能客户端应用程序设想而提供，它使开发人员能够快速创建可提供最高质量和丰富用户体验的连接应用程序。使用Visual Studio 2008，组织会发现可以比以前更加轻松地捕获和分析信息，从而帮助其做出有效的业务决策。Visual Studio 2008 使任何规模的组织都能快速创建更安全、更易于管理且更可靠的应用程序，这些应用程序将可利用 Windows Vista和 2007 Office system 的强大功

11、能。Visual Studio 2008 在下列三个主要领域为开发人员带来了重大改进：1) 有效的团队协作 2) 快速应用程序开发3) 前所未有的用户体验下列七个技术方面阐述了以上三个领域带来的不同客户体验：1) 开发智能客户端应用程序Visual Studio 2008 为开发人员生成智能客户端提供了新颖且容易的方式。它提供了一组综合性的工具和类，从而简化了将智能客户端与新的或现有 WEB 应用程序进行集成的过程，并且为在断开连接的情况下本地缓存数据提供了支持。2) 创建Microsoft Office应用程序Visual Studio Tools for Office (VSTO)完全集成

12、到 Visual Studio 2008 专业版中。开发人员现在可以自定义各种 Office 应用程序（例如，Outlook和PowerPoint），从而提高用户的工作效率，简化部署过程更加富有成效地处理数据。3) 生成Windows Vista应用程序通过将新的Windows Presentation Foundation功能融合到现有Windows窗体应用程序和新的应用程序中，开发人员可以轻松地利用新的平台技术，并且向其客户提供更具吸引力的应用程序。4) 更加富有成效的处理数据由于引入了语言集成查询(LINQ)和其他数据访问改进功能，开发人员能够应用一致的编程方法进行数据处理，使用新的数据

13、设计图面执行数据访问，以及使用内置类来实施偶尔连接的设计模式。5) 实现新的WEB体验开发人员可以使用Visual Studio 2008轻松创建高效的交互式WEB应用程序。为人熟悉的 ASP.NET AJAX 编程模型的无缝集成实现了更为高效的客户端执行，从而为最终用户提供了响应能力更强的WEB界面。JavaScript IntelliSense 和调试进一步改善了开发体验。6) 获得经过改善的总体开发人员体验Visual Studio 2008进行了重大产品质量改进，并且更改了最流行的设计图面向用户返回错误的方式，这两个方面结合起来，为开发人员带来了更好的总体体验。此外，Visual St

14、udio 2008通过使开发人员能够面向不同的.NET Framework平台，提高了用户在开发工作中分别采用不同工具集和框架的能力。7) 改善应用程序呢生命周期管理（ALM）Visual Studio中的ALM 功能不仅为管理整个软件开发生命周期提供了良好的支持，而且为与企业应用程序的最终用户及其利益相关者进行关键性交互提供了绝佳的支持。2.2.3 动软.Net代码生成器动软.Net 代码生成器是一款为C#数据库程序员设计的自动代码生成器，Codematic生成的代码基于面向对象的思想和三层架构设计，结合了Petshop中经典的思想和设计模式，融入了工厂模式，反射机制等等一些思想。主要实现在

15、对应数据库中表的基类代码的自动生成，包括生成属性、添加、修改、删除、查询、存在性、Model 类构造等基础代码片断。支持不同3种架构代码生成，使程序员可以节省大量机械录入的时间和重复劳动，而将精力集中于核心业务逻辑的开发。 Codematic同时提供便捷的数据库管理功能和多项其他开发工作中常用到的辅助工具功能，您可以很方便轻松地进行项目开发，让开发变得轻松而快乐。2.2.4 Microsoft Office Visio 2007Microsoft Office Visio 2007 是微软公司出品的一款的软件，它有助于 IT 和商务专业人员轻松地可视化、分析和交流复杂信息。它能够将难以理解的复

16、杂文本和表格转换为一目了然的 Visio 图表。该软件通过创建与数据相关的 Visio 图表（而不使用静态图片）来显示数据，这些图表易于刷新，并能够显著提高生产率。使用 Office Visio 2007 中的各种图表可了解、操作和共享企业内组织系统、资源和流程的有关信息。Office Visio 提供了各种模板：业务流程的流程图、网络图、工作流图、数据库模型图和软件图，这些模板可用于可视化和简化业务流程、跟踪项目和资源、绘制组织结构图、映射网络、绘制建筑地图以及优化系统。2.2.5 C#程序设计C#是一种安全的、稳定的、简单的、优雅的，由C和C+衍生出来的面向对象的编程语言。它在继承C和C+

17、强大功能的同时去掉了一些它们的复杂特性（例如没有宏和模版，不允许多重继承）。C#综合了VB简单的可视化操作和C+的高运行效率，以其强大的操作能力、优雅的语法风格、创新的语言特性和便捷的面向组件编程的支持成为.NET开发的首选语言。并且C#成为ECMA与ISO标准规范。C#看似基于C+写成，但又融入其它语言如Pascal、Java、VB等。2.2.6 Photoshop CS4Adobe Photoshop CS4软件通过更直观的用户体验、更大的编辑自由度来大幅提高的工作效率，使您能更轻松地使用其无与伦比的强大功能。 更顺畅的遥摄和缩放以及流体画布旋转 使用全新、顺畅的缩放和遥摄可以定位到图像的

18、任何区域。借助全新的像素网格保持实现缩放到个别像素时的清晰度， 并以最高的放大率实现轻松编辑。通过创新的旋转视图工具随意转动画布， 按任意角度实现无扭曲查看。 CS4软件除了包含Adobe Photoshop CS3的所有功能外，还增加了一些特殊的功能，如支持3D和视频流、动画、深度图像分析等。 此外，Photoshop CS4将支持GPU加速。有了 GPU 加速支持，用 Photoshop 打开一个 2GB、4.42 亿像素的图像文件将非常简单，就像在 Intel Skulltrail 八核心系统上打开一个 500 万像素文件一样迅速，而对图片进行缩放、旋转也不会存在任何延迟；另外还有一个

19、3D 加速 Photoshop 全景图演示，这项当今最耗时的工作再也不会让人头疼了。 Photoshop CS4 的另一个让人印象深刻的新功能是不但可以导入3D模型，还能在其表面添加文字和图画，并且就像直接渲染在模型表面一样自然。2.2.7 FireworksAdobe Fireworks CS4 是Adobe推出的一款网页作图软件，软件可以加速 Web 设计与开发， 是一款创建与优化 Web 图像和快速构建网站与 Web 界面原型的理想工具。Fireworks CS4 不仅具备编辑矢量图形与位图图像的灵活性， 还提供了一个预先构建资源的公用库， 并可与 Adobe Photoshop CS4

20、、Adobe Illustrator CS4、Adobe Dreamweaver CS4 和 Adobe Flash CS4 软件省时集成。 在 Fireworks 中将设计迅速转变为模型， 或利用来自 Illustrator、Photoshop 和 Flash 的其它资源。 然后直接置入 Dreamweaver CS4 中轻松地进行开发与部署。Fireworks是Macromedia公司发布的一款专为网络图形设计的图形编辑软件，它大大简化了网络图形设计的工作难度，无论是专业设计家还是业余爱好者，使用Fireworks都不仅可以轻松地制作出十分动感的GIF动画，还可以轻易地完成大图切割、动态按

21、钮、动态翻转图等，因此，对于辅助网页编辑来说，Fireworks将是最大的功臣。借助于 Macromedia Fireworks 8，您可以在直观、可定制的环境中创建和优化用于网页的图像并进行精确控制。Fireworks 业界领先的优化工具可帮助您在最佳图像品质和最小压缩大小之间达到平衡。它与 Macromedia Dreamweaver? 和 Macromedia Flash? 共同构成的集成工作流程可以让您创建并优化图像，同时又能避免由于进行 Roundtrip 编辑而丢失信息或浪费时间。利用可视化工具，无需学习代码即可创建具有专业品质的网页图形和动画，如变换图像和弹出菜单等。2.2.8

22、IE TesterIE Tester是一个免费的WEB Browser控件，让我们有渲染和IE8的JavaScript引擎，IE7的IE 6和在Windows 7，Vista和XP的IE5.5中，以及在同一进程中安装的IE浏览器。它是多版本IE测试的好帮手，包含5个版本(IE5.5/6.0/7.0/8.0/9.0Preview)完全可以满足对IE兼容性的测试。让我们可以清晰地看出自己辛苦做好的CSS样式或网站版面在各个主要浏览器中是否正常显示，如图2.1所示：图2.1 IE Tester界面3 项目概述3.1 项目概述古韵旗袍设计室网站。是一个应用ASP.net和SQL数据库技术管理员通过后台

23、对网站的维护信息的更新，客户通过登陆网站可以实现信息的查看的网站。目前网站主要分为一下几个主要模块：1) 后台管理模块管理员通过登录页面登录到后台然后在后台的管理页面上可以选择添加、修改、删除网站上的新闻、作品、设计师等信息起到了对网站维护的主导作用，需要管理员经常去维护网站，这样可以让网站更加丰富，内容更充实，能让网友更好的来咨询一些信息，以便对工作室有更深一步的了解。另外管理员还通过密码修改功能修改密码，以防密码泄漏后对工作室网站造成不必要的损害。2) 前台查看模块前台查看模块主要包括首页、新闻中心、作品展示、品牌诠释、设计师展示、联系我们这六个页面。先是在首页上集中展现了工作室的基本信息

24、，后又通过每张页面针对性的展示了工作室的所有信息。使客户对工作室有一个非常直观的了解。3.2 项目风险1) 项目进度由于项目开始的实践比较少、经验不够丰富以及项目开发过程中层出不穷的问题，对项目时间的安排和分析不准确，对项目的按时交付造成了很大的影响。2) 项目需求不明确项目的开发前期业务需求不明确，用户提供的参考资料极少，又缺少对3G应用方面的了解，再加上前期需求安排的时间太少。开发过程主要参考其它作品的形式，没有一个明确的目标。3) 技术水平不够技术水平问题大概是每个从事软件开发人员都会碰到的问题。在该项目中也碰到了各种技术上的问题，也因为这些新技术的出现，也使项目的进度受到影响。3.3

25、项目进度计划古韵旗袍设计室网站的设计包括制定计划、需求分析、总体设计、详细设计、实现编码几个阶段，其项目进度安排如图3.1所示：图3.1 项目进度图（甘特图）4 项目需求分析4.1 业务分析4.1.1 业务组织结构古韵旗袍设计室主要是一个展示平台，客户可以通过浏览这个网站查看网站的新闻、作品、设计师等信息，因此网站前台的页面设计就变得尤为重要。当然网站还要实习现后的的信息管理功能。4.1.2 业务工作角色分析系统共分为2个角色，分别为客户和后台管理人员。客户通过网页浏览，可以查看工作室的新闻、作品、设计师等工作室的各项信息。后台管理人员通过登录界面登陆后台页面，可对新闻、作品、设计师等资料进行

26、添加、修改、删除等操作，一遍及时更新工作室的信息，时刻向客户展现工作室的最新信息。后台管理人员还可以修改密码。4.2 功能性需求概述4.2.1 系统总功能结构图系统总功能结构图包括系统的所有功能，如图4.1所示：图4.1 古韵旗袍设计室网站结构图4.2.2 功能模块概要说明1) 主控模块起控制作用，调用其它功能模块，并且实现不需要单独建立一个模块的小功能。2) 登录模块控制管理员是否可以进入管理界面。3) 添加模块可以增加新闻、作品、设计师等相关的一些信息，ID号是唯一的。4) 删除模块用于删除新闻、作品、设计师等相关的一些信息。5) 修改模块用于修改新闻、作品、设计师等相关的一些信息。6)

27、浏览模块显示新闻、作品、设计师等相关的一些信息。4.3 现行研究存在的问题及解决办法对于典型的网站展示平台，必须要满足界面美观、使用方便、交互性强等设计需求。本网站主要需解决的问题有：1) 界面设计美观友好，看起来赏心悦目。2) 全面展示各类作品，并且具有较强的交互性。3) 查看网站内各个作品的详细信息，以及设计师的详细资料。4) 本平台最大限度地实现易维护性和易操作性。5) 本平台运行稳定、安全可靠。针对以上存在的问题，本文认为需要在以下几方面开展研究：1) 先做好效果图的设计，把客户的体验考虑进去。2) 根据每个需求先理好业务逻辑，然后运用编码实现相应的功能。5 数据库设计5.1 数据库表

28、结构数据只有用数据库来管理才能有自动化管理的可能。数据的结构将影响整个管理机制的应用，而且一建立以后要修改常会出现麻烦。所以一开始就要仔细慎重地搭建一个完整而合理的结构。Microsoft SQL Server数据库相对其它的数据库来说要简单容易操作些，所以本系统采用数据库文件就是SQL类型的数据库,数据库名为“WebStudio”，数据库中共有2张表。表名称及功能说明如下：1) 新闻表：用于所有的新闻、作品、设计师和管理员帐号管理。2) 新闻类别表：用于区分新闻表里面的新闻类别、作品、设计师和管理员帐号。5.2 数据库表员工信息如表5.1所示：表5.1 新闻表序号列名数据类型长度标识主键允许

29、空默认值字段说明1NoticeIDInt新闻编号2CreateTimedatetime创建时间3HitsInt点击量4Titlenvarchar50标题5Authornvarchar30作者6Sourcenvarchar100来源（网址）7Contentntext描述8EditeTimedatetime最后编辑时间9NoticeTypeIDInt类别10HotNewsImagenvarchar1000图片名称操作人员的权限如表5.2所示：表5.2 新闻类别表序号列名数据类型长度标识主键允许空默认值字段说明1NoticeTypeIDInt类别2TypeNamenvarchar20类别名称3Fam

30、ilyTypeIDInt父类5.3 数据库设计命名规范数据库的设计的命名规则如表5.3所示：表5.3 数据库命名规范规范名称规范形式数据库涉及字符规范采用26个英文字母（区分大小写）和09这十个自然数，加上下划线_组成，共63个字符。不能出现其他字符（注释除外）。表名称描述名称单词以大写开头，后面加中文描述表字段名称用中文描述字段视图名称以连接表名的英文大写组成数据库设计文档规范所有数据库设计要写成文档，文档以模块化形式表达。sql语句规范所有sql关键词全部以大写开头，比如Select、Update、From、OrderBy等。6 系统实现6.1 说明6.1.1 系统文件命名规范项目中的文件

31、遵从见名知意的原则编写，这样一来后期页面维护就会比较方便。6.1.2 项目的文件结构说明古韵旗袍设计室开发ASP.NET程序时，首先要创建很多Web页(主要分为前台展示界面和后台管理界面)、用户控件以及类，来完成基本的功能操作。不过，在编写代码之前，可以先把网站中可能用到的文件夹创建出来（例如：创建一个名为Imgs的文件夹，用于保存网站中需要的图片），这样可以方便以后的开发工作，也可以规范网站的整体架构。因此在开发该网站之前，首先设计了文件夹架构图，在开发时只需将相应文件保存到对应文件夹下即可。如图6.1所示：图6.1 项目文件结构说明图（Web）6.2 动软生成解决方案使用动软.Net代码生

32、成器连接数据库，选择数据库WebStudio，然后生成简单的三层架构解决方案。动软.Net代码生成器生成的代码基于面向对象的思想和三层架构设计，结合了Petshop中经典的思想和设计模式，融入了工厂模式，反射机制等等一些思想。主要实现在对应数据库中表的基类代码的自动生成，包括生成属性、添加、修改、删除、查询、存在性、Model 类构造等基础代码片断。支持不同3种架构代码生成，使程序员可以节省大量机械录入的时间和重复劳动，而将精力集中于核心业务逻辑的开发。 6.3 Web.Config文件配置为了方便对数据的操作和限制，本系统在Web.Config文件中配置一些参数。主要配置参数是数据库连接字符

33、串，其具体配置如下。 6.4 网站功能实现6.4.1 前台浏览界面主页界面主页是一个网站中最重要的界面，它客户在浏览中看到的第一个界面，使客户在第一时间对这个网站有一个总体印象，因此网站主页的设计变得尤为重要。主页不仅要集中展现网站的一些信息，还要凸显出这个网站乃至这个工作室的特点。如图6.2所示，这张主页不仅有展现新闻、作品、设计师等信息，展现出了旗袍的韵味，使得这个网站与工作室的特色相融合。图6.2 主页界面主页主要是对后台数据的读取与展示，读取是运用了Repeater控件，而展示主要是div+css的布局，部分代码如图6.3所示：图6.3 主页部分代码展示界面展示界面是网站对外展示的一个

34、平台，它包含的信息会比主页上要详细很多，能让用户充分了解所展示事物的详细信息。如图6.4所示。图6.4 展示界面展示页面主要也是对后台数据的读取，但是用的控件不同是GridView控件。6.4.2 登陆界面登录界面是后台管理员登录后台管理系统时的界面，如图6.5所示。图6.5 登录界面实现代码如图6.6所示：图 6.6 登录代码6.4.3 后台管理界面后台管理就是对整个网站的信息统一管理的地方，主要的功能有增、删、改。添加界面。新闻添加界面，如图6.7所示：图6.7 新闻添加界面下面就是对它功能实现的代码，如图6.8所示：图 6.8 添加代码作品与设计师的添加跟新闻的添加在界面和代码实现上都相

35、类似，这里就不一一描述。（下面都以新闻为例）修改界面。新闻修改界面，如图6.9所示：图6.9 新闻修改界面下面就是对它功能实现的代码，如图6.10所示：图6.10 修改代码7 测试7.1 测试随着网络技术不断成熟，网站功能日益增加，越来越多的业务系统演化为基于 Weh的应用，测试是为这些服务降低风险的主要手段。对网站的测试应从用户界面、功能和兼容性几方面综合考虑。网站测试采用灰盒测试方法。灰盒测试结合了白盒测试和黑盒测试的要素，既关注软件的外部属性和行为，又在原代码级了解软件内部数据结构、实际的逻辑流程和体系结构的基础上测试软件，是从开发者的角度看待测试，综合考虑用户端、特定的系统知识和操作环

36、境。Web应用由大量的组件（包括软件和硬件）组成，这些组件必须在设计系统的环境中测试，以便评价它们的功能和兼容性。而灰盒测试在系统组件的协同性环境中评价软件的设计，对基于Web的应用来说是最为有效完整的测试。灰盒测试涉及到高层设计、环境和互操作性条件等，能发现容易被黑盒和白盒测试忽略的问题，特别是端对端的信息流问题、分布式硬/软件配置问题以及兼容性问题。在灰盒测试过程中通常能发现与Web系统密切相关的具体环境错误。1)用户界面：用户交互：是否有中心工作空间，并在各页面之间保持一致。是否每个页面都有导航工具，并保持直观一致。Ul控件的命名方式是否简明一致，每个控件的默认状态是否恰当；Web应用系

37、统的主要部分是否可通过主页访问；操作和响应方式是否与 Web应 用程序及行业标准一致，响应结果是否正确，是否发生了数据一致性错误和输出错误；如果说明文字指向右侧的图片，该图是否出现在右侧；表格中的证件号码与姓 名放在左边，其他细节放在右边，是否更有效；根据所提供的帮助文档进行操作，是否能够出现预期结果；是否提供正确的反馈和错误提示信息。页面元素：整个 Web 应用系统的页面结构、Ul控件、字体、链接是否风格一致。背景颜色是否与字体颜色和前景颜色搭配。文字回绕是否正确。图片是否使段落没有对齐或出现孤行。表格每一栏的宽度是否足够，是否因某一单元格内容太多，而将整行拉长。图片是否小于3OK ，首页是

38、否采用了大图。2)功能测试：链接：所有链接是否按指示的那样确实链接到了该链接的页面，所链接的页面是否存在。应保证Web应用系统上没有孤立的页面（即没有链接指向该页面，只有知道正确的URL地址才能访问）。链接测试必须在集成测试阶段完成，也就是说，在整个Web应用系统的所有页面开发完成之后进行链接测试3)客户端兼容性：操作系统：是否能在 MAC 和 IBM 兼容机上浏览网站。是否使用了只在某个系统上可用的字体或插件。浏览器：是否能用Internet Explor、火狐、Opera、Google Chrome、Safari浏览网站。不同厂商的浏览器对 Java Applet、DHTML、Active

39、X、HTML、插件、安全协议及HTTP的支持不同。用户也会对浏览器进行不同的设置，如禁用图片或采用较高的安全级别。框架和层在不同的浏览器中显示效果不同，甚至根本不显示。IE3.0及以上版本才能使用SSL安全特性，但是对于老版本的用户应该有相关的消息提示。测试浏览器兼容性的一个方法是创建一个兼容性矩阵，在这个矩阵中测试不同厂商、不同版本的浏览器对某些插件和设置的适应性。屏幕设置：当改变屏幕分辨率（800x600、1024x768、1280xl024）、字体大小、和显示器颜色深度（16色、24 位真彩色、32位真彩色）时，页面是否正常显示。7.2 测试例子及其结果7.2.1 页面效果测试测试流程1

40、) 打开需要测试的页面2) 将网站地址复制到各主流浏览器中3) 查看页面效果是否和预想的一样4) 逐个点击页面上的按钮和链接，查看页面是否与预想的一样测试方法：在各主流浏览器中查看页面效果测试结果：页面效果是否和预想的一样处理方法：进行修改后再进行回归测试。7.2.2 登录测试测试流程：1) 输入正确的用户名和错误的密码查看结果是否和设置的一样。2) 输入错误的用户名和正确的密码查看结果是否和设置的一样。3) 输入正确的用户名和不输入密码查看结果是否和设置的一样。4) 不输入用户名和输入正确的密码查看结果是否和设置的一样。5) 输入错误的用户名和错误的密码查看结果是否和设置的一样。6) 不输入

41、用户名和密码查看结果是否和设置的一样。7) 输入不允许登录的正确的用户名和密码查看结果是否和设置的一样。8) 输入允许登录的正确的用户名和密码查看结果是否和设置的一样。测试方法：根据测试用例要求编写相关测试用例进行测试。测试结果：在正常环境下能否进入主界面。处理方法：进行修改后再进行回归测试。7.2.3 后台管理添加测试新闻添加测试。测试流程：1) 添加完全正确的新闻数据查看结果是否和设置的一样。2) 不添加标题和添加其他正确的数据查看结果是否和设置的一样。3) 不添加作者和添加其他正确的数据查看结果是否和设置的一样。4) 不添加内容和添加其他正确的数据查看结果是否和设置的一样测试结果：新闻数

42、据是否能正常添加。处理方法：进行修改后在进行回归测试。作品、设计师添加测试同上。7.2.4 后台管理修改测试新闻修改测试测试流程：1) 正常修改新闻查看结果是否和设置的一样。2) 不修改新闻查看结果是否和设置的一样。测试结果：新闻数据是否能正常添加。处理方法：进行修改后在进行回归测试。作品、设计师添加测试同上。8 系统安全网站安全是指出于防止网站受到外来电脑入侵者对其网站进行挂马，篡改网页等行为而做出一系列的防御工作。由于一个网站设计者更多地考虑满足用户应用，如何实现业务。很少考虑网站应用开发过程中所存在的漏洞，这些漏洞在不关注安全代码设计的人员眼里几乎不可见，大多数网站设计开发者、网站维护人

43、员对网站攻防技术的了解甚少;在正常使用过程中，即便存在安全漏洞，正常的使用者并不会察觉。对于防止木马和病毒这一块，我们在发布网站前，先在服务器的系统中安装相关的杀毒软件和系统漏洞修复软件，虽然说杀毒软件的更新一直都是慢于病毒，但是他更新的速度也不慢，也是防止病毒最有效的方法。对于登陆这块，因为客户是不用登录后台管理系统的，因此网站在前台界面上就没有出现登录界面的链接，可以有效的防止一些不必要的攻击。允许操作人员凭借自己的用户名和密码进入系统，如果用户名或密码为空时，则提示用户名或密码为空，如果操作人员输入的用户名或密码错误时则提示用户名或密码错误，提供操作人员修改密码的功能，以防密码泄漏而造成

44、不必要的麻烦。9 总结与展望在网站的开发过程中也碰到不少的困难，也得到了不少开发经验。1）前期项目需求分析不明确，导致项目的总体设计不明确，以至于到项目的详细设计时与实际作品之间有所偏差。2）数据库规划和设计不合理，在开发的工程中不断地出现数据库的问题，这些问题主要是因为数据库在规划或者数据库表结构上的问题，所以在开发的过程中非常频繁的去修改数据库，也因此被访问的数据库的模块也随着数据库的更改而被更改。浪费了不少的精力和时间。3）对页面功能考虑的不够周全，前期效果图设计时有很多页面没有考虑进去，结果到后来实现功能时还要边实现，边补页面。4）对功能的一些要求不知道该如何去实现，所以所做的系统不太符合原先想要的要求。作品进一步展望：对于页面上的美化，还需进一步的完善，使页面看上去更美观，让用户更加满意。在页面交互性的设计上也要有进一步的研究，希望使客户在这个展示平台上能获得更详细的资料，在网站上就能与工作室有一个交流。致谢很感慨，我在长舒一口气后开始写我的毕业论文的致谢辞了。论文的完成标志着我的大学三年即将结束，也意味着，新的生活又将开始了。最近的两个月其间的起起伏伏、悲喜得失，今天想来仍旧唏嘘不已。所幸我没有被失败击垮。自信、坚强、乐观的态度让我坚持到了最后，并且争取了最好的结局。感谢工作室的梅成才老师，他并不是我毕业设计的指导老