《四川长虹电子集团门户网站设计毕业设计.doc》由会员分享,可在线阅读,更多相关《四川长虹电子集团门户网站设计毕业设计.doc(38页珍藏版)》请在淘文阁 - 分享文档赚钱的网站上搜索。
1、四川长虹电子集团门户网站设计摘 要随着网络技术与信息技术的发展,因特网迅速成长,Internet上发布信息主要是通过网站来实现的,获取信息也是要在Internet“海洋”中按照一定的检索方式将所需要的信息从网站上下载下来。因特网与企业经营活动的结合创造了新的网络经济。四川长虹企业也需要一个适合自己的产品发布网站。本网站采用了ASP编程技术及其相应的Javascript脚本语言技术,运用Microsoft Access2003建立数据库,进行数据管理,保持数据的完整性,成功制作了这个网站,完成了四川长虹企业网站所需的几大功能,如动态添加产品信息,留言簿的设计等,公司可以简单方便的运用后台进行管理
2、,对网站进行各项操作,以便企业能及时的更新自己的产品信息。企业网站除了展示自己的产品之外,如何利用客户对自己产品的反馈信息来调整自己的产品也是及其关键的。于是,企业的论坛便应运而生。一个好的论坛能给企业带来莫大的好处,这是众所周知的。最后对整个网站的设计做了一些总结,提出了一些不足和意见。关键词 ASP,ACCESS数据库,企业门户ABSTRACTAbstract along with the network technology and the information technology development, the Internet rapidly grows, on Interne
3、t 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 crea
4、te 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 dat
5、a 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 ut
6、ilization 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
7、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, AC
8、CESS 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
9、.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 绪论互联网作为信息双向交流和通讯的工具,已经成为商家青睐的传播媒介,被称之为继广播、报纸、电视后
10、的第五种媒体数字媒体。传统媒体的价格昂贵,又受到时间、地区等多方面因素的限定,效果不能令人满意。相比之下,网络宣传的费用是低廉的,而回报却丝毫不见逊色,能帮您把握广阔的国际发展空间和众多潜在的商业伙伴,是24小时的广告窗口。越来越多的公司、单位建立自己的网络站点,使单位本身已不局限于某个地区,而是直接面向全世界,它的广泛性、高效性为企业带来了不容置疑的效益和效率,是否拥有自己的网站已经成为衡量一个单位综合的重要标志。网络可以带给企业不分地域、不分国别的大量客户,带来无限的商机。建立一个企业网站是非常有必要的。不仅可以给企业带来了经济效益,也起到了推广和宣传企业的作用。但是很多的中小型企业会觉得
11、建设网站投资成本过高,而且要招聘相应的技术人员进行维护。本文主要是针对企业门户网站的设计作介绍,网站整体设计简洁、明了,系统具有很强的通用性,可视化的后台管理系统,以及可视化网页模板编辑系统。后台的设计让计算机门外汉也能管理网站,进行日常的维护和更新,大大降低了企业在网络方面的投入在其设计中主要是运用了Dreamweaver MX 2004和ASP来制作页面,本站使用ASP模板便于风格修改。并运用ACCESS来连接数据库。网站设计达到了预期的效果,实现了企业的小投入高回报的需求。企业网站所面对的不再是被动的读者,而是有目地的主动客户。买主以及潜在的客户将透过Internet主动的找到您的企业网
12、站,要求他们所需要的服务。一个设计得当的企业网站,将能提供给予使用者需求,甚至达到双向的沟通,这是一般传统媒体所做不到的。这也是一个展示企业形象的一个良好平台。ASP运行环境的配置非常方便,只要在Windows平台上安装了PWS或IIS,Web服务器与ASP应用服务器的配置上基本上完成了。使用ASP技术进行开发时,可以通过建立自己的com组件,将应用程序的商业逻辑封装在可重用的模块中,以便在脚本、其他组件或其他程序中调用。Dreamweaver是集网页制作和网站管理于一身的所见即所得网页编辑器。1.1 课题的背景、目的和意义1.1.1 课题背景随着Internet在中国的迅速发展,在很短的时间
13、内网络已渗入到社会各个领域,改变着人们生活、学习和工作的方式,人们在日常生活中越来越离不开通过上网来获取自己所需要的知识。对于企业来说,建立自己的信息网站,让用户通过上网的方式来获得企业以及相关产品的信息,以加深对企业的了解,这对企业宣传来说,是一个必不可少的方式。网站已经成为消费者浏览信息和购买产品越来越重要的途径。四川长虹电子集团是我国著名的家电制造企业之一,在海外都享有一定的盛誉。这里选择了四川长虹电子集团作为本课题的研究对象,从课题的研究意义来说,有着一定的代表性。1.1.2 课题的目的和意义课题的目:门户网站是企业向用户和网民提供信息(包括产品和服务)的一种方式,是企业开展电子商务的
14、基础设施和信息平台。企业的网址被称为“网络商标”,也是企业无形资产的组成部分,而网站是Internet上宣传和反映企业形象和文化的重要窗口。网站的建设已经不单单是把企业想要表达的内容摆放在网站上那么简单,当今的网站设计包含了更多的设计元素,给予浏览者更多的视觉享受。课题的意义:理论意义:随着Internet在中国的迅速发展,人们日常生活中越来越多地使用这项新的技术来为自己的工作和学习服务。由于Web 页面能把文本、图像、声音、动画、视像等多种媒体信息集于一体,不但使信息的显示更加生动,而且使信息的浏览更为方便,同时WEB页能实现网上交易平台、客户信息反馈方便了企业与客户之间信息交流,因此许多企
15、业纷纷建设具有自己独特风格的网站以增强企业知名度。现实意义:本篇论文是探讨一种基于ASP平台的Web应用设计方案,对ASP的一些相关技术作了一定的分析和研究,并付诸实践,从而体现基于组件设计、多层结构应用、组件重用等ASP的技术特点,为今后的企业级开发应用积累经验。1.2 系统的特色本文采用了ASP技术作为开发平台,并结合一些企业动态门户网站开发知识系统,提出了一种基于ASP的Web应用设计方案。系统的功能设计比较简洁,应用程序设计选择了ASP技术,基于组件的分层设计使系统结构清晰,脉络分明,负载均衡,且具有良好的扩展性,易于维护。在Web层设计中,采用ASP框架,使业务逻辑和显示功能合理分离
16、,逻辑结构更为清晰。系统体现了一种基于组件、多层分布的ASP体系设计思想,能为用户有效地提供系统维护、功能扩展和升级的空间。1.3 论文的结构和内容第1章是对全文的一个概述。第2章是对网站开发工具和开发环境的分析说明。具体阐述了ASP的技术特点和工作原理及ASP的调试服务器IIS。第3章是系统分析和总体设计,提出了总体设计框架,对网站设计风格进行了简要的阐述,并对所涉及的技术进行了分析说明。第4章是全文的重点,分别从数据库、网站访问页面和应用管理系统三个方面详细介绍了系统的设计思想和实现技术。第5章是管理系统操作的运行实例。 最后对全文进行了总结。1.4 设计的任务和要求简介对当前长虹企业门户
17、网站设计所需要的相关资料进行调研,在深入调研的基础上,运用网站制作的相关技术和手段完成长虹公司的动态门户网站设计。在设计的定位上要有一定的开拓性与创新性,程序、数据库的设计要满足网站的各项功能,整体设计要符合企业品牌形象。而且要从网站的结构、色彩、人机关系等方面来完成整个设计。2 开发工具和开发环境2.1 页面设计工具目前有大量的软件用来设计和制作网页,他们可以极大的减轻工作量,提高设计效率。其中Macromedia Dreamweaver MX功能强大,而且是所见即所得的网站编辑器,并带有站点管理功能。 Dreamweaver是美国MACROMEDIA公司开发的集网页制作和网站管理于一身的所
18、见即所得网页编辑器, 是一种可视化网页制作工具,利用它可以轻松地制作出跨越平台限制和跨越浏览器限制的动态网页。Dreamweaver 可以开发HTML、XHTML、ColdFusion、ASP、ASP.net、JSP或PHP网站。通过平面设计工具以及代码提示、标签编辑器、可扩展色彩代码、标签选择器、片段和代码检验这类编码特性来实现对代码和设计的管理。新集成的工作空间可以与Macromedia Flash MX和Fireworks MX共享,其中包括了标示签的文档窗口、可放到dock中的画板组、可定制的工具条和集成的文件浏览。Dreamweaver 还包括有预建的布局和代码,其中有网站结构、表格
19、、可访问的模板以及为客户端交互应用而提供的JavaScript。为翻新现有网站以及创建下一代应用程序,Dreamweaver 还支持新标准和新的网页技术,带有对XML、网页服务和增强可访问性的支持。Dreamweaver MX为新的ColdFusion MX特性提供全套的支持,包括增强的代码编辑和开发功能、集成的调试功能、可视化布局功能和照片打印功能。2.2 ASP应用2.2.1 ASP技术介绍ASP全名为(Active Server Pages),它是微软公司推出IIS的一个组件,ASP实际是一种在服务器端开发脚本语言的环境。利用它可以开发出动态、交互、高性能Web服务器端的应用,且能较容易
20、实现复杂的Web应用。利用ASP开发的脚本程序全部运行在服务器端,与用户所采用的浏览器无关,从而极大地减少了对客户端的要求。其工作原理是:浏览器从Web服务器调用ASP文件(一种文本文件),服务器端的脚本引擎对每一条脚本语句解释执行,再把执行的结果生成HTML文件传给客户端7。 ASP文件包括文本、HTML标记和ASP文件特有的脚本语句。制作ASP文件同HTML文件一样,可以用任何纯文本编辑器进行编辑。 ASP可以使用任何脚本语言,只需提供其相应的脚本引擎就可,ASP自身提供VB ScriPt和JSP cript两种脚本引擎,缺省为VB Script。ASP包括了5个内置对象:Request对
21、象,从浏览器获取信息;Response对象,发送信息到浏览器;Server对象,控制ASP执行情况,对服务器端ActiveX控件起作用;Session对象,存储用户任务的信息;APPlication对象,使多用户共享一个程序的信息。网站内容的动态化、数据库化是Internet网站发展的必然趋势,ASP以其简单、高效的开发方式及丰富的控制手段为Internet网站的开发应用提供了强有力的支持。2.2.2 ASP的基本语法ASP程序的特点:JavaSeript或VBScript结合HTML代码就可以编写ASP程序;ASP不需要编译和联接就可以执行,它整合到了HTML文档中;编写的工具非常的广泛,一
22、般文本编辑程序就可以编写,例如记事本;ASP代码不会传输到客户的浏览器上,这样就可以保护源代码的泄漏;ASP标记的用法,把VBScript或者JavaScript 放入定界符内即可,定界符必须是成对出现的,可以和HTML脚本混合使用。另一种认识方法必须是成对出现!ASP的默认脚本语言是VBScript,也可以指定脚本语言。如ASP的注释:以单引号的一行或者在代码的末尾。常量的定义:常量:是用一种名称替数字和字符串,并且值是一直不变的;在VBScript中可以用Const语句来定义常量;常量分为两种,一种为字符串型另一种为数字型的。区分时字符串、数字类型常量的最简单方法是,在引号内的为字符串,没
23、有在引号内的为数字;表示日期常量书写在两个#之间。条件语句有两种:IfthenElse 语句和平Select Case 语句;IfthenElse语句用来判断条件是true或false;并根据判断结果来执行下面的语句:通常条件是用比较运算符对值或者变量进行比较来表达的;IfthenElse可以根据需要进行嵌套使用,嵌套的时候可以写成Else IfSelect Case的格式Select Case变量Case 判断相关代码Case判断相关代码End Select循环语句重复执行的语句叫循环语句;循环语句可以分为三种类型:当条件不为假之前的时候重复执行语句;当条件变为真之前重复执行语句;按照指定的
24、次数重复执行语句;VBScript的循环语句:DoLoop直到条件为True(真)时循环;WhileWend 当条件为True(真)时循环;ForNext 指定循环次数,使用计数器重复运行语句;For EachNext对于集合的每项或者数组中的每项,重复执行一组语句;DoLoop的具体格式:格式1 %Do While 条件需要重复执行的语句Loop%格式2格式一是先判断While 后面的条件是否为真,如果为真则执行以下的代码;格式二是先至少执行一次循环体,然后再判断While后面的条件是不是为真。ForNext的具体格式:说明:ForNext 可以指定语句运行的次数。For Each Next
25、 不是指定语句运行的次数,而是对于集合中的每项或者数组中的每个元素,重复执行一次,这个语句对于不知道集合或者数组中具体数目的时候,非常有用。过程:实现不同功能的代码模块,在VBScript 中过程分为两种,第一种为Sub过程,第二种为了Function过程。Sub过程特点是没有返回值;Function过程有返回值。Sub过程是包含在Sub和End Sub语句之间的一组VBScript语句,执行操作但不返回值。Sub过程可以使用参数(由调用过程传递的常数、变量或表达式)。如果Sub过程无任何参数,则Sub语句必须包含空括号()。Sub过程名(由调用过程传递的常数、变量或表达式)具体的代码End
26、subFunction过程其实就是函数,是包含在Function和End Function语句之间的一组VBScript语句。Function过程与Sub过程类似,但是Function过程可以返回值。Function过程可以使用参数(由调用过程传递的常数、变量或表达式)。如果Function过程无任何参数,则Function语句必须包含空括号()。Function过程通过函数名返回一个值,这个值是在过程的语句中赋给函数名的。Function过程名jyjc(参数a,参数b)具体的语句End Function2.2.3 ASP技术特点和工作原理(1)ASP的技术特点:在使用ASP技术时应遵循这样一
27、个原则:即ASP脚本必须与基于COM标签的组件配合使用才能开发出具有实用价值的动态web应用程序。基于组件,可以把应用程序的开发分成两大类任务:一类是开发能被很多程序使用的核心组件;另一类是集成这些核心组件提供的服务,构造出实现特定功能的应用程序。Microsoft及一些“中间件”厂商已针对不同的应用领域提供了许多组件产品,组件的使用者只需要理解组件的接口,不需要知道组件的内部结构和组件使用的数据。 在ASP技术中,ASP脚本相当于一种粘合剂,把一个个具有特定功能的组件集成在一起,以形成最终的软件产品。利用组件,开发人员可以专门做自己最擅长的工作,从而减少开发难度;利用组件,还有助于开发人员将
28、用户界面与应用逻辑、数据服务分开,快速开发出可重性高的基于三层客户服务器结构的web应用程序。综上所述,ASP具有如下一些特点:使用普通的文本编辑器(如记事本)即可进行编辑设计;ASP脚本无需编译,容易编写,可在服务器端直接解释执行;与浏览器无关,用户端只要使用可执行HHML码的浏览器,即可浏览ASP所设计的页面; 面向对象,在ASP脚本中可以方便地引用系统组件和ASP内置组件,还能通过定制ActiveX Server Component(ActiveX服务器组件)来扩充功能; ASP的源程序不会被传到客户端,因而可以避免所写的源程序故他人窃取,也提高了程序的安全性;与任何ActiveX Sc
29、ripting语言兼容, 除了可使用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引擎解释被申请文件。当遇到
30、ASP脚本命令时,ASP引擎调用相应的脚本引擎(脚本引擎以组件的形式驻留在web服务器上)进行处理。ASP提供两种脚本引擎,即VBScript引擎和VJScript引擎,若要使用其他脚本语言,需要在web服务器上另外安装相应的脚本引擎;当遇到基于COM标准的组件(组件本身是经过编译的可重用二进制码)时,ASP引擎启动相应的组件完成指定的功能。若ASP文件含有访问数据库的请求,ASP内置组件ADO(ActiveX Date Object) 通过ODBC与数据库连接,对数据库进行访问,并将访问结果返回web服务器。ASP引擎将脚本和组件的运行结果生成相应的HTML语法成分,与文件中原有的文本和HT
31、ML标记一起组成标准HTML页面送至客户端浏览器。2.3 网页图形工具Photoshop是Adobe公司的王牌产品,它在图形图像处理领域拥有毋庸置疑的权威。无论是平面广告设计、室内装潢,还是处理个人照片,Photoshop都已经成为不可或缺的工具。随着近年来个人电脑的普及,使用Photoshop的家庭用户也多了起来。到目前Photoshop已经发展成为家庭电脑的必装软件之一。以下列出Photoshop的一些实用功能。功能强大的选择工具Photoshop拥有多种选择工具,极大地方便了用户的不同要求。而且多种选择工具还可以结合起来选择较为复杂的图像。制定多种文字效果利用Photoshop不仅可以制
32、作精美的文字造型,而且还可以对文字进行复杂的变换。多姿多彩的滤镜Photoshop不仅拥有多种内置滤镜可供用户选择使用,而且还支持第三方的滤镜。这样,Photoshop就拥有了取之不尽,用之不竭的滤镜。易学易用,用途广泛。2.4 开发环境IISIIS是Internet Information Server的缩写,它是微软公司主推的服务器,最新的版本是Windows2000里面包含的IIS 5.0,IIS与WindowNT Server完全集成在一起,因而用户能够利用Windows NT Server 和NTFS(NT File System,NT的文件系统内置的安全特性,建立强大,灵活而安全的
33、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 B
34、ackOffice系列,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的设计目的是建立一套集成的服务
35、器服务,可以支持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过滤器可以
36、预先处理和事后处理储存在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 Ba
37、sic,Java,Visual C+开发系统,以及现有的CGI和WinCGI脚本开发的应用程序,IIS都提供了强大的本地支持。2.5 数据库环境自从1992年,Microsoft 公司发布Access1.0以来,随着Windows的普及,使用Access的人越来越多,它逐渐成为流行的数据库软件之一。 Access是一个面向对象的、采用事件驱动机制的小型关系数据库管理系统。在Access中,用户可以根据实际需要对数据进行分类,然后使用表对象分别存储每一种类型的数据,并建立起不同类型数据之间的关系,供报表使用。此时,每条信息仅在一处存放,减少了冗余数据的产生,节省了宝贵的存储空间,同时也加快了更新
38、数据的速度。 针对用户在实际应用中的需求,Access数据库提供了表、查询、窗体、报表、页、宏和模块等七个对象,用于收集、存储和操作各种不同的信息。为了便于使用,Access的每个对象都为用户提供了设计器和生成向导。用户可以在设计器中设计生成对象,或对生成的对象进行编辑;用户也可通过生成向导方便快速的生成一个完备的对象。2.6 本章小结本章主要介绍了对网站开发工具和开发环境的分析说明。具体阐述了ASP的技术特点和工作原理及ASP的调试服务器IIS。3 系统分析与总体设计3.1 系统应用背景随着互联网的发展,其信息传播效率逐步为人们所关注。越来越多的企业开始走向网络,以期通过网络加大对自己的宣传
39、力度,从而扩展销售渠道,增加销售量。现在的互联网已成为与报纸、广播、电视相比较的第四大媒体,正以其便捷的信息传输形式改变着人们传统的消费模式,更多的人们开始亲睐于这种简单、快捷、低成本的电子通讯方式。据预测,走向商业的互联网已经成为网络经济的大势所趋,其中所蕴藏的商机可想而知。目前电子商务网站正如雨后春笋般的大量涌现,企业网络化已经成为一种时尚。本系统是一个基于ASP+Access模式的企业动态门户网站。借助Internet,为广大的消费者和企业提供一个在线浏览、企业新闻公告以及产品展示的平台,从而更好地加强与广大消费者的交流,树立企业的良好品牌形象。3.2 系统特点本系统具有以下特点:页面模
40、块化:本系统在界面设计上都采用了模块化处理思想,把很多页面的共有部分集成一个模块。人性化设计:本系统的另一个亮点就是导航明晰。这样,不管客户位于本网站的那个角落,都不会迷路。丰富的首页设计:当用户登录到首页之后,便可以了解到企业最新的新闻信息、产品信息和热点常见问题及其支持资讯。使用数据连接池:在本系统中,连接数据库采用OLE DB方式,并且在每页中显示关闭连接,于是利用IIS自带的数据库连接池特性,大大提高了数据库连接效率。注重代码优化:如使用Option Explicit强制变量声明,使用Typelib声明ADO库,避免使用adovbstxt这个文件而影响效率。3. 3 系统功能模块划分一
41、般企业的网站主要特点是发布企业的相关新闻与产品信息,对外宣传企业,以提高企业的影响力,并同时推动招商与销售工作。从总体上分析,整个网站包括两个部分,即网站访问页面和网站管理系统。它们之间的关系是通过网站管理系统来添加、修改、审核或删除信息,以达到对网站内容管理的目的。而访问页则是对外显示信息,用户通过网站域名访问主页,查看网站的详细内容。功能上要求能发布大量的信息,包括产品图片及其说明性文字。结合对网站内容的调查结果,总结出结构如图3.1。客户浏览器要求实现:首页、关于长虹、新闻资讯、产品发布、如何购买、客户服务、English等模块信息的显示功能。客户应用程序模块要求实现:网站相关文档的管理
42、、发放与发布以及权限管理。这里的文档是新闻、公告以及产品相关信息的集合。总体结构如图3.2。图3.1 长虹企业门户网站设计图3.2 网站应用层功能结构3.4 系统预览图3.3代表企业形象的首页。从图中可以看出,首页设计简单但不失丰富,布局非常清晰。在首页中最明显的就是企业最新产品,并有关于此产品的详细信息。另外还有最近的企业新闻、最新产品、推荐产品和热点常见问题等。通过首页上方可以菜单可以方便地浏览整个网站。图3.3 企业形象的首页图3.4是管理员登录后的管理界面,从图中可以看出,管理员登录后,可以进行系统管理、企业信息管理、产品管理等。由于管理端主要是面向管理员而设,所示并不侧重界面设计,而
43、是加重了安全性设计和方便设计。图3.4管理员登录界面3.5 系统总体设计3.5.1设计出发点长虹电子集团网站是面向全国甚至全球的企业门户网站,网站的形象从一定方面体现了企业的形象。企业网络化的作用就是对外发布信息和企业与客户间互动交流,让客户了解企业及其文化,在别人心里形成一个具体的形象。本次设计出发点定义为现代化风格的网站设计,设计过程中大胆的运用色彩,但作为企业门户网站的设计,色彩不益过于鲜艳或低沉,应体现出企业文化及企业蓬勃发展的新气象。3.5.2设计风格在网站风格设计方面,四川长虹企业网站属于企业门户型网站,和艺术类网站不同,不宜设计太多的图片和动画,主要从以下方面来考虑:色彩系列(简
44、称色系):网站的色系是浏览者整体的视觉观感,若一个网站色系能有一致性,不仅会使网站看起来美观,更能让浏览者对内容不易混淆,增加了浏览的简洁与方便。而网站的色系更能衬托出网站的主题,若色系能与主题合理搭配,将会增加浏览者的易读性。页面排版:网站的排版是让网页浏览者阅读方便,且内容主题明确的重要指针,若网站的排版经过精心规划,将会使浏览者更能迅速的找到所需的资料。网站的排版包含了表格、框架的应用、文字缩排、段落等等,而排版并不是整齐就好,还要有明确的分类,以及主题的适当规划。网站特效:网站的特效,能够使网站看起来更为生动活泼,以常见的几种技术来说,包含了Flash 、Java script 、 J
45、ava applets、 DHTML等等。适当得宜的使用这些网页小技巧,往往能让这些小特效发挥最大的效果,使网页更美观且设计出独特的风格。比如:可以适当设计下拉菜单的特效,不但美观,还可以方便用户访问内容;让公告信息滚动起来,不但能使页面具有活力,还会更加引人注意。所以适当使用网页特效,恰当配合网站风格,这样就能使网站的整体效果得到提升。3.5.3设计目标结合实际,根据上述结构分析和设计风格的构思,在现有网站的基础上,实现风格的突破,改变现有网站不足的状况,在满足基本功能的基础上,合理分布网站的内容,给用户以完整、人性化的感觉。在网站功能的设计上,要实现用户和企业随时的动态交互,以在未来的几年仍能满足企业的需求为目标。3.6 本章小结本章通过对企业网站的系统特点、功能模块及总体设计做了简要的分析,结合四川长虹企业的自身特点,给出了新的公司门户网站设计方案,分别从设计风格、色彩搭配、版式构成和字体运用四个方面进行了阐述,并确定出设计目标。4 系统详细设计及实现4.1 数据库设计4.1.1 数据库概念结构设计经过上章节系统功能分析总结,考虑到将来功能上的扩展,设计如下的数据项和数据结构:l 管理员信息:帐号,姓名,密码。l 企业信息:企业信息名称,内容,更新日期等。l 新闻信息:新闻编号,新闻名称,分类编号等。l 产品信息:产品编号,产品分类,分类编号等l 产
限制150内