四川长虹电子集团门户网站设计 毕业设计.doc

四川长虹电子集团门户网站设计摘 要随着网络技术与信息技术的发展，因特网迅速成长，internet上发布信息主要是通过网站来实现的，获取信息也是要在internet“海洋”中按照一定的检索方式将所需要的信息从网站上下载下来。因特网与企业经营活动的结合创造了新的网络经济。四川长虹企业也需要一个适合自己的产品发布网站。本网站采用了asp编程技术及其相应的javascript脚本语言技术，运用microsoft access2003建立数据库，进行数据管理，保持数据的完整性，成功制作了这个网站，完成了四川长虹企业网站所需的几大功能，如动态添加产品信息，留言簿的设计等，公司可以简单方便的运用后台进行管理，对网站进行各项操作，以便企业能及时的更新自己的产品信息。企业网站除了展示自己的产品之外，如何利用客户对自己产品的反馈信息来调整自己的产品也是及其关键的。于是，企业的论坛便应运而生。一个好的论坛能给企业带来莫大的好处，这是众所周知的。最后对整个网站的设计做了一些总结，提出了一些不足和意见。关键词 asp，access数据库，企业门户abstractabstract along with the network technology and the information technology development, the internet rapidly grows, on internet issued the information mainly will be, gains the information which realizes through the website also is must in internet the sea center 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 changhong enterprise also needs to suit own product to issue the website. this website has used the asp programming technology and its the corresponding javascript script language technology, utilizes microsoft the access2003 establishment database, carries on the data management, maintained the data the integrity, the success has manufactured this website, has completed several big functions which the changhong enterprise website needed, like the dynamic increase product information, the visitors book design 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. the enterprise website besides demonstrated own product, how adjusts own using the customer to oneself product feedback information product also is and its the key. thereupon, enterprises forum then arises at the historic moment. a good forum can bring the greatest advantage to the enterprise, this is well known. finally has made some summaries to the entire website design, proposed some insufficiencies and the opinion.key words asp, access database, enterprise portal 目 录摘 要iabstractii1 绪论11.1课题的背景、目的和意义11.1.1课题背景21.1.1课题的目的和意义21.2系统的特色11.3论文的结构和内容21.4设计的任务和要求简介22 开发工具和开发环境52.1 页面设计工具52.2 asp应用72.2.1 asp技术介绍72.2.2 asp的基本语法72.2.3 asp技术特点和工作原理72.3 网页图形工具92.4 开发环境iis92.5 数据库环境52.6 本章小结113系统分析与总体设计123.1系统应用背景123.2系统特点123.3系统的功能模块划分123.4系统预览123.5系统总体设计123.5.1设计出发点123.5.2设计风格123.5.2设计目标123.6 本章小结184系统详细设计及实现194.1 数据库设计194.1.1 数据库概念结构设计204.1.2 数据库逻辑结构设计204.2 网页设计194.3 后台管理设计194.3.1 登录页面设计194.3.2 管理页面设计204.3.2 程序设计204.4 本章小结215 系统的实现225.1 操作流程展示225.2 最终效果展示285.3 本章小结33结论34参考文献35致 谢361 绪论互联网作为信息双向交流和通讯的工具，已经成为商家青睐的传播媒介，被称之为继广播、报纸、电视后的第五种媒体数字媒体。传统媒体的价格昂贵，又受到时间、地区等多方面因素的限定,效果不能令人满意。相比之下，网络宣传的费用是低廉的，而回报却丝毫不见逊色，能帮您把握广阔的国际发展空间和众多潜在的商业伙伴，是24小时的广告窗口。越来越多的公司、单位建立自己的网络站点，使单位本身已不局限于某个地区，而是直接面向全世界，它的广泛性、高效性为企业带来了不容置疑的效益和效率，是否拥有自己的网站已经成为衡量一个单位综合的重要标志。网络可以带给企业不分地域、不分国别的大量客户，带来无限的商机。建立一个企业网站是非常有必要的。不仅可以给企业带来了经济效益，也起到了推广和宣传企业的作用。但是很多的中小型企业会觉得建设网站投资成本过高，而且要招聘相应的技术人员进行维护。本文主要是针对企业门户网站的设计作介绍,网站整体设计简洁、明了，系统具有很强的通用性，可视化的后台管理系统，以及可视化网页模板编辑系统。后台的设计让计算机门外汉也能管理网站，进行日常的维护和更新，大大降低了企业在网络方面的投入在其设计中主要是运用了dreamweaver mx 2004和asp来制作页面，本站使用asp模板便于风格修改。并运用access来连接数据库。网站设计达到了预期的效果，实现了企业的小投入高回报的需求。企业网站所面对的不再是被动的读者,而是有目地的主动客户。买主以及潜在的客户将透过internet主动的找到您的企业网站，要求他们所需要的服务。一个设计得当的企业网站，将能提供给予使用者需求，甚至达到双向的沟通，这是一般传统媒体所做不到的。这也是一个展示企业形象的一个良好平台。asp运行环境的配置非常方便，只要在windows平台上安装了pws或iis，web服务器与asp应用服务器的配置上基本上完成了。使用asp技术进行开发时，可以通过建立自己的com组件，将应用程序的商业逻辑封装在可重用的模块中，以便在脚本、其他组件或其他程序中调用。dreamweaver是集网页制作和网站管理于一身的所见即所得网页编辑器。1.1 课题的背景、目的和意义1.1.1 课题背景随着internet在中国的迅速发展，在很短的时间内网络已渗入到社会各个领域，改变着人们生活、学习和工作的方式，人们在日常生活中越来越离不开通过上网来获取自己所需要的知识。对于企业来说，建立自己的信息网站，让用户通过上网的方式来获得企业以及相关产品的信息，以加深对企业的了解，这对企业宣传来说，是一个必不可少的方式。网站已经成为消费者浏览信息和购买产品越来越重要的途径。四川长虹电子集团是我国著名的家电制造企业之一，在海外都享有一定的盛誉。这里选择了四川长虹电子集团作为本课题的研究对象，从课题的研究意义来说，有着一定的代表性。1.1.2 课题的目的和意义课题的目：门户网站是企业向用户和网民提供信息(包括产品和服务)的一种方式,是企业开展电子商务的基础设施和信息平台。企业的网址被称为“网络商标”，也是企业无形资产的组成部分，而网站是internet上宣传和反映企业形象和文化的重要窗口。网站的建设已经不单单是把企业想要表达的内容摆放在网站上那么简单，当今的网站设计包含了更多的设计元素，给予浏览者更多的视觉享受。课题的意义：理论意义：随着internet在中国的迅速发展,人们日常生活中越来越多地使用这项新的技术来为自己的工作和学习服务。由于web 页面能把文本、图像、声音、动画、视像等多种媒体信息集于一体，不但使信息的显示更加生动，而且使信息的浏览更为方便,同时web页能实现网上交易平台、客户信息反馈方便了企业与客户之间信息交流，因此许多企业纷纷建设具有自己独特风格的网站以增强企业知名度。现实意义：本篇论文是探讨一种基于asp平台的web应用设计方案，对asp的一些相关技术作了一定的分析和研究，并付诸实践，从而体现基于组件设计、多层结构应用、组件重用等asp的技术特点，为今后的企业级开发应用积累经验。1.2 系统的特色本文采用了asp技术作为开发平台，并结合一些企业动态门户网站开发知识系统，提出了一种基于asp的web应用设计方案。系统的功能设计比较简洁，应用程序设计选择了asp技术，基于组件的分层设计使系统结构清晰，脉络分明，负载均衡，且具有良好的扩展性，易于维护。在web层设计中，采用asp框架，使业务逻辑和显示功能合理分离，逻辑结构更为清晰。系统体现了一种基于组件、多层分布的asp体系设计思想，能为用户有效地提供系统维护、功能扩展和升级的空间。1.3 论文的结构和内容第1章是对全文的一个概述。第2章是对网站开发工具和开发环境的分析说明。具体阐述了asp的技术特点和工作原理及asp的调试服务器iis。第3章是系统分析和总体设计，提出了总体设计框架，对网站设计风格进行了简要的阐述，并对所涉及的技术进行了分析说明。第4章是全文的重点，分别从数据库、网站访问页面和应用管理系统三个方面详细介绍了系统的设计思想和实现技术。第5章是管理系统操作的运行实例。 最后对全文进行了总结。1.4 设计的任务和要求简介对当前长虹企业门户网站设计所需要的相关资料进行调研，在深入调研的基础上，运用网站制作的相关技术和手段完成长虹公司的动态门户网站设计。在设计的定位上要有一定的开拓性与创新性，程序、数据库的设计要满足网站的各项功能，整体设计要符合企业品牌形象。而且要从网站的结构、色彩、人机关系等方面来完成整个设计。2 开发工具和开发环境2.1 页面设计工具目前有大量的软件用来设计和制作网页，他们可以极大的减轻工作量，提高设计效率。其中macromedia dreamweaver mx功能强大，而且是所见即所得的网站编辑器，并带有站点管理功能。 dreamweaver是美国macromedia公司开发的集网页制作和网站管理于一身的所见即所得网页编辑器, 是一种可视化网页制作工具，利用它可以轻松地制作出跨越平台限制和跨越浏览器限制的动态网页。dreamweaver 可以开发html、xhtml、coldfusion、asp、asp.net、jsp或php网站。通过平面设计工具以及代码提示、标签编辑器、可扩展色彩代码、标签选择器、片段和代码检验这类编码特性来实现对代码和设计的管理。新集成的工作空间可以与macromedia flash mx和fireworks mx共享，其中包括了标示签的文档窗口、可放到dock中的画板组、可定制的工具条和集成的文件浏览。dreamweaver 还包括有预建的布局和代码，其中有网站结构、表格、可访问的模板以及为客户端交互应用而提供的javascript。为翻新现有网站以及创建下一代应用程序，dreamweaver 还支持新标准和新的网页技术，带有对xml、网页服务和增强可访问性的支持。dreamweaver mx为新的coldfusion mx特性提供全套的支持，包括增强的代码编辑和开发功能、集成的调试功能、可视化布局功能和照片打印功能。2.2 asp应用2.2.1 asp技术介绍asp全名为(active server pages)，它是微软公司推出iis的一个组件，asp实际是一种在服务器端开发脚本语言的环境。利用它可以开发出动态、交互、高性能web服务器端的应用，且能较容易实现复杂的web应用。利用asp开发的脚本程序全部运行在服务器端，与用户所采用的浏览器无关，从而极大地减少了对客户端的要求。其工作原理是：浏览器从web服务器调用asp文件(一种文本文件)，服务器端的脚本引擎对每一条脚本语句解释执行，再把执行的结果生成html文件传给客户端7。 asp文件包括文本、html标记和asp文件特有的脚本语句。制作asp文件同html文件一样，可以用任何纯文本编辑器进行编辑。 asp可以使用任何脚本语言，只需提供其相应的脚本引擎就可，asp自身提供vb script和jsp cript两种脚本引擎，缺省为vb script。asp包括了5个内置对象：request对象，从浏览器获取信息；response对象，发送信息到浏览器；server对象，控制asp执行情况，对服务器端activex控件起作用；session对象，存储用户任务的信息；application对象，使多用户共享一个程序的信息。网站内容的动态化、数据库化是internet网站发展的必然趋势，asp以其简单、高效的开发方式及丰富的控制手段为internet网站的开发应用提供了强有力的支持。2.2.2 asp的基本语法asp程序的特点：javaseript或vbscript结合html代码就可以编写asp程序；asp不需要编译和联接就可以执行，它整合到了html文档中；编写的工具非常的广泛，一般文本编辑程序就可以编写，例如记事本；asp代码不会传输到客户的浏览器上，这样就可以保护源代码的泄漏；asp标记的用法，把vbscript或者javascript 放入定界符内即可，定界符必须是成对出现的，可以和html脚本混合使用。另一种认识方法必须是成对出现！asp的默认脚本语言是vbscript,也可以指定脚本语言。如asp的注释：以单引号的一行或者在代码的末尾。常量的定义：常量：是用一种名称替数字和字符串，并且值是一直不变的；在vbscript中可以用const语句来定义常量；常量分为两种，一种为字符串型另一种为数字型的。区分时字符串、数字类型常量的最简单方法是，在引号内的为字符串，没有在引号内的为数字；表示日期常量书写在两个#之间。条件语句有两种：ifthenelse 语句和平select case 语句；ifthenelse语句用来判断条件是true或false；并根据判断结果来执行下面的语句：通常条件是用比较运算符对值或者变量进行比较来表达的；ifthenelse可以根据需要进行嵌套使用，嵌套的时候可以写成else ifselect case的格式select case变量case 判断相关代码case判断相关代码end select循环语句重复执行的语句叫循环语句；循环语句可以分为三种类型：当条件不为假之前的时候重复执行语句；当条件变为真之前重复执行语句；按照指定的次数重复执行语句；vbscript的循环语句:doloop直到条件为true(真)时循环；whilewend 当条件为true(真)时循环；fornext 指定循环次数，使用计数器重复运行语句；for eachnext对于集合的每项或者数组中的每项，重复执行一组语句；doloop的具体格式：格式1 %do while 条件需要重复执行的语句loop%格式2格式一是先判断while 后面的条件是否为真，如果为真则执行以下的代码；格式二是先至少执行一次循环体，然后再判断while后面的条件是不是为真。fornext的具体格式：说明：fornext 可以指定语句运行的次数。for each next 不是指定语句运行的次数，而是对于集合中的每项或者数组中的每个元素，重复执行一次，这个语句对于不知道集合或者数组中具体数目的时候，非常有用。过程：实现不同功能的代码模块，在vbscript 中过程分为两种，第一种为sub过程，第二种为了function过程。sub过程特点是没有返回值；function过程有返回值。sub过程是包含在sub和end sub语句之间的一组vbscript语句，执行操作但不返回值。sub过程可以使用参数（由调用过程传递的常数、变量或表达式）。如果sub过程无任何参数，则sub语句必须包含空括号（）。sub过程名（由调用过程传递的常数、变量或表达式）具体的代码end subfunction过程其实就是函数，是包含在function和end function语句之间的一组vbscript语句。function过程与sub过程类似，但是function过程可以返回值。function过程可以使用参数（由调用过程传递的常数、变量或表达式）。如果function过程无任何参数，则function语句必须包含空括号（）。function过程通过函数名返回一个值，这个值是在过程的语句中赋给函数名的。function过程名jyjc(参数a,参数b)具体的语句end function2.2.3 asp技术特点和工作原理（1）asp的技术特点：在使用asp技术时应遵循这样一个原则：即asp脚本必须与基于com标签的组件配合使用才能开发出具有实用价值的动态web应用程序。基于组件，可以把应用程序的开发分成两大类任务：一类是开发能被很多程序使用的核心组件；另一类是集成这些核心组件提供的服务，构造出实现特定功能的应用程序。microsoft及一些“中间件”厂商已针对不同的应用领域提供了许多组件产品，组件的使用者只需要理解组件的接口，不需要知道组件的内部结构和组件使用的数据。 在asp技术中，asp脚本相当于一种粘合剂，把一个个具有特定功能的组件集成在一起，以形成最终的软件产品。利用组件，开发人员可以专门做自己最擅长的工作，从而减少开发难度；利用组件，还有助于开发人员将用户界面与应用逻辑、数据服务分开，快速开发出可重性高的基于三层客户服务器结构的web应用程序。综上所述，asp具有如下一些特点：使用普通的文本编辑器(如记事本)即可进行编辑设计；asp脚本无需编译，容易编写，可在服务器端直接解释执行；与浏览器无关，用户端只要使用可执行hhml码的浏览器，即可浏览asp所设计的页面； 面向对象，在asp脚本中可以方便地引用系统组件和asp内置组件，还能通过定制activex server component(activex服务器组件)来扩充功能； asp的源程序不会被传到客户端，因而可以避免所写的源程序故他人窃取，也提高了程序的安全性；与任何activex scripting语言兼容, 除了可使用vbscript和jscript语言进行设计外，还可通过plug_in的方式，使用由第三方提供的其它scripting语言来扩充功能。（2）asp工作原理：基于asp的页面以*.asp文件形式驻留在web服务器上。一个*.asp源文件是文本文件，可以包括以下成分：文本用于显示信息、页面标题等；html标记实现页面风格设计；asp脚本(script commands)。图2.3 asp工作原理图图2.3显示了asp的工作原理，当浏览器通过http协议向web服务器申请一个由*.asp定义的页面时，web服务器响应http请求，用asp引擎解释被申请文件。当遇到asp脚本命令时，asp引擎调用相应的脚本引擎(脚本引擎以组件的形式驻留在web服务器上)进行处理。asp提供两种脚本引擎，即vbscript引擎和vjscript引擎，若要使用其他脚本语言，需要在web服务器上另外安装相应的脚本引擎；当遇到基于com标准的组件(组件本身是经过编译的可重用二进制码)时，asp引擎启动相应的组件完成指定的功能。若asp文件含有访问数据库的请求，asp内置组件ado(activex date object) 通过odbc与数据库连接，对数据库进行访问，并将访问结果返回web服务器。asp引擎将脚本和组件的运行结果生成相应的html语法成分，与文件中原有的文本和html标记一起组成标准html页面送至客户端浏览器。2.3 网页图形工具photoshop是adobe公司的王牌产品，它在图形图像处理领域拥有毋庸置疑的权威。无论是平面广告设计、室内装潢，还是处理个人照片，photoshop都已经成为不可或缺的工具。随着近年来个人电脑的普及，使用photoshop的家庭用户也多了起来。到目前photoshop已经发展成为家庭电脑的必装软件之一。以下列出photoshop的一些实用功能。功能强大的选择工具photoshop拥有多种选择工具，极大地方便了用户的不同要求。而且多种选择工具还可以结合起来选择较为复杂的图像。制定多种文字效果利用photoshop不仅可以制作精美的文字造型，而且还可以对文字进行复杂的变换。多姿多彩的滤镜photoshop不仅拥有多种内置滤镜可供用户选择使用，而且还支持第三方的滤镜。这样，photoshop就拥有了取之不尽，用之不竭的滤镜。易学易用，用途广泛。2.4 开发环境iisiis是internet information server的缩写，它是微软公司主推的服务器，最新的版本是windows2000里面包含的iis 5.0,iis与windownt server完全集成在一起，因而用户能够利用windows nt server 和ntfs(nt file system,nt的文件系统内置的安全特性，建立强大，灵活而安全的internet和intranet站点。iis支持http(hypertext transfer protocol,超文本传输协议)，ftp(file transfer protocol,文本传输协议)以及smtp协议，通过使用cgi和isapi，iis可以得到高度的扩展。iis支持与语言无关的脚本编写和组件，通过iis，开发人员就可以开发新一代动态的，富有魅力的web站点。iis不需要开发人员学习新的脚本语言或编译应用程序，iis完全支持vbscript,jscript开发软件以及java,它也支持cgi和wincgi,以及isapi扩展和过滤器。iis支持服务器应用的microsoft backoffice系列，microsoft backoffice系列包括以下内容。 microsoft exchange server 客户/服务器通讯和群组软件； microsoft proxy server 代理服务器； 用于连接ibm企业网络的microsoft sna server； 用于集中管理分布式系统的microsoft systems management server； microsoft commercial internet system(mcis)；ftp和smtp，它能够提供快速且集成了现有产品，同时可扩展的internet服务器。iis的设计目的是建立一套集成的服务器服务，可以支持http。6iis相应性极高，同时系统资源的消耗也很少，iis的安装，管理和配置都相当简单，这是因为iis与windows nt server 网络操作系统紧密的集成在一起，另外，iis还使用与windows nt server相同的sam(security accounts manager,安全性张好管理器)，对于管理员来说，iis使用诸如performance monitor 和snmp(simple network manager protocol，简单网络管理协议)之类的nt已有管理工具。iis支持isapi，使用isapi可以扩展服务器功能，而使用isapi过滤器可以预先处理和事后处理储存在iis上的数据。用于32位windows应用程序的internet扩展可以把ftp,smtp和http协议置于容易使用且任务集中的界面中，这些界面将internet应用程序的使用大大简化，iis也支持mime(multipurpose internet mail extensions，多用于internet邮件扩展)，它可以为internet应用程序的反问提供一个简单的注册项。iis的一个重要特性是支持asp。iis 3.0版本以后引入了asp，可以很容易的张贴动态内容和开发基于web的应用程序。对于诸如vbscript,jscript开发软件，或者由visual basic,java,visual c+开发系统，以及现有的cgi和wincgi脚本开发的应用程序，iis都提供了强大的本地支持。2.5 数据库环境自从1992年，microsoft 公司发布access1.0以来，随着windows的普及，使用access的人越来越多，它逐渐成为流行的数据库软件之一。 access是一个面向对象的、采用事件驱动机制的小型关系数据库管理系统。在access中，用户可以根据实际需要对数据进行分类，然后使用表对象分别存储每一种类型的数据，并建立起不同类型数据之间的关系，供报表使用。此时，每条信息仅在一处存放，减少了冗余数据的产生，节省了宝贵的存储空间，同时也加快了更新数据的速度。 针对用户在实际应用中的需求，access数据库提供了表、查询、窗体、报表、页、宏和模块等七个对象，用于收集、存储和操作各种不同的信息。为了便于使用，access的每个对象都为用户提供了设计器和生成向导。用户可以在设计器中设计生成对象，或对生成的对象进行编辑；用户也可通过生成向导方便快速的生成一个完备的对象。2.6 本章小结本章主要介绍了对网站开发工具和开发环境的分析说明。具体阐述了asp的技术特点和工作原理及asp的调试服务器iis。3 系统分析与总体设计3.1 系统应用背景随着互联网的发展，其信息传播效率逐步为人们所关注。越来越多的企业开始走向网络，以期通过网络加大对自己的宣传力度，从而扩展销售渠道，增加销售量。现在的互联网已成为与报纸、广播、电视相比较的第四大媒体，正以其便捷的信息传输形式改变着人们传统的消费模式，更多的人们开始亲睐于这种简单、快捷、低成本的电子通讯方式。据预测，走向商业的互联网已经成为网络经济的大势所趋，其中所蕴藏的商机可想而知。目前电子商务网站正如雨后春笋般的大量涌现，企业网络化已经成为一种时尚。本系统是一个基于asp+access模式的企业动态门户网站。借助internet，为广大的消费者和企业提供一个在线浏览、企业新闻公告以及产品展示的平台，从而更好地加强与广大消费者的交流，树立企业的良好品牌形象。3.2 系统特点本系统具有以下特点：页面模块化：本系统在界面设计上都采用了模块化处理思想，把很多页面的共有部分集成一个模块。人性化设计：本系统的另一个亮点就是导航明晰。这样，不管客户位于本网站的那个角落，都不会迷路。丰富的首页设计：当用户登录到首页之后，便可以了解到企业最新的新闻信息、产品信息和热点常见问题及其支持资讯。使用数据连接池：在本系统中，连接数据库采用ole db方式，并且在每页中显示关闭连接，于是利用iis自带的数据库连接池特性，大大提高了数据库连接效率。注重代码优化：如使用option explicit强制变量声明，使用typelib声明ado库，避免使用adovbstxt这个文件而影响效率。3. 3 系统功能模块划分一般企业的网站主要特点是发布企业的相关新闻与产品信息，对外宣传企业，以提高企业的影响力，并同时推动招商与销售工作。从总体上分析，整个网站包括两个部分，即网站访问页面和网站管理系统。它们之间的关系是通过网站管理系统来添加、修改、审核或删除信息，以达到对网站内容管理的目的。而访问页则是对外显示信息，用户通过网站域名访问主页，查看网站的详细内容。功能上要求能发布大量的信息，包括产品图片及其说明性文字。结合对网站内容的调查结果，总结出结构如图3.1。客户浏览器要求实现：首页、关于长虹、新闻资讯、产品发布、如何购买、客户服务、english等模块信息的显示功能。客户应用程序模块要求实现：网站相关文档的管理、发放与发布以及权限管理。这里的文档是新闻、公告以及产品相关信息的集合。总体结构如图3.2。图3.1 长虹企业门户网站设计图3.2 网站应用层功能结构3.4 系统预览图3.3代表企业形象的首页。从图中可以看出，首页设计简单但不失丰富，布局非常清晰。在首页中最明显的就是企业最新产品，并有关于此产品的详细信息。另外还有最近的企业新闻、最新产品、推荐产品和热点常见问题等。通过首页上方可以菜单可以方便地浏览整个网站。图3.3 企业形象的首页图3.4是管理员登录后的管理界面，从图中可以看出,管理员登录后,可以进行系统管理、企业信息管理、产品管理等。由于管理端主要是面向管理员而设，所示并不侧重界面设计，而是加重了安全性设计和方便设计。图3.4管理员登录界面3.5 系统总体设计3.5.1设计出发点长虹电子集团网站是面向全国甚至全球的企业门户网站，网站的形象从一定方面体现了企业的形象。企业网络化的作用就是对外发布信息和企业与客户间互动交流，让客户了解企业及其文化，在别人心里形成一个具体的形象。本次设计出发点定义为现代化风格的网站设计，设计过程中大胆的运用色彩，但作为企业门户网站的设计，色彩不益过于鲜艳或低沉，应体现出企业文化及企业蓬勃发展的新气象。3.5.2设计风格在网站风格设计方面，四川长虹企业网站属于企业门户型网站，和艺术类网站不同，不宜设计太多的图片和动画，主要从以下方面来考虑：色彩系列（简称色系）：网站的色系是浏览者整体的视觉观感，若一个网站色系能有一致性，不仅会使网站看起来美观，更能让浏览者对内容不易混淆，增加了浏览的简洁与方便。而网站的色系更能衬托出网站的主题，若色系能与主题合理搭配，将会增加浏览者的易读性。页面排版：网站的排版是让网页浏览者阅读方便，且内容主题明确的重要指针，若网站的排版经过精心规划，将会使浏览者更能迅速的找到所需的资料。网站的排版包含了表格、框架的应用、文字缩排、段落等等，而排版并不是整齐就好，还要有明确的分类，以及主题的适当规划。网站特效：网站的特效，能够使网站看起来更为生动活泼，以常见的几种技术来说，包含了flash 、java script 、 java applets、 dhtml等等。适当得宜的使用这些网页小技巧，往往能让这些小特效发挥最大的效果，使网页更美观且设计出独特的风格。比如：可以适当设计下拉菜单的特效，不但美观，还可以方便用户访问内容；让公告信息滚动起来，不但能使页面具有活力，还会更加引人注意。所以适当使用网页特效，恰当配合网站风格，这样就能使网站的整体效果得到提升。3.5.3设计目标结合实际，根据上述结构分析和设计风格的构思，在现有网站的基础上，实现风格的突破，改变现有网站不足的状况，在满足基本功能的基础上，合理分布网站的内容，给用户以完整、人性化的感觉。在网站功能的设计上，要实现用户和企业随时的动态交互，以在未来的几年仍能满足企业的需求为目标。3.6 本章小结本章通过对企业网站的系统特点、功能模块及总体设计做了简要的分析，结合四川长虹企业的自身特点，给出了新的公司门户网站设计方案，分别从设计风格、色彩搭配、版式构成和字体运用四个方面进行了阐述，并确定出设计目标。4 系统详细设计及实现4.1 数据库设计4.1.1 数据库概念结构设计经过上章节系统功能分析总结，考虑到将来功能上的扩展，设计如下的数据项和数据结构：l 管理员信息：帐号，姓名，密码。l 企业信息：企业信息名称，内容，更新日期等。l 新闻信息：新闻编号，新闻名称，分类编号等。l 产品信息：产品编号，产品分类，分类编号等l 产品分类：分类编号，分类名称，上级分类编号（备用）。l 留言信息：留言编号，访客姓名，留言内容，回复内容等。这些实体包含各种具体信息，通过相互之间的相互作用形成数据的流动。管理员信息实体e-r图如图4.1所示。管理员姓名密码帐号图4.1企业介绍信息实体e-r图企业介绍信息实体e-r图如图4.2所示。管理员内容名称更新时间点击数 图4.2企业介绍信息实体e-r图 新闻分类信息实体e-r图如图4.3所示。 新闻分类名称说明编号图4.3新闻分类信息实体e-r图 新闻信息实体e-r图如图4.4所示。新闻信息标题编号发布时间新闻内容 图4.4新闻信息实体e-r图产品分类实体e-r图如图4.5所示。上级说明产品分类类型名称类型编号图4.5产品分类实体e-r图 产品信息实体e-r图如图4.6所示。管理员名称编号类型说明 图4.6产品信息实体e-r图留言信息实体e-r图如图4.7所示。留言信息标题编号回复内容留言内容图4.7留言信息实体e-r图4.1.1 数据库逻辑结构设计数据库概念结构设计完毕后,将其转化为access数据库系统所支持的实际数据库模型,也就是数据库的逻辑结构。企业网站数据库中各个表达设计结果如表4.1表4.6所示。每个表格表示数据库中的一个表，表4.1为管理员信息表，记录系统中管理员信息。 表4.1 管理员信息表（admin）表4.2为企业信息表，记录系统中的企业信息，关于我们，联系方式等。表4.2 企业信息表(aboutus)表4.3为新闻类型信息表，记录系统中的新闻类型信息。表4.3新闻类型信息表（bigclass_new） 表4.4为新闻信息表，记录系统中的已有新闻信息。表4.4新闻信息表（news）表4.5为产品类型表，记录系统中已有产品的信息。表4.5产品类型表（bigclass）表4.6为产品信息表，记录系统中已有产品信息。表4.6为产品信息表（product）还有其他实体清单见数据库asp99cms中已详细列出。4.2 网页设计设计网站的首页设计代表着整个网站的风格，其它页面的设计都可在首页风格模板的基础上展现。色彩运用：这套方案整体上采用了红色作为基本色调，并配合邻近色做协调整体色系。采用邻近色设计网页可以使网页避免色彩杂乱，易于达到页面的和谐统一。此网站整体效果特色鲜明，搭配合理，还要遵循一定的艺术规律，从而设计出具有色彩鲜明、性格独特的门户网站。人机化设计：本系统设计的一个亮点就是导航明晰。这样，不管客户位于本网站的那个角落，都不会迷路。如图4.8所示。图4.8 导航图紧挨导航栏下边的flash特效，展现了长虹企业的最新企业动态和发展趋势，使浏览者最快地了解企业动态发展，以作出相应的决策。上方类似电视屏幕的滚动公告栏，并有向左歇式滚动的特效，这是公布企业最新信息的地方，以便用户在最短的时间内查看最新的企业资讯。如图4.9所示。图4.9 公告栏最右边还设计在线咨询特效，方便客户及时与企业在线交流，以免误失潜在客户源。如图4.10所示。图4.10 在线咨询字体运用：网站设计中字体运用主要包括宋体和黑体,网站内的文字内容使用宋体。宋体由于字型结构方中有圆，刚柔相济，既典雅庄重，又不失韵昧灵气，从视觉角度来说，宋体阅读最省目力，不易造成视觉疲劳，具有很好的易读性和识别性。内容与排版：内容是根据企业所需的功能进行设置的，主要有最新产品、推荐产品、新闻资讯、电子公告与客户服务相关信息等。由于相关产品和新闻信息太多，所以将最为重要的功能模块放在了首页。在网站的底部，设置了相关网站的链接，可以根据企业的需要，加入相关的链接信息。页面最底部是不可缺少的版权信息与联系方式，这是一般网站的固定格式。整套方案的页面宽度为990像素。4.3管理系统的设计管理系统是一套完整的软件，主要作用是对数据库进行操作，并将数据按照一定格式进行格式化存入数据库。同时它可以对网站内的文件等进行查看或操作。最核心的部分是能实现信息内容的动态更新，分配用户管理权限，对网站内容和板块进行管理，让企业门户发挥职能。由于管理系统是功能性的页面，所以在版面上没有太多点缀性的设计，越精简，速度和性能就越好。4.3.1 登陆页的设计管理员要想进入管理系统进行操作，则必须通过管理登陆页面，使用自己已经拥有的用户名和密码进行用户登陆验证，当验证成功后就可以顺利转到管理首页。它的登录界面如图4.11所示。图4.11 登录界面4.3.2 管理首页的设计管理员通过了用户登陆验证后进入的第一个页面，这里没有太多的内容，主要是显示一些常规信息。如图4.12所示。图4.12 管理员登录界面4.3.3 程序设计本系统采用java编程语言进行程序制作，编程过程中运用函数块把功能模块化，书写代码时注意了代码的缩进，并注明了函数作用与参数等，方便以后他人修改与阅读。本段程序实现公共文档的发布。/* * 文档发布 * param e */ void jbtisue_actionperformed(actionevent e) try int rowcount=this.jtbrdown.getrowcount(); if (rowcount1) joptionpane.showmessagedialog(this,请编辑文档发放的信息); return; string systoday=session.getsystemtime(); arraylist altsql=new arraylist(); for (int i = 0; i rowcount; i+) string did=this.jtbrdown.getv