《毕业论文-基于ASP的企业网站的设计08506.doc》由会员分享，可在线阅读，更多相关《毕业论文-基于ASP的企业网站的设计08506.doc（35页珍藏版）》请在三一文库上搜索。
1、毕业设计（论文）摘 要随着网络技术和信息技术的发展，因特网迅速发展，Internet上发布信息主要是通过网站来实现的，获取信息也是要在Internet海洋中按照一定的检索方式将所需的信息从网站上下载下来。因此，因特网与企业经营活动的结合创造了新的网络经济。企业也需要一个适合自己的产品发布网站。本网站采用了ASP编程技术及其相应的Javascript脚本语言技术，运用Microsoft access2003建立数据库，进行数据管理，保持数据的完整性，成功设计这个网站，完成了企业网站所需的几大功能，如动态新闻管理、产品添加、在线留言的设计等，企业可以通过后台进行管理，对网站进行各项操作，以便企业能
2、够及时更新自己的产品信息。企业网站除了展示自己的产品外，如何利用客户对自己的产品的反馈信息来进行调整自己的产品也是极其关键的。最后，本网站还有一些缺陷和不足，还望指正。关键词：Access数据库 Javascript ASP后台管理AbstractWith the development of network technology and the information technology ,the Internet is developing rapidly ,publish the information mainly through the website on internet,ga
3、ins the information which will need according to the certain retrieval way from the website download .The Internet and the enterprise managed active the union to create the new network economy .The enterprise also needs a suitable for their own product launch website.The website has used the ASP pro
4、gramming technology and its the corresponding Javascript script language technology,utilizes Microsoft the Access 2003 establishment database,carries on the data management,maintained the data the integrity ,the success has manufactured this website,several big functions required to complete the ent
5、erprise website,like Dynamic news anagement,Adding products,The design of online message and so on.The company might simply facilitate the utilization backstage carried on the management,carried on each operation to the website,in order to the enterprise could prompt renew own product information.Th
6、e enterprise website besides demonstrated own product,how adjusts own using the customer to oneself product feedback information product also is and its the key.This website also has some defects and the insufficiency,still hope to point out mistakes.Key words: Access establishment database Javascri
7、pt ASP back-stage management目 录第1章 绪论11.1 开发背景及意义11.2 开发工具及运行环境21.2.1 相关技术21.2.2 运行环境2第2章 需求分析32.1 系统调研32.2 系统功能需求32.3 数据可行性分析32.4 系统性能需求4第3章 系统概要设计83.1 概要设计与分析83.2 企业网站系统框架9第4章 数据库设计114.1 数据库的需求分析114.1.1 需求分析114.1.2 数据库的选择114.2 数据库表的结构设计114.2.1总体 E-R图设计114.2.2 数据表详细设计13第5章 系统详细设计与实现155.1 系统前台设计155.
8、2 系统后台设计185.3 数据库连接205.3.1 数据库连接方案分析205.3.2 数据库连接215.3.3 显示数据库记录225.3.4 增加数据库记录23总 结25致 谢26参考文献27附 录2832毕业设计（论文）第1章 绪论1.1 开发背景及意义随着会联网的普及与发展，企业Internet上拥有自己的站点和主页将是必然趋势，网上主页不仅为企业宣传产品和服务的窗口，也是树立企业形象的前沿。就如同电视广告一样，蹩脚的广告使人大倒胃口，避之唯恐不及。而构思精巧的广告则能够让人欣然接受，百看不厌，美观大方，富于创意的主页也将吸引大量的访问者，使更多的人认识了解，进而喜欢你的企业。企业进行网
9、站建设是很有必要的。企业如何让自己在众多竞争者中显示自己的企业形象和产品特点，从而吸引全国乃至世界各地商家的注意？不错，只有通过互联网来宣传自己。如何利用互联网的强大信息和速度优势呢？建立自己的企业网站正是每个企业必须也不得不选择的一种展示自己企业特点的方法。只有借助于互联网扩大自己的影响，推广自己的产品，同时通过互联网快速的信息传递加速自身的发展才能让企业立于不败之地。在这个竞争激烈的数字化信息时代，企业建立自己的网站已经刻不容缓。无论何种形式的企业，想不被时代所淘汰，就必须有所作为。所以，建设网站是企业把握时代脉搏，衡量企业是否跟上时代的标准。精明的经营者懂得并擅长于用最先进的媒体互联网，
10、树立企业形象，宣传企业产品，建立企业网站，是企业在网络时代的企业舞台中展示自己自身实力和寻求发展的重要途径。企业通过简单优雅、特点鲜明的网页来表现自己的产品信息和服务，并及时、全面的接受用户的信息查询和信息反馈。本网站主要介绍了海尔集团。主要介绍了海尔集团的发展历史，我们还可以通过产品中心模块介绍海尔的主要产品，了解产品的整体性能。海尔家电家具网站的建设可以摆脱了单纯依靠物流、电话、传真传递消息的单一形式，不仅可以实现产品的宣传、订单和销售；商户的交流、客户信息的管理、订单管理等；同时可以按照企业的各种需求实现企业个性化的网上营销、形象宣传等多方面的上午功能，使企业网站从简单的网上橱窗发展成为
11、网上交易的柜台、交易市场等大型的商务网站。除了发布企业信息外，企业还可以利用互联网的交互功能与客户交流；利用在线订单系统接受商品的订购和定制；利用在线引擎调查客户的需求与爱好；利用留言板接纳用户的意见等。鉴于以上几个方面的信息，为了加快企业的发展，给企业一个展示自我的舞台，设计了该网站。本次毕业设计中所做的企业网站采用了ASP、Dreamweaver CS3、photoshop等开发工具，具有一定的动态效果和交互性。清新明朗的外观设计，提高了企业网站“人性化”的设计，想用户所想，同时采用了microsoft access 2003数据库，进行数据管理，保持数据的完整性。所以很好体现了Inter
12、net的时代特点：操作简单、方便高效、便于管理、无地域限制等。该网站应用ASP技术实现动态Web页面，并创建了一个服务器端中间层组件，该组件基于ADO和OLEDB 技术访问后台数据库，这样数据库的访问从ASP 源文件中完全转移到中间层组件中，由于组件是经过编译的，因此隐藏了数据库访问细节，从而进一步保证了数据访问和商业规则的安全性。1.2 开发工具及运行环境1.2.1 相关技术ASP是Active Server Page的缩写，意为“动态服务器页面”。ASP是微软公司开发的代替CGI脚本程序的一种应用，它可以与数据库和其它程序进行交互，是一种简单、方便的编程工具。ASP的网页文件的格式是 .a
13、sp。现在常用于各种动态网站中。ASP网页可以包含HTML标记、普通文本、脚本命令以及COM组件等。利用ASP可以向网页中添加交互式内容（如在线表单），也可以创建使用HTML网页作为用户界面的web应用程序。Dreamweaver是当前最流行的网页设计软件。它与同为Macromedia公司出 品的Fireworks和Flash一道，被誉为网页制作三剑客。Dreamweaver与其它同类软件相比主要有以下优点：不生成冗余代码、方便的代码编辑、强大的动态页面支持、操作简便、优秀的网站管理功能、便于扩展。IIS是Internet Information Server的缩写，它是微软公司主推的服务器，
14、最新的版本是Windows2003里面包含IIS 6，IIS与WindowNT Server完全集成在一起，因而用户能够利用Windows NT Server和NTFS（NT File System，NT的文件系统）内置的安全特性，建立强大，灵活而安全的Internet和Intranet站点。IIS支持与语言无关的脚本编写和组件，通过IIS，开发人员就可以开发新一代动态的，富有魅力的Web站点。IIS不需要开发人员学习新的脚本语言或者编译应用程序，IIS完全支持VBscriptt，Jscriptt开发软件以及Java，它也支持CGI和WinCGI，以及ISAPI扩展和过滤器 。Microsof
15、t Office Access是由微软发布的关联式数据库管理系统。它结合了Microsoft Jet Database Engine和图形用户界面两项特点，是Microsoft Office的系统程式之一。它具有界面友好、易学易用、开发简单、接口灵活等特点，是典型的新一代桌面数据库管理系统。它的主要特点是完善了管理各种数据库对象，具有强大的数据组织、用户管理、安全检查等功能。并且可以方便地生成各种数据对象，利用存储的数据建立窗体和报表，可视性好。 1.2.2 运行环境硬件要求:CPU:P4或者以上；内存:512MB或者以上；硬盘:120GM或者以上第2章 需求分析2.1 系统调研网站成为信息系
16、统中重要和关键部分。须将原来的管理变为浏览者/服务器模式，并且连接到互联网。该系统会涉及相关业务流程的重组。要考虑到网络特点的安全问题，网站用户从内部扩展到因特网用户，系统管理方式转变为网络化管理。2.2 系统功能需求为了能够顺利地完成本网站的设计工作，我把网站分为三个大模块来进行设计：1) 数据库设计模块：该模块主要是建立相关数据表，满足网站数据存储的需要。2) 网站后台设计与管理模块：该模块主要是为了方便管理员能够方便的管理海尔企业网站。3) 各个页面设计模块：该模块主要是为了满足海尔企业系统各个功能的实现。2.3 数据可行性分析可行性分析(Feasibility Analysis)也称为
17、可行性研究,是在系统调查的基础上,针对新系统的开发是否具备必要性和可能性,对新系统的开发从技术、经济、社会的方面进行分析和研究,以避免投资失误,保证新系统的开发成功。可行性研究的目的就是用最小的代价在尽可能短的时间内确定问题是否能够解决。为了确定开发具有可行性,对本系统主要进行了以下四个方面的分析。1) 经济可行性。经济可行性主要是对项目的经济效益进行评价。本系统对系统开发者来说并不需要太高的成本支出,只是对系统的管理者付出管理报酬即可,而且开发周期不需要太长,节省了人力、物力、财力资源,所以本系统在经济上是可行的。2) 技术上的可行性。技术上的可行性分析主要是分析技术条件能否顺利完成开发工作
18、,硬、软件能否满足开发者的需要等。在硬件方面，硬件要求不高，目前市场上的计算机硬件资源均能满足系统的开发要求。在软件方面,本系统采用的是ASP（Active Sever Pages）进行开发,前台网页设计使用的是Dreamweaver CS3,photoshop 7.0，fireworks cs，flash 8。而数据库系统采用的是Microsoft Access 2003。通过分析,在软、硬件方面现有工具与环境完全可以实现系统的开发,因此具有技术上的可行性。3) 时机可行性。时机可行性是分析系统开发时机是否成熟。目前越来越多的应用程序都已经是转向基于Web的开发,并且Internet已经广泛
19、使用,因此系统的设计具有时机可行性。4) 管理上的可行性:主要是管理人员是否支持,现有的管理制度和方法是否科学,规章制度是否齐全,原始数据是否正确等。系统的开发主要就是为了方便校友信息的管理,补充现在传统管理方式的不足,因此具备了管理上的可行性。综上所述,本系统开发目标已明确,在技术和经济等方面具备可行性,并且投入少、见效快,因此系统的开发是完全可行的。2.4 系统性能需求1)系统例图浏览者可以在登录网站之后，对基本基本信息可以查看，关于我们信息管理，新闻资讯信息管理，产品中心信息管理，联系我们信息管理，在线留言信息管理和心育在线管理进行6个用例。系统用例图，如图2-1所示：图2-1 系统用例
20、图2)用例图功能详细描述管理员如果想要管理海尔企业管理系统，必需先要登录，登录主要是实现用户登录的安全性，包括用户名和密码的验证，验证成功之后，才能够登录到管理主页面进行管理。登录用例表如表2-1所示：表2-1 登录用例描述表用例名称登录功能简述管理者登录该系统前置条件有管理权限的用户后置条件管理员登录成功的提示基本流1)用户在登录页面中输入用户名、密码和验证码，并提交；2)系统判断用户名和密码是否合法；如果和数据库中的用户名和密码一致的话，用户登录成功。备注登录成功的管理用户可维护该系统。管理员对新闻资讯表中的字段进行增加，修改和删除的功能管理。如果单击增加按钮，就会跳转到增加页面，增加一条
21、记录会提示增加成功。单击修改按钮，就会跳转到修改页面，修改一条记录会提示修改成功。单击删除按钮，不会跳转到页面，直接弹出删除记录成功的提示。供货商用例表如表2-2所示：表2-2 新闻资讯用例描述表用例名称增删改查企业新闻信息功能简述管理者对企业新闻信息的更新和管理前置条件已经登录成功的管理者后置条件增删该查成功有提示基本流超市管理员单击新闻管理，然后点击添加新闻后就可以在文本框中进行新闻的添加，通过点击管理新闻按钮，就可以对新闻进行新闻的修改和删除。管理员如果单击增加产品信息按钮，就会跳转到增加页面，增加一条记录成功。单击修改基本信息按钮，就会跳转到修改页面，修改一条记录会提示修改成功。单击删
22、除按钮，不会跳转到页面，直接弹出删除记录成功的提示。基本信息用例表如表2-3所示：表2-3 产品管理用例描述表用例名称增删改查产品信息功能简述管理员对产品的增删改查前置条件已经登录成功的管理者后置条件提示产品被添加，修改，删除成功。基本流管理员单击产品管理按钮之后，可以对产品的标题、分类、缩略图、新闻内容进行查询，增加，修改，删除的管理。再单击产品分类之后，可以对产品大类和产品小类进行查询，增加，修改，删除的管理。管理员登录成功之后，可以单击幻灯片管理之后，可以对首页上部的幻灯片进行增加，修改和删除的功能管理。单击增加按钮，就会跳转到增加页面，增加一条记录会提示增加成功。单击修改按钮，就会跳转
23、到修改页面，修改一条记录会提示修改成功。如果删除幻灯片的信息，单击删除按钮，不会跳转到页面，直接弹出删除记录成功的提示。幻灯片用例表如表2-4所示： 表2-4 幻灯片用例描述表用例名称增删改查幻灯片信息功能简述管理员对销售商增删改查前置条件已经登录成功的管理者后置条件提示销售商记录被添加，修改，删除基本流管理员单击幻灯片管理按钮之后，再单击添加幻灯片信息，可以对幻灯片进行添加。点击幻灯片管理，可以对幻灯片进行查询、修改和删除。管理员登录成功之后，可以单击友情链接之后，再单击添加友情链接，可以对仓库中的字段进行增加，点击管理友情链接按钮，可以进行修改和删除的功能管理。单击增加按钮，就会跳转到增加
24、页面，增加一条记录会提示增加成功。单击修改按钮，就会跳转到修改页面，修改一条记录会提示修改成功。如果删除仓库的信息，单击删除按钮，不会跳转到页面，直接弹出删除记录成功的提示。仓库用例表如表2-5所示：表2-5 友情链接用例描述表用例名称增删改查友情链接功能简述管理员对友情链接的增删改查前置条件已经登录成功的管理者后置条件提示友情链接被添加，修改，删除成功。基本流管理员单击友情链接按钮之后，在单击添加友情链接可以对友情链接进行增加，单击管理友情链接可以对友情链接修改，删除的管理。管理员登录成功之后，可以单击其他管理按钮之后，再点击留言管理就可以对留言信息表中的字段进行查看和删除的功能管理。如果删
25、除留言的信息，单击删除按钮，不会跳转到页面，直接弹出删除记录成功的提示。留言管理用例表如表2-6所示：表2-6 留言管理用例描述表用例名称查看删除留言信息功能简述管理员进行留言的查看和修改前置条件已经登录成功的管理者后置条件提示商品入库被删除到数据库中基本流管理员单击留言管理之后，可以对入库的物品进行查询，删除留言信息。管理员登录成功之后，可以单击单页管理按钮之后，可以对关于我们和联系我们信息表中的字段进行增加，修改和删除的功能管理。单击增加按钮，就会跳转到增加页面，增加一条记录会提示增加成功。单击修改按钮，就会跳转到修改页面，修改一条记录会提示修改成功。单击删除按钮，不会跳转到页面，直接弹出
26、删除记录成功的提示。单页管理用例表如表2-7所示：表2-7 部门用例描述表用例名称增删改查单页信息功能简述管理员对信息量不大的单页信息增删改查前置条件已经登录成功的管理者后置条件提示信息添加，修改，删除成功。基本流管理员单击单页管理之后，可以对关于我们和联系我们的信息进行查询，增加，修改，删除的管理。管理员登录成功之后，可以单击基本信息管理理按钮之后，可以对菜单栏中的字段进行增加，修改和删除的功能管理。单击增加按钮，就会跳转到增加页面，增加一条记录会提示增加成功。单击修改按钮，就会跳转到修改页面，修改一条记录会提示修改成功。如果删除菜单栏的信息，单击删除按钮，不会跳转到页面，直接弹出删除记录成
27、功的提示。采购订货用例表如表2-8所示：表2-8 基本信息管理用例表用例名称增删改查菜单栏信息功能简述管理员进行菜单栏增删改查前置条件已经登录成功的管理者后置条件提示菜单栏被添加，修改，删除到数据库中基本流管理员单击基本管理按钮，然后单击管理员管理按钮之后，可以对菜单栏进行查询，增加，修改，删除的管理。第3章 系统概要设计3.1 概要设计与分析概要设计的主要任务是把需求分析的结果转换为软件结构和数据结构。设计结构的具体任务是：将一个复杂系统按功能进行模块划分、建立模块的层次结构及调用关系、确定模块间的接口及人机界面等。数据结构设计包括数据特征的描述、确定数据的结构特性、以及数据库的设计。显然，
28、概要设计建立的是目标系统的逻辑模型，与计算机无关。 本阶段设计的基本目标是解决系统如何实现问题，也叫做概要设计，本阶段主要任务是划分出系统的物理元素及设计网站的结构，完成企业网站定义时期的任务之后就应该对系统进行总体设计，即根据系统分析产生的分析结果来确定这个系统由哪些系统和模块组成，这些系统和模块又如何有机的结合在一起，每个模块的功能如何实现。系统设计的目标是使系统实现拥有所需要的功能，同时，力争达到高效率、高可靠性、可修改型，并且容易掌握和使用。模块化的依据是：把复杂问题分解成许多容易解决的小问题。原来的问题也就变得容易解决。模块化设计是把大型系统按照一定的原则划分成一个较小的相对功能独立
29、有相关联的模块。每个模块完成一个特定的子功能。把这些模块结合起来组成一个整体。完成指定的功能，满足问题的需求。采用模块化原理的优点在于可以使软件结构清晰， 容易测试和调试。从而提高系统的可靠性，可修改性。有助于系统开发的组织管理。一 个大型的系统可分别编写不同的模块。模块化几个重要的概念如下：抽象。抽象就是抽象出事物的本质特性而暂时不考虑他们的细节。处理复杂系统的唯一有效方法是用层次的方式构造和分析他。一个复杂的动态系统首先可以用一些高级的抽象概念构造和理解，这些高级概念又可以用一些较低级的理解，直到最底层的具体元素。信息隐藏和局部化。信息隐藏是指在设计和确定模块时，应使得一个模块内包含的信息
30、对于不需要这些信息的模块来说，是不能访问的。局部化是指把一些关系密切的系统原素物理放得彼此靠近。局部化有助于实现信息隐藏。信息隐藏原理和局部化有助于在测试期间以及后期维护和修改。因为绝大多数数据和过程对于用户来说都是隐蔽的，从而由疏忽引入的错误就很少可能传播到系统的其他部分。逐步求精的模块化概念。逐步求精和模块化的抽象是密切相关的。软件结构每一层中模块表示对系统抽象层次的细化。模块的独立性。模块的划分要使模块间尽可能的相互独立，独立模块较容易维护。度量模块的独立程度有两个标准：内聚和耦合。耦合是对一个系统结构内不同模块间互连程度的度量。耦合强弱取决于模块间接口的复杂程度，进入或访问一个模块的点
31、，以及通过接口的数。在设计中应追求尽可能松散的耦合。内聚标志一个模块内各个元素彼此结合的紧密程度，他是信息隐藏和局部化概念的自然扩展，理想内聚的模块只做一件事情。在设计上应力求做到高内聚。3.2 企业网站系统框架本系统可以分为前台和后台，前台主要包括：关于我们模块、新闻资讯模块、产品中心模块、联系我们模块、心育在线模块。后台主要包括：后台管理员信息管理模块、首页幻灯片展示图片管理模块、前台菜单栏管理模块、留言板信息管理模块、产品信息管理模块、新闻信息管理模块。如图3-1所示图3-1 系统框架图1)新闻发布模块包括:(1)添加新闻:主要作用为更新企业网站内容。(2)删除新闻:主要删除网站中过时的
32、内容。2)留言板模块包括:(1)留言展示:为其他的留言者作为参考。(2)我要留言:在网站上进行留言。(3)删除留言:对已有留言进行的管理,并显现在网页中。3)产品展示模块包括:(1)添加产品:主要作用为更新企业网站产品内容。(2)删除产品:主要删除网站中过时的产品内容。(3)产品管理:主要作用为对网站中的内容进行编辑。4)后台登录模块包括:(1)登录成功:当管理者输入正确的用户名和密码的时候会转到后台管理页面,进行网站内容的管理。(2)登录失败:当管理者输入不正确的用户名和密码的时候会转到登录失败的页面。在本系统中当管理员在后台进行产品和新闻的添加后，在前台浏览页面就会生成相应的信息。而浏览者
33、正好可以点击相关链接进行查看相关信息。第4章 数据库设计数据库设计是建立在数据库及其应用系统基础之上的技术，是现代软件开发和建设中的核心。一个结构最优的数据库模型能使整个网站满足各种用户的需要。因此，设计开发一个好的网站既在于程序本身的可用性，更在于对整个网站的数据库的全面分析。4.1 数据库的需求分析数据库的需求分析是整个开发过程当中非常重要的一步。作为数据库设计的基础，需求分析直接影响到数据库设计的合理性，乃至整个网站的优劣。它是开发人员弄清实际情况、制定合理方案、开发网站的基础。4.1.1 需求分析首先，根据网站需求，确定主要的关系。其次，对国内外现有的网站进行研究学习，并发觉其存在的问
34、题争取加以改进。然后，考虑目前开发者的综合因素限制，如时间，技术等等，最终确定系统的功能与目标。需求分析的主要任务是：了解和掌握数据库应用网站开发对象（用户）的使用流程和每个页面的功能，了解和掌握数据从开始产生或建立，到最后输出、存档或消亡所经过的传递和转换过程，对数据（信息）的安全性（保密性）和完整性各有什么要求等等。4.1.2 数据库的选择根据网站的规模和用户需求可能的规模确定是选用一个大型的数据库管理系统还是一个小型的数据库管理系统。因为本网站是一个小型的数据库管理系统。因此我选择操作简单易于连接的Microsoft Access 2003 作为本网站的数据库。4.2 数据库表的结构设计
35、4.2.1总体 E-R图设计产品分类和产品信息之间是一对多的关系，一个产品分类可以有多个产品，一个产品只能归一个产品分类所有。管理员实体和新闻管理之间是多对多的关系，一个管理员可以管理多个新闻信息，一个新闻信息可以被多个管理员管理。管理员实体和产品实体之间是多对多的关系，一个管理员可以管理多个产品，一个产品可以被多个管理员管理。如图4-1所示：图4-1总体E-R图在本系统中，为了提高系统的安全性，每个用户都要有正确的用户名和密码才能进入后台，为了能够记录正确的用户名和密码，应在数据库中创建了登录表。登录表的实体E-R图如图4-2所示：图4-2 登录用户E-R图为了能够与用户及时沟通，我在系统中
36、添加了留言系统，每个用户填写相关的内容后，就可以在粘贴板中进行留言了。为了能够记录留言内容，因此应该在数据库中创建一个留言信息表。留言信息的实体E-R图如图4-3所示：图 4-3 留言信息E-R图4.2.2 数据表详细设计我们的网站采用Microsoft Access 2003作为数据库，使用ADODB.Connection连接数据库。在建立数据模型的时候首先考虑是要避免重复数据。整个数据库共有cms_about、cms_admin、cms_class、cms_config、cms_flash、cms_link、cms_menu、cms_news等表格。以下根据模块功能划分，分别介绍本系统所需
37、要的表。1) cms_about该表用来存储单页显示的页面，“关于我们”和“联系我们”就在这个表中。如表4-1所示：表4-1 cms_about表字段名称字段名数据类型长度备注idID自动编号32该字段设为主键title标题备注50keys关键字备注32des描述备注500cont链接备注5002) cms_admin表显示管理员信息的相关存储，主要用来记录用户登录后台的用户名、密码、登录时间等信息。如表4-2所示：表4-2 cms_admin表字段名称字段名数据类型长度备注idID自动编号32该字段设为主键admin_name用户名备注50admin_pass密码备注32ci登陆次数数字50
38、0times登陆时间备注3) cms_books该表主要用来记录留言者的留言内容和相关信息，该内容可以在在线留言的模块中可以查询的到。如表4-3所示：表4-3 cms_books表字段名称字段名数据类型长度备注idID自动编号32该字段设为主键mingz留言者姓名文本50mail留言者电子信箱文本32dianhua留言者联系电话文本50shouji留言者手机文本50neirong留言内容备注1000shijian留言时间文本work留言者工作单位文本200第5章 界面设计本系统界面使用了Swing构建的图形用户界面（GUI），应用程序运行在不同的平台上时的显示效果一致。Swing基于AWT架构
39、之上，提供了更强大的用户界面组件，Swing拥有丰富、便捷的用户界面元素组合，对底层的依赖更少，与平台相关的bug更少。我的设计背景为浅灰色，然后配以深蓝色的色调。我进行这种色调的搭配主要目的是为了迎合海尔官网和海尔服务平台，与它们保持一致。同时，由于近水楼台，我的同事也都是海尔官网的开发人员和维护人员，我可以请教到海尔网站的一些的设计理念，同时一些海尔的经典的框架结构和图片也为我所用，并将这些融入到我的设计中去。在此我要感谢我的同事们。主界面全屏显示，提示信息以对话框形式居中，使界面更加整齐划一。其中，查询界面的查询结果以表格形式显示使界面变得更加清晰、操作简单。登录窗体是整个后台的入口，我
40、们必须拥有正确的登录名和密码我们才能登录到海尔企业管理系统中，登录模块也就保证了程序的安全性。登录窗体设计十分简单，由一个用户名文本框、一个密码文本框、一个验证码对话框和一个登录按钮组成，为了窗体的美观，我还添加了一个海尔企业网站的logo。为了使窗体中的各个组件摆放得更加随意美观，项目采用了绝对布局方式。各个功能已经通过树形导航进行相关的分类，能够帮助用户尽快选择需要的功能。界面的设置中，提示 信息清楚明白，符合我们的一般的操作流程，用户在登录系统之后能够根据提示信息完成相关的操作。5.1 系统前台界面设计海尔企业网站logo是我利用photoshop工具制造完成的，海尔企业本身就很注重自身
41、形象的建设，大型动画片海尔兄弟更是人们耳熟能详的。因此，我参考了现有的海尔企业网站的logo进行了稍加修改。在头部的模板的下部就是菜单栏了，在菜单栏中的选项都是和后台管理中的“首页菜单管理”模块是紧密联系的。在后台通过id将要添加的字段送入数据库中，而前台利用数据库中的select语句将数据库中是字段查询出来，id为menu。如果后台数据库中没有数据的话，就利用if语句进行判断，然后弹出“暂无菜单!请登录后台添加”的对话框。前台头部模块具体如下表5-1所示：表 5-1 头部模块示意图海尔企业网站logo设为首页加入收藏用户登录菜单栏菜单栏主要分为6个模块，分别是：关于我们、新闻资讯、产品中心、
42、联系我们、在线留言、心育在线。网站首页可以说是网站的门面，大家浏览你的网站首先看到的就是网站首页，所以首页不仅要做得美观，引人浏览，还要有丰富的内容。所以我们在首页就首页聚集了大量的信息。关于我们这个模块中，主要是进行海尔集团的总体描述，讲述了海尔的过去和现在。通过简短的文字让客户能够大体的了解海尔。新闻资讯这个模块，主要是将海尔的每日新闻进行及时的更新，有重要的通告能够及时发布。这个是与后台中的“产品管理”模块是关联的。只要管理员在后台将信息录入，在前台就可以查看到了。产品中心这个模块，主要是推广海尔的产品，将海尔的174个产品大类依次罗列出来，可以让客户能够清晰的查看相关的信息。而且我们还
43、附有贴图和相关的文字描述，让客户能够在购买前充分的了解到产品的性能，选择出最适合自己的产品。联系我们这个模块，主要是为了客户与销售人员或工程师进行互动，海尔有一句口号：不是每卖出一件产品，我们就拥有了一个客户。近年来，海尔越来越重视售后的服务，努力提高服务质量。因此，设计联系我们这个模块就十分有必要了。通过“联系我们”这个模块，客户可以随时通过电话、邮件甚至是QQ联系到相关工程师，诉说自己在使用产品中遇到的问题，及时解决相应的麻烦。在线留言这个模块，主要是客户对产品和服务的一种反馈形式。客户可以将自己的感受或者遭遇通过留言的形式进行反馈。通过我在设计网站的过程，设计了一个专门留言查看页面，所有
44、的评价都可以在这个页面中查看出来。通过留言不仅能够及时将批评和建议及时的反馈，而且起到了监督的作用，让我们的服务的更好。心育在线这个模块，当初设计的目的主要是针对海尔内部的员工。虽然我在海尔工作的时间不长，但是我发现海尔内部员工普遍的压力很大，而且海尔没有明显的心理辅导部门。我在工作时，就有亲身感受，感觉压力无处排遣，在我身边的同事也有因为压力大而辞职的现象。因此，我想到了用心育在线测试的方法来进行心理辅导，疏导员工的压力。尾部模块就很简单了，主要是进行版权说明.中间展示部分是采用模板进行的，其中首页是将菜单栏中的所有模块的集合，具体如下表5-2所示：表 5-2 首页示意图头部logo菜单栏幻
45、灯片产品分类新闻资讯消费类产品产品小类商业类产品解决方案在线留言技术支持关于我们联系我们产品推荐友情链接版权声明5.2 系统后台界面设计人们容易把网站简单理解成一种工具或者商务活动中的孤立环节，这样理解不仅会影响到网站开发质量，重要的是难以充分发挥网站在企业经营过程中的作用。网站后台管理是网站开发及其重要的部分，所以一个好的企业网站，必须有一个良好的网站后台管理。这与传统的企业网站静态网站是不同的。我做的后台界面主要采用左右框架结构。左边是是控制菜单栏，通过点击菜单栏中的按钮，相应的页面就会在右侧的显示框中显示出来。登录页面主要实现用户的登录，用户的权限是管理员，管理员可以在系统中可以进行任何
46、操作。登录界面如图5-3所示：图5-3 登录界面示意图密码修改模块主要实现管理员修改的功能，登陆的管理员只能修改自己的密码。对输入新密码进行比对，如果成功则修改密码成功。如图5-4所示：图5-4 密码修改流程图第6章 系统详细设计与实现6.1 系统前台设计前台的部分我分为三个部分,分别为：头部、中间展示部分、尾部。每个网页除了中间展示部分不同外，头部和尾部都是利用语句来进行调用的。这样保证了网站风格的统一。其中头部我存放在根目录下的header.asp文件中，尾部我存放在footer.asp文件中。在头部模板中我大量使用了div标签，也用到了大量的css用于定义头部的样式。模板上部是图片和相关的功能按键，在图中可以清楚地看到分别是：设为主页、加入收藏、用户登录。设为主页模块是通过href超链接javascript语句实现的，具体的语句如下：a hr