企业网站管理电脑维修服务中心网站毕业论文.doc 48页

'企业网站管理电脑维修服务中心网站毕业论文目录第一章绪论51.1项目背景51.1.1网站设计背景51.1.2网站设计目的与意义51.1.3网站设计主要任务51.2技术背景61.2.1ASP.NET概述61.2.2SQLServer2000概述71.2.3Photoshop概述81.2.4Flash概述101.2.5Dreamweaver概述131.2.6CSS概述15第二章项目分析172.1网站需求分析172.2可行性分析172.3网站的功能流程图182.4网站用例图202.5功能模块分析202.6界面需求212.6.1网页设计概述212.6.2网页中的Flash制作212.7运行环境252.7.1硬件需求252.7.2软件需求26第三章系统分析和设计273.1数据库分析和设计2747 3.2数据库逻辑设计27第四章项目的实现304.1网站前台的总体设计304.1.1网站前台的母板页设计304.1.2网站页设计314.1.3公司简介设计324.1.4成功案例设计334.1.5常见问题设计344.1.6客户在线留言设计354.2网站后台的总体设计374.2.1网站后台管理母板页设计374.2.2登录页面的设计384.2.3用户管理的设计394.2.4修改密码页面的设计394.2.5回复客户留言页面的设计394.2.6使用DataList控件实现图文混排404.2.7发送邮件功能的实现434.2.8限制显示数据信息字符长度的实现434.3系统测试45第五章结论475.1网站研究结论475.2感想与收获47致谢49参考文献5047 第一章绪论1.1项目背景1.1.1网站设计背景随着居民生活水平的提高，大量的计算机设备不断地涌入千家万户，随之而来的电脑维修维修服务市场也在不断的扩大。目前，很多大部分的电脑维修公司都通过自己的网站来吸引广大的客户，从而扩展自己的业务市场。随着计算机技术、通信技术以及其他各种相关技术的发展，计算设备在使用场所、使用方式、外部形态等方面发生了巨大的改变。从拥有大型计算机的计算中心到办公室，从办公室到家庭再到现在人们可随时随地使用便携移动计算设备。1.1.2网站设计目的与意义随着时代的进步，网络已经普及与流行现代社会，人们在网络上传输数据、娱乐、下载软件，无一不表明互联网已经深入到人们的生活中，可以说是现代社会信息流量交流不可缺少的一部分。根据调查表明，互联网上每天的信息、流量已经达到社会总信息流量的55%。这个数据表明现如今已经有大部分的人在网络上互传、互换信息，这其中就包括了个人信息，财产信息机密文件等隐私数据，安全的隐患非常大，网络的维护与维修目前已成为一个大问题。小鹏电脑维修服务中心网站为企业或广大居民用户提供一个电脑维修平台。通过该网站客户不仅可以获取计算机设备的维修信息，还可以针对电脑的维修、维护等知识同网站的工作人员进行交流，获取电脑日常的维修、维护知识。1.1.3网站设计主要任务小鹏电脑维修服务中心包括前台和后台两部分内容。网站前台主要包括网站主页设计、公司简介设计、成功案例设计、常见问题设计和客户留言设计等方面的内容。而网站的前台中的数据信息，都是通过网站的后天管理程序进行管理的。47 1.2技术背景1.2.1ASP.NET概述ASP.NET是建立在微软新一代.NET平台架构上，利用普通语言运行时在服务器后端为用户提供建立强大的企业级web应用服务的编程框架。ASP.NET不仅仅是ASP的下一个版本，而且是一种建立在通用语言上的程序架构，能被用于一台web服务器来建立强大的web应用程序，ASP.NET提供许多比现在的web开发模式强大的功能。执行效率大幅度提高：ASP.NET是把基于通用语言的程序在服务器上运行。不像以前的asp即时解释程序，而是将程序在服务器端首次运行时进行编译。世界级的工具支持：ASP.NET架构是可以用Microsoft公司最新的产品vs.开发环境进行开发，WYSIWYG的编辑。强大性和适应性：因为ASP.NET是基于通用语言的编译运行的程序，所以ASP.NET的强大性和适应性，可以使ASP.NET运行在web应用软件开发者的几乎全部的平台上。通用语言的基本库，消息机制，数据接口的处理都能无缝的整合到ASP.NET的web应用中，ASP.NET同时也是language-independent语言独立化的。简单性和易学性：ASP.NET是运行一些很平常的任务如表单的提交客户端的身份验证，分布系统和网站配置变得非常简单。高校可管理性：ASP.NET使用一种字符基础的分级的配置系统，使服务器环境和应用程序的设置更加简单。因为配置信息都保存在简单文本中，新的设置有可能都不需要启动本地的管路员工具就可以实现。一个ASP.NET的应用程序在一台服务器系统的安装只需要简单的拷贝一些必须的文件，不需要系统的重新启动，多处理器环境的可靠性ASP.NET已经被刻意设计成为一种可以用于多处理器的开发工具，ASP.NET在多处理器的环境下用特殊的无缝连接技术，将很大的提高运行速度。ASP.NET的语法在很大程度上与ASP兼容，同时还提供一种新的编程模型和结构，可生成伸缩性和稳定性更好的应用程序，并提供更好的安全保护。ASP.NET可以无缝地与WYSIWYGHTML编辑器和别的编程工具一起工作。这不仅使得web开发更加方便，而且还能提供这些工具必须提供的所有优点。47 1.2.2SQLServer2000概述SQLServer是Server是微软公司开发的一个关系数据库管理系统，Transacts作为它的以数据库查询和编程语言。SQLServer为公共的管理功能提供了预定义的服务器和数据库角色，可以很容易为某一特定用户授予一组选择好的许可权限。SQLServer可以在不同的操作平台上运行，支持多种不同类型的网络协议如TCP/IP、IPX/SPX、AppleTalk等。SQLServer在服务器端的软件运行平台是WindowsNT、Windows98，在客户端可以是Windows3.1、WindowsNT、Windows98，也可以采用其它厂商开发的系统如Unix、AppleMacintosh等[4]。微软的SQLServer是一项完美的客户/服务器系统。SQLServer需要安装在WindowsNT的平台上，而WindowsNT可以支持Intel386，PowerPC，MIPS，AlphaPC和RISC等平台，使SQLServer具备足够的威力和功能。SQLServer的优点：1.上手容易，由于SQLServer与Windows界面风格完全一致，且有许多“向导(Wizard)”帮助，因此易于安装和学习。2.兼容性良好，由于Windows操作系统占领着主导地的位，选择SQLServer一定会在兼容性方面取得一些优势。另外，SQLServer2000除了具有扩展性，可靠性以外，还具有可以迅速开发新的因特网系统的功能。尤其是它可以直接存贮XML数据，可以将搜索结果以XML格式输出等特点，有利于构建了异构系统的互操作性，奠定了面向互联网的企业应用和服务的基石。而且SQLServer2000可以在一台计算机上运行多个SQLServer2000实例。例如，一个为其它许多组织提供数据库服务的组织可为每个客户组织单独运行一个SQLServer2000实例，而全部实例可集中在一台计算机上。这样，既隔开了每个客户组织的数据，同时又使服务组织只需管理一台服务器计算机从而减少了费用[7]。9XXXX大学应用技术学院学士学位论文。3.记录传送功能，记录传送功能让用户可以时常的从来源服务器中拷贝交易记录文档,并转存到一至数个目的服务器里，并且自动地将交易记录载入。如此一来，用户便拥有一个可随时上线的资料库备份以及个别的唯读系统，而个别的唯读系统依然可以执行查询工作，例如列印报表等等。用户可以设定每个步骤的时间表，包括备份与载入之间的延迟都可考虑在内。47 4.数据仓库，MicrosoftSQLServer2000非常明显的改进就是增加了OLAP(联机分析处理)功能，这可以让很多中小企业用户也可以使用数据仓库的一些特性进行分析。1.2.3Photoshop概述AdobePhotoshop，简称“PS”，是一个由AdobeSystems开发和发行的图像处理软件。Photoshop主要处理以像素所构成的数字图像。使用其众多的编修与绘图工具，可以更有效的进行图片编辑工作。2003年，Adobe将AdobePhotoshop8更名为AdobePhotoshopCS。2013年，Adobe公司推出了最新版本的PhotoshopCC，自此，版本AdobePhotoshopCS6是AdobePhotoshopCS系列最后一个版本。ps有强大的功能，涉及各个领域！Photoshop应用领域涉及图像、图形、文字、视频、出版各方面，简要介绍如下：1.平面设计平面设计是photoshop应用最为广泛的领域，无论是我们正在阅读的图书封面，还是大街看到的招贴、海报，这些具有丰富图像的平面印刷品，基本上都需要photoshop软件对图像进行处理。2.修复照片Photoshop具有强大的图像修饰功能。利用这些功能，可以快速修复一张破损的老照片，也可以修复人脸的斑点等缺陷。3.广告摄影广告摄影作为一种对视觉要求非常严格的工作，其最终成品往往要经过的工作，Photoshop的修改才能得到满意的效果。4.影像创意影像创意是Photoshop的特长，通过Photoshop的处理可以将原本风马牛不相及的对象组合在一起，也可以使用“狸猫换太子”的手段使图像发生面目全非的巨大变化。5.艺术文字当文字遇到Photoshop处理，就已经注定不再普通。利用Photoshop可以使文字发生各种各样的变化，并利用这些艺术化处理后的文字为图像增加效果。47 6.网页制作网络的普及是促使更多人需要掌握Photoshop的一个重要原因。因为在制作网页时Photoshop是必不可少的网页图像处理软件。7.建筑效果后期修饰在制作建筑效果图包括许多三维场景时，人物与配景包括场景的颜色常常需要在Photoshop中增加并调整。8.绘画由于Photoshop具有良好的绘画与调色功能，许多插画设计制作者往往使用铅笔绘制草稿，然后用Photoshop填色的方法来绘制插画.除此之外，近些年来非常流行的像素画也多为设计师使用photoshop创作的作品。9.绘制或处理三维帖图在三维软件中，如果能够制作出精良的模型，而无法为模型应用逼真的帖图，也无法得到较好的渲染效果。实际上在制作材质时，除了要依靠软件本身具有材质功能外利用photoshop可以制作在三维软件中无法得到的合适的材质也非常重要。10.婚纱照片设计当前越来越多的婚纱影楼开始使用数码相机，这也便得婚纱照片设计的处理成为一个新型的行业。11.视觉创意视觉创意与设计是设计艺术的一个分支，此类设计通常没有非常显明的商业目的，但由于他为广大设计爱好者提供了广阔的设计空间，因此越来越多的设计爱好者开始了学习photoshop，并进行具有个人特色与风格的视觉创意。12.图标制作虽然使用photoshop制作图标在感觉上有些大材小用，但是用次软件制作的图标的确非常精美。13.界面的设计界面设计是一个新兴的领域，已经收到越来越多的软件企业及开发者的重视，虽然暂时还未成为一种全新的职业，但相信不久一定会出现专业的界面设计师职业。在当前还没有用于做界面设计的专业软件，因此绝大多数设计者使用的都还是photoshop.47 1.2.4Flash概述Flash是一种动画创作与应用程序开发于一身的创作软件，到2013年9月2日为止,最新的零售版本为AdobeFlashProfessionalCC(2013年发布)。AdobeFlashProfessionalCC为创建数字动画、交互式Web站点、桌面应用程序以及手机应用程序开发提供了功能全面的创作和编辑环境。Flash广泛用于创建吸引人的应用程序，它们包含丰富的视频、声音、图形和动画。可以在Flash中创建原始内容或者从其它Adobe应用程序（如Photoshop或illustrator）导入它们，快速设计简单的动画，以及使用AdobeAcitonScript3.0开发高级的交互式项目。设计人员和开发人员可使用它来创建演示文稿、应用程序和其它允许用户交互的内容。Flash可以包含简单的动画、视频内容、复杂演示文稿和应用程序以及介于它们之间的任何内容。通常，使用Flash创作的各个内容单元称为应用程序，即使它们可能只是很简单的动画。您也可以通过添加图片、声音、视频和特殊效果，构建包含丰富媒体的Flash应用程序。FlashPlayer是一款能够播放小又快速的多媒体动画，以及交互式的动画、飞行标志和用macromediaflash做出的图像。这个播放器非常小，只需花一点点时间下载，对于在体验网页上的多媒体效果是个很好的开始。Flash也支持高品质的mp3音频流、文字输入字段、交互式接口等等很多东西。这个最新版本可以观看所有的flash格式。若你要观看网页上的多媒体内容，flashplayer几乎是网络上的标准。为此播放器所制作的动画或图像十分常见。基本功能如下：Flash动画设计的三大基本功能是整个Flash动画设计知识体系中最重要、也是最基础的，包括：绘图和编辑图形、补间动画和遮罩。这是三个紧密相连的逻辑功能，并且这三个功能自Flash诞生以来就存在。1.绘图Flash包括多种绘图工具，它们在不同的绘制模式下工作。许多创建工作都开始于像矩形和椭圆这样的简单形状，因此能够熟练地绘制它们、修改它们的外观以及应用填充和笔触是很重要的。对于Flash提供的3种绘制模式，它们决定了“舞台”上的对象彼此之间如何交互，以及你能够怎样编辑它们。默认情况下，Flash使用合并绘制模式，但是你可以启用对象绘制模式，或者使用“基本矩形”或“基本椭圆”工具，以使用基本绘制模式。47 2.编辑图形绘图和编辑图形不但是创作Flash动画的基本功，也是进行多媒体创作的基本功。只有基本功扎实，才能在以后的学习和创作道路上一帆风顺；使用FlashProfessional8绘图和编辑图形——这是Flash动画创作的三大基本功的第一位；在绘图的过程中要学习怎样使用元件来组织图形元素，这也是Flash动画的一个巨大特点。Flash中的每幅图形都开始于一种形状。形状由两个部分组成：填充（fill）和笔触（stroke），前者是形状里面的部分，后者是形状的轮廓线。如果你总是可以记住这两个组成部分，就可以比较顺利地创建美观、复杂的画面。3.补间动画补间动画是整个Flash动画设计的核心，也是Flash动画的最大优点，它有动画补间和形状补间两种形式；用户学习Flash动画设计，最主要的就是学习“补间动画”设计；在应用影片剪辑元件和图形元件创作动画时，有一些细微的差别，你应该完整把握这些细微的差别。Flash的补间动画有以下几种：(1)动作补间动画动作补间动画是Flash中非常重要的动画表现形式之一，在Flash中制作动作补间动画的对象必须是“元件”或“组成”对象。基本概念：在一个关键帧上放置一个元件，然后　在另一个关键帧上改变该元件的大小、颜色、位置、透明度等，Flash根据两者之间帧的值自动所创建的动画，被称为动作补间动画。(2)形状补间动画所谓的形状补间动画，实际上是由一种对象变换成另一个对象，而该过程只需要用户提供两个分别包含变形前和变形后对象的关键帧，中间过程将由Flash自动完成。基本概念：在一个关键帧中绘制一个形状，然后在另一个关键帧中更改该形状或绘制另一个形状，Flash根据两者之间帧的值或形状来创建的动画称为“形状补间动画”。形状补间动画可以实现两个图形之间颜色、形状、大小、位置的相互变化，其变形的灵活性介于逐帧动画和动作补间动画之间，使用的元素多为鼠标或压感笔绘制出的形状。小提示：在创作形状补间动画的过程中，如果使用的元素是图形元件、按扭、文字，则必须先将其“打散”，然后才能创建形状补间动画。47 (3)逐帧动画逐帧动画是一种常见的动画形式，它的原理是在“连续的关键帧”中分解动画动作，也就是每一帧中的内容不同，连续播放形成动画。基本概念：在时间帧上逐帧绘制帧内容称为逐帧动画，由于是一帧一帧地画，所以逐帧动画具有非常大的灵活性，几乎可以表现任何想表现的内容。在Flash中将JPG、PNG等格式的静态图片连续导入到Flash中，就会建立一段逐帧动画。也可以用鼠标或压感笔在场景中一帧帧地画出帧内容，还可以用文字作为帧中的元件，实现文字跳跃、旋转等特效。(4)遮罩动画遮罩是Flash动画创作中所不可缺少的——这是Flash动画设计三大基本功能中重要的出彩点；使用遮罩配合补间动画，用户更可以创建更多丰富多彩的动画效果：图像切换、火焰背景文字、管中窥豹等都是实用性很强的动画。并且，从这些动画实例中，用户可以举一反三创建更多实用性更强的动画效果。遮罩的原理非常简单，但其实现的方式多种多样，特别是和补间动画以及影片剪辑元件结合起来，可以创建千变万化的形式，你应该对这些形式作个总结概括，从而使自己可以有的放矢，从容创建各种形式的动画效果。在Flash作品中，常看到很多眩目神奇的效果，而其中部分作品就是利用“遮罩动画”的原理来制作的，如水波、万花筒、百叶窗、放大镜、望远镜等。基本概念：在Flash中遮罩就是通过遮罩图层中的图形或者文字等对象，透出下面图层中的内容。在Flash动画中，“遮罩”主要有两种用途：一种是用在整个场景或一个特定区域，使场景外的对象或特定区域外外的对象不可见；另一种是用来遮罩住某一元件的一部分，从而实现一些特殊的效果。被遮罩层中的对象只能透过遮罩层中的对象显现出来，被遮罩层可使用按扭、影片剪辑、图形、位图、文字、线条等。(5)引导层动画基本概念：在Flash中，将一个或多个层链接到一个运动引导层，使一个或多个对象沿同一条路径运动的动画形式被称为“引导路径动画”。这种动画可以使一个或多个元件完成曲线或不规则运动。47 在Flash中引导层是用来指示元件运行路径的，所以引导层中的内容可以是用钢笔、铅笔、线条、椭圆工具、矩形工具或画笔工具等绘制的线段，而被引导层中的对象是跟着引导线走的，可以使用影片剪辑、图形元件、按扭、文字等，但不能应用形状。小提示：引导路径动画最基本的操作就是使一个运动动画附着在引导线上，所以操作时应特别注意引导线的两端，被引导的对象起始点，终止点的两个中心点一定要对准“引导线”的两个端头。1.2.5Dreamweaver概述AdobeDreamweaver，简称“DW”，是美国MACROMEDIA公司开发的集网页制作和管理网站于一身的所见即所得网页编辑器，它是第一套针对专业网页设计师特别发展的视觉化网页开发工具，利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。AdobeDreamweaver使用所见即所得的接口，亦有HTML（标准通用标记语言下的一个应用）编辑的功能。它有Mac和Windows系统的版本。随Macromedia被Adobe收购后，Adobe也开始计划开发Linux版本的Dreamweaver了。Dreamweaver自MX版本开始，使用了Opera的排版引擎"Presto"作为网页预览。功能介绍：借助共享型用户界面设计,在AdobeCreativeSuite4的不同组件之间更快、更明智地工作。使用工作区切换器可以从一个工作环境快速切换到下一个环境。利用AdobeDreamweaverCS6软件中改善的FTP性能，更高效地传输大型文件。更新的“实时视图”和“多屏幕预览”面板可呈现HTML5代码，使您能检查自己的工作。1.自适应网格（可响应的自适应网格版面）使用响应迅速的CSS3自适应网格版面，来创建跨平台和跨浏览器的兼容网页设计。利用简洁、业界标准的代码为各种不同设备和计算机开发项目，提高工作效率。直观地创建复杂网页设计和页面版面，无需忙于编写代码。2.改善FTP性能利用重新改良的多线程FTP传输工具节省上传大型文件的时间。更快速高效地上传网站文件，缩短制作时间。3.Catalyst集成（AdobeBusinessCatalyst集成）使用Dreamweaver中集成的BusinessCatalyst面板连接并编辑您利用AdobeBusinessCatalyst（需另外购买）建立的网站。利用托管解决方案建立电子商务网站。47 4.增强型jQuery移动支持使用更新的jQuery移动框架支持为iOS和Android平台建立本地应用程序。建立触及移动受众的应用程序，同时简化您的移动开发工作流程。5.更新的PhoneGap支持更新的AdobePhoneGap支持可轻松为Android和iOS建立和封装本地应用程序。通过改编现有的HTML代码来创建移动应用程序。使用PhoneGap模拟器检查您的设计。6.CSS3转换将CSS属性变化制成动画转换效果，使网页设计栩栩如生。在您处理网页元素和创建优美效果时保持对网页设计的精准控制。7.更新的实时视图使用更新的“实时视图”功能在发布前测试页面。“实时视图”现已使用最新版的WebKit转换引擎，能够提供绝佳的HTML5支持。8.更新的多屏幕预览面板利用更新的“多屏幕预览”面板检查智能手机、平板电脑和台式机所建立项目的显示画面。该增强型面板能够让您检查HTML5内容呈现。9.CS5后的新增功能借助AdobeDreamweaverCS5.5软件充满自信地进行设计、构建最新的HTML5和CSS3网站、令交互性更上一层楼。同时为多个设备进行设计，并对全面的代码检查充满自信。10.“多屏幕预览”面板借助“多屏幕预览”面板，为智能手机、Tablet和个人计算机进行设计。借助媒体查询支持，开发人员可以通过一个面板为各种设备设计样式并实现渲染可视化。11.CSS3/HTML5支持通过CSS面板设置样式，该面板经过更新可支持新的CSS3规则。设计视图现支持媒体查询，在您调整屏幕尺寸的同时可应用不同的样式。使用HTML5进行前瞻性的编码，同时提供代码提示和设计视图渲染支持。12.JQuery集成借助jQuery代码提示加入高级交互性。jQuery是行业标准JavaScript47 库，允许您为网页轻松加入各种交互性。借助针对手机的起动模板快速启动。13.借助PhoneGap构建本机Android和iOS应用程序借助新增的PhoneGap功能为Android和iOS构建并打包本机应用程序。借助PhoneGap构建本机Android和iOS应用程序。1.2.6CSS概述CSS目前最新版本为CSS3，是能够真正做到网页表现与内容分离的一种样式设计语言。相对于传统HTML的表现而言，CSS能够对网页中的对象的位置排版进行像素级的精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力，并能够进行初步交互设计，是目前基于文本展示最优秀的表现设计语言。CSS能够根据不同使用者的理解能力，简化或者优化写法，针对各类人群，有较强的易读性。使用方法:有三种方法可以在站点网页上使用样式表：外部样式：将网页链接到外部样式表。内页样式：在网页上创建嵌入的样式表。行内样式：应用内嵌样式到各个网页元素。每一种方法均有其优缺点：当要在站点上所有或部分网页上一致地应用相同样式时，可使用外部样式表。在一个或多个外部样式表中定义样式，并将它们链接到所有网页，便能确保所有网页外观的一致性。如果人们决定更改样式，只需在外部样式表中修改一次，而该更改会反映到所有与该样式表相链接的网页上。通常外部样式表以.css做为文件扩展名，例如Mystyles.css。然后在需要此样式的页面中将其链接进来，当人们只是要定义当前网页的样式，可使用嵌入的样式表。嵌入的样式表是一种级联样式表，“嵌”在网页的标记符内。嵌入的样式表中的样式只能在同一网页上使用。如果网页链接到外部样式表，为网页所创建的内嵌的或嵌入式样式将扩充或覆盖外部样式表中的指定属性。要在网页上使用外部样式表的样式，可将该网页链接到样式表，方法是使用位于“格式”菜单上的“样式表连接”命令。可以链接一个或数个样式表到网页视图模式下的当前网页，或到在文件夹列表中的所选网页，或到站点上的全部网页。该“样式”框列出标准HTML标记符，例如标题1，还有嵌入的样式表或链接到网页的外部样式表中所含的类或ID47 选择器。要应用样式到网页元素，请选定该样式然后单击“样式”框中的样式或选择器。在MicrosoftFrontPage2000中，某些格式设置特性会作为内嵌样式自动应用。例如∶如果使用“边框与阴影”命令（在“格式”菜单上）在普通段落周围应用框，FrontPage会写下格式设置信息，作为段落标记符的内嵌样式属性（例如∶）。然而某些属性的应用需要使用CSS，其他则需要使用HTML。如果人们只想使用CSS应用内嵌样式，可使用“样式”按钮（位于网页元素的“属性”对话框里）应用类或ID选择器或嵌入式样式。47 第二章项目分析2.1网站需求分析小鹏电脑维修服务中心为企业或广大居民用户提供一个电脑设备的维修平台。通过该网站客户不仅可以获取电脑的维修信息，还可以针对电脑的维修、维护等知识同网站的工作人员进行交流，获取电脑日常的维修、维护知识。小鹏电脑维修服务中心网站主要包括公司简介、服务项目、成功案例、常见问题、服务范围和在线留言等几个方面，各模块的功能说明如下概述。公司简介：主要介绍小鹏电脑维修服务中心的一些基本情况。服务项目：介绍小鹏电脑维修服务中心所开展的针对电脑设备的一些服务项目。成功案例：介绍小鹏电脑维修服务中心以往的一些成功案例。常见问题：免费为客户提供一些计算机设备日常的维修及维护知识。服务范围：针对小鹏电脑维修服务中心所能开展的服务范围进行介绍。在线留言：用户可以通过“在线留言”提出与电脑维修及维护知识相关的一些问题，这些问题网站管理员会一一进行解答。2.2可行性分析开发任何一个系统，都会受到时间和资源上的限制。因此，在每一个项目开发之前，都要进行可行性分析，可以减少项目的开发风险，避免人力、物力和财力的浪费。下面就技术、经济、操作和法律四个方面来介绍。本系统开发工具是VS2005和SQL2000数据库，开发语言是HTML，主要使用了.NET的技术，.net是国际最广泛流行的通用域名格式。一般用于从事Internet相关的网络服务的机构或公司，是建立全球商业品牌，国际化形象的第一选择。47 简单易学而且灵活方便。大二时就学习了该课程，大三期间也系统的了解了相关的知识，企业管理系统总体上开发难度不高，数据库的设计和操作是本系统设计的核心。在大学期间学习过软件工程，软件测试，每个学期也会完成对应的课程设计，具备一定的系统分析、设计和测试能力，同时，我的指导老师也给了我很大的帮助，并给我提了很多好的建议。因此，完成系统实现在技术上完全具有可行性。如今是信息化时代，信息化管理可以使管理工作更加系统化、快速化、全面化。这样可以为企业带来较高的工作效益和经济效益，本系统对计算机配置的要求不高，企业机房更换下来的低配置电脑都可以完全满足需要，再者，企业在管理工作上的高效率和便捷性远远超过了开发本系统的成本，所以在经济上具有完全的可行性。本系统操作简单，输入信息页面大多数都是下拉框的选择形式，在某些页面，信息可以自动生成，无需输入，操作简便，对操作人员的要求很低，只需对WINDOWS操作熟练，加之对本系统的操作稍加培训即可工作，而且本系统可视性非常好，所以在技术上不会有很大难度。本系统是自行开发的管理系统，是很有实际意义的系统,开发环境软件和使用的数据库都是开源代码，开发这个系统不同于开发普通的系统软件，不存在侵权等问题，即法律上是可行的。综上所述，开发一个企业管理系统与原有的管理方式相比具有在速度方面表现的更快，在操作方面表现的更准确，更加节省开支等有利之处，因此，建立一个管理系统是必要可行的。2.3网站的功能流程图1.小鹏电脑维修服务中心由前台用户显示和后台信息管理两部分组成。网站前台只要包括公司简介、服务项目、成功案例、常见问题、服务范围和在线留言等几个方面。其实现的功能如2.1所示。小鹏电脑维修站首页公司简介服务项目成功案例常见问题联系方式客户留言在线留言服务规范服务范围图2.1小鹏电脑维修服务中心前台的设计流程图47 2.网站管理员是系统的核心，在登录网站的后台管理之后，可以维护网站前台的数据信息。小鹏电脑维修服务中心后台的设计流程图如图2.2所示。网站后台管理系统登录增加用户密码修改信息维护及管理图2.2小鹏电脑维修服务中心后台的设计流程图47 2.4网站用例图访客管理员信息管理添加用户系统登录首页公司简介服务项目成功案例常见问题服务范围修改密码在线留言客户留言联系方式图2.3网站用例图2.5功能模块分析本系统最大的特点是使用操作简单、并有友好的提示信息。本系统将实现以下基本功能：1.系统具有简洁大方的页面，使用简便，友好的错误操作提示。2.管理员用户具有注册用户系统登录、信息管理、添加用户、修改密码、信息管理功能。3.访客可以在线留言、客户留言、查找联系方式等功能。4.具有较强的安全性，避免用户的恶意操作。47 2.6界面需求2.6.1网页设计概述网页设计一般分为三种大类：功能型网页设计（服务网站&B/S软件用户端）、形象型网页设计（品牌形象站）、信息型网页设计（门户站）。设计网页的目的不同，应选择不同的网页策划与设计方案。网页设计的工作目标，是通过使用更合理的颜色、字体、图片、样式进行页面设计美化，在功能限定的情况下，尽可能给予用户完美的视觉体验。本网站为企业网站以企业企业宣传推广为主旨，加有一部为客户交流模块。网站主要用表格布局主页效果如图2.4。图2.4主页效果2.6.2网页中的Flash制作其中本网站中的banner宣传条是用Flash软件制作其制作步骤如下：(1)打开flash，修改场景属性值，具体如图2.5所示。47 图2.5文档属性(2)新建一个图层1，创建一个和场景大小一样的矩形，并填充颜色，颜色为“线性”样式，具体如图2.6所示，效果如图2.7所示。图2.6颜色面板图2.7背景一(3)新建一个图层2，导入一张键盘的图片，修改其大小，效果如图2.8所示。47 图2.8背景二(4)新建一个图层3，单机工具栏中的“文本工具”按钮，在矩形上写一个“xp”文本，字体为“TimesNewRoman”，并调整其大小和位置，效果如图2.9所示。图2.8背景三(5)新建一个图层4，单机工具栏中的“文本工具”按钮，在矩形上写一个“小鹏电脑维修服务中心”，字体样式是“华文行楷”，并调整其大小和位置，效果如图2.10所示。图2.10文字图层一(6)同上，创建图层5、图层6，分别创建其他字的字样，效果如图2.11所示。图2.11文字图层二(7)选中“服务热线”字样所在的图层，Ctrl+B组合键把文字分离成一个一个的字，然后选中第一个字，在第3帧插入关键帧，在“变形”面板中把第一个服字的大小修改为200%，效果如图2.12所示。47 图2.12文字图层四(8)在第5帧插入关键帧，将第一个服字的大小改为100%，将第2个字的大小改为200%，以此类推，一直到最后一个，效果如图2.13所示。图2.13文字图层五(9)选中“技术精湛”所在图层，同样按两次Ctrl+B组合键把文字分离成可修改的文字，然后将这8个字填充成不同的颜色，效果如图2.14所示。图2.14文字图层六(10)然后再第15帧插入关键帧，再将文字填充为不同的颜色，效果如图2.15所示。47 图2.15文字图层七(11)再在第30、45帧分别插入关键帧，再将文字填充为另外不同的颜色，效果如图2.16所示。图2.16文字图层八(12)最终效果如图2.17所示。图2.17最终效果本网站还用到了大量的CSS样式。具体看作品代码。2.7运行环境2.7.1硬件需求（1）CPU：Pentium以上计算机47 （2）内存:512M以上2.7.2软件需求（1）操作系统版本：WindowsXP/vista/Win7（2）开发工具：ASP.NET（3）后台服务器：WEB（4）开发语言：HTML（5）浏览器：IE47 第三章系统分析和设计3.1数据库分析和设计计算机信息系统以数据库为核心，在数据库管理系统的支持下，可以进行信息的收集、整理、存储、检索、更新、加工、统计和传播等操作。数据库已经成为现在信息系统等计算机系统的基础与核心部分。数据库设计的好坏直接影响到整个系统的质量和效率。数据库的设计一般经过规划、需求分析、概念设计、逻辑设计、物理设计5个步骤。概念设计是指在数据分析的基础上自底向上的建立整个系统的数据库概念结构，从用户的角度来进行视图设计，然后将视图集成，最后对集成的结构分析优化得到最后结果。数据库的概念结构设计采用实体—联系（E-R）模型设计方法。E-R模型法的组成元素有：实体、属性、联系，E-R模型用E-R图表示，是提示用户工作环境中所涉及的事物，属性则是对实体特性的描述。概念设计的目标是产生反映出企业组织信息要求的数据库概念结构，即概念模式。概念模式是独立于数据库逻辑结构，独立于支持数据库的DBMS，不依赖于计算机系统的一种模式。根据以上对数据库的需求分析，并结合系统概念模型的特点及建立方法，建立E-R模型图。3.2数据库逻辑设计小鹏电脑维修服务中心的后台管理数据库采用的是SQLserver2000数据库。SQLserver2000数据库是一个关系型的数据库，具有维护方便和使用简单等诸多优点。小鹏电脑维修服务中心的数据库名称为biye,在该数据库中包含了tb_gsjj、tb_cgal、tb_cjwt、tb_cjwt、tb_fwxm和tb_khly等数据表。下面分别介绍这个数据表的逻辑结构。47 1.tb_gsjj是“公司简介”数据表，在该数据表中保存着小鹏电脑维修服务中心的基本信息。其逻辑结构如表3.1所示。表3.1tb_gsjj数据表的逻辑结构列名数据类型长度允许空idint4否titlesvarchar100是contentsvarchar8000是2.Tb_cgal是“成功案例”数据表，在该数据表中保存着小鹏电脑维修服务中心多年来关于计算机设备维修及维护的成功案例信息。基逻辑结构如表3.2所示。表3.2tb_cgal数据表的逻辑结构列名数据类型长度允许空idint4否titlesvarchar100是contentsvarchar8000是wxmarksvarchar100是pathsvarchar300是3.tb_cjwt数据表Tb_cjwt是“常见问题”数据表，在该数据表中保存着计算机设备常见的一些维修和维护知识。其逻辑结构如表3.3所示。表3.3tb_cjwt数据表的逻辑结构列名数据类型长度允许空idint4否titlesvarchar100是contentsvarchar8000是4.tb_fwxm数据表tb_fwxm是“服务项目”数据表，在该数据表中保存着公小鹏电脑维修服务中心所能够提供服务项目数据信息。其逻辑结构如表3.4所示。47 表3.4tb_fwxm数据表的逻辑结构列名数据类型长度允许空idint4否titlesvarchar100是contentsvarchar8000是wxmarksvarchar100是pathsvarchar300是5.tb_khly数据表tb_khly是“客户留言”数据表，在该数据表中保存着客户留言的一些数据信息。其逻辑结构如表3.5所示。表3.5tb_khly数据表的逻辑结构列名数据类型长度允许空idint4否titlesvarchar100是contentsvarchar1000是recintentsvarchar50是datesvarchar50是redatesvarchar50是useripvarchar50是reuseripvarchar50是sfhfint4是sfhfint4是47 第四章项目的实现4.1网站前台的总体设计4.1.1网站前台的母板页设计网站的前台页面是依托母板页来实现的。本站的，母板页主要以DataList和格式来完成，在顶上赋上公司logo和banner。导航菜单用CSS来控制样式。具体页如图4.1所示。图4.1前台的母板页网站的前后页面几乎都是依托母板页来实现的。母板制作步骤如下：1.新建一个网站，网站的工程名称为“小鹏电脑维修服务中心”。2.右击网站根目录，然后选择“添加新项”命令，此时将弹出“添加新项”对话框。3.在“添加新项”对话框中选择“母板页”选项，然后在“名称”文本框中输入添加母版页名称MasterPage.master。4.单击“添加”按钮，将母版页添加到网站工程当中。5.进入到MasterPage.master47 母版密度的html代码窗口当中，在head节点中添加母板页链接样式表StyleSheet.css的代码。6.返回到母板页的设计页面当中，在母板页中添加一个具有一4行1列的表格。在表格的第1行中再添加1个具有1行3列的表格，然后在该表格中设计母版页的“标头”信息。7.在表格的第2行中设计网站的导航条，使其单击某个导航标签能够进入到相应的网页当中。8.在表格的第3行中再添加一个具有1行2列的表格，在表格的第1列中添加显示“”常见问题和“客户留言”信息板块。9.在表格的第4个单元格中添加网站“页尾”的代码。10.进入到母板页在该窗口中添加数据库链接代码。11.在代码窗口中添加显示“常见问题”和“客户留言”信息的程序。4.1.2网站页设计网站的主页主要用于显示公司的服务项目和成功案例信息。效果如图4.2。图4.2网站的主页主要代码如下:protectedvoidPage_Load(objectsender,EventArgse){SqlConnectionConn=newSqlConnection("server=(local);integrated47 security=true;database=biye");SqlDataAdapterda=newSqlDataAdapter("selecttop12titles,idfromtb_fwxmorderbyiddesc",Conn);DataSetds=newDataSet();da.Fill(ds);DataList1.DataSource=ds;DataList1.DataBind();SqlDataAdapterda1=newSqlDataAdapter("selecttop9titles,paths,idfromtb_cgalorderbyiddesc",Conn);DataSetds1=newDataSet();da1.Fill(ds1);DataList2.DataSource=ds1;DataList2.DataBind();Conn.Close();}4.1.3公司简介设计大多数的商用网站几乎都有公司简模块，公司简介模块通常介绍商用网站所属公司的一些基本信息。设计完成后的公司简介页面如图4.3所示。图4.3公司简介模块47 主要代码如下:protectedvoidPage_Load(objectsender,EventArgse){SqlConnectionConn=newSqlConnection("server=(local);integratedsecurity=true;database=biye");SqlDataAdapterda=newSqlDataAdapter("selecttop1titles,contents,idfromtb_gsjjorderbyiddesc",Conn);DataSetds=newDataSet();da.Fill(ds);DataList1.DataSource=ds;DataList1.DataBind();Conn.Close();}4.1.4成功案例设计成功案例模块是介绍公司以往在电脑维修及维护工作中，积累的一些成功案例信息。设计完成后的页面如图4.4所示。图4.4成功案例模块主要代码如下：protectedvoidPage_Load(objectsender,EventArgse){47 SqlConnectionConn=newSqlConnection("server=(local);integratedsecurity=true;database=biye");SqlDataAdapterda=newSqlDataAdapter("selecttitles,wxmarks,contents,paths,idfromtb_cgalwhereid="+Convert.ToInt32(Request["ids"].ToString())+"",Conn);DataSetds=newDataSet();da.Fill(ds);DataList1.DataSource=ds;DataList1.DataBind();Conn.Close();}4.1.5常见问题设计“常见问题”模块主要是免费为客户提供一些制冷设备日常的维修及维护知识。设计完成后的页面如图4.5所示。图4.5“常见问题”模块主要代码如下：protectedvoidPage_Load(objectsender,EventArgse){SqlConnectionConn=newSqlConnection("server=(local);integrated47 security=true;database=biye");SqlDataAdapterda=newSqlDataAdapter("selecttop1titles,contents,idfromtb_cjwtwhereid="+Convert.ToInt32(Request["ids"].ToString())+"",Conn);DataSetds=newDataSet();da.Fill(ds);DataList1.DataSource=ds;DataList1.DataBind();Conn.Close();}4.1.6客户在线留言设计客户通过在线留言模块可以给网站的管理员留言，网站管理员在网站后台管理页面中看到的留言之后，对该留言进行审核并且回复留言。设计完成后的客户在线留言页面如图4.6所示。图4.6在线留言模块主要代码如下：protectedvoidButton2_Click(objectsender,EventArgse){if(TextBox1.Text==""||FreeTextBox1.Text==""){47 this.Page.RegisterStartupScript("ss","");return;}else{stringnum=this.TextBox2.Text.Trim();if(Session["ValidNums"].ToString()==num.ToUpper()){//连接数据库SqlConnectionConn=newSqlConnection("server=(local);integratedsecurity=true;database=biye");stringsql="insertintotb_khly(titles,contents,dates,userip,sfsh)values(@title,@contents,@dates,@userip,0)";Conn.Open();SqlCommandcmd=newSqlCommand(sql,Conn);cmd.Parameters.Add("@title",SqlDbType.VarChar,50);cmd.Parameters["@title"].Value=this.TextBox1.Text.ToString();cmd.Parameters.Add("@contents",SqlDbType.VarChar,500000);cmd.Parameters["@contents"].Value=FreeTextBox1.ViewStateText.Replace(""","""");cmd.Parameters.Add("@dates",SqlDbType.VarChar,50);cmd.Parameters["@dates"].Value=DateTime.Now.ToLongDateString();//ToLongDateString()cmd.Parameters.Add("@userip",SqlDbType.VarChar,50);cmd.Parameters["@userip"].Value=GetClientIP();//执行插入数据操作cmd.ExecuteNonQuery();Conn.Close();this.Page.RegisterStartupScript("ss","");}else{47 this.Page.RegisterStartupScript("ss","");return;}}}4.2网站后台的总体设计4.2.1网站后台管理母板页设计网站的后台页面几乎都是依托后台母板页来实现的。实际上，网站前台中的数据信息，都是通过网站的后台管理程序进行管理的。本站后台页面都在Admin文件侠内。设计完成后的网站后台管理母板页面如图4.7所示。图4.7网站后台管理母板页设计47 4.2.2登录页面的设计运行后台管理系统后，首先弹出的是后台管理系统的登录页面。通过登录页面登录到后台管理系统之后，就可以管理网站的数据信息了。设计完成后的登录页面如图4.8所示。图4.8登录页面的设计登录页面的制作步骤如下：1.右击网站中Admin文件夹，然后选择“添加新欺项”命令，此时将弹出“添加新项”对话框。2.在“添加新项”对话框中选择“Web窗体”选项，然后在“名称”文本框中输入添加Web的名称AdminLogins.aspx。添加完名称之后，在“语言”下拉列表中选VisualC#选项。3.选取“将代码放在单独的文件中”和“选择母板页”复选项，然后单击“添加”按钮，此时将弹出“选择母板页”对话框，在该对话框中选择“Admin”文件夹下的AdminPage.master母板。4.单击“确定”按钮，将AdminLogins.aspxWeb窗体添加到网站工程当中。5.在Web窗体上添加一个具有4行2列的表格。在表格的第1行中添加一个文本框，用于输入用户名称信息。在表格的第2行中再添加一个文本框控件，用于输入密码信息。6.在表格的第3行中添加一个文本框控件和一个Image控件，用于显示和输入验证码信息。7.在表格的第4行中添加两个按钮控件，用于提交登录信息的功能。8.在“登录”按钮的单击事件下，添加提交用户登录信息的逻辑代码。47 4.2.3用户管理的设计通过用户管理模块，可以实现添加新管理员和修改以往管理员信息的功能。设计完成后的用户管理页面如图4.9所示。图4.9用户管理模块4.2.4修改密码页面的设计通过密码修改功能可以修改后台登录管理员的密码。当网站后台管理员登录后网站后台之后，在修改密码页面中首先需要输入登录用户的源密码，然后再输入用户新密码和确认密码之后，单击“提交”按钮，完成修改密码的操作。设计完成后的修改密码页面如图4.10所示。图4.10修改密码页面的设计4.2.5回复客户留言页面的设计设计完成后的回复客户留言页面如图4.11所示。47 图4.11回复客户留言页面的设计4.2.6使用DataList控件实现图文混排在本网站的主页中，应用了DataList控件以控件以图文混排的形式显示公司的成功案例信息。其具体实现的操作方法如下所示。1.在网站主页放置“成功案例”的单元格中添加一个DataList控件。2.编辑DataList控件的源代码，使其能够显示作用DataList控件不仅可以在网页中显示文字信息，还可以显示图文混排的数据信息。图文混排的数据信息。编辑完成后DataList控件的代码如下： "Width="187px"/>  服务项目： "> 维修备注： "> 详细描述：  ">47 4.2.7发送邮件功能的实现与将网站设置为首页或将网站添加到收藏夹的功能一样，在网站中发送邮件的功能也经常会被用到。在网站中实现发送邮件的功能其实很简单，只需在相应的网页单元格中添加如下代码就可以实现。如图4.12所示。发送邮件