电子商务物流管理课程系统设计报告

1、电子商务物流管理课程系统设计报告题 目 组 名 组员姓名 日 期 年 月 日制摘要随着网络技术的飞速发展, 当代企业纷纷建立自己的网站，通过互联网快速的信息传递加速自身的发展，所以企业必须设有自己的网站。而建设一个好的企业网站的基本目标是熟练运用ASP技术和Dreamweaver的开发工具。建设一个中小型的瑞颜服饰修色网，在设计时主要从网站的内容定位、模块结构、外观设计三方面着手进行设计。瑞颜服饰修色网主要包括公司简介、新闻动态、产品展示、人才招聘、在线留言、用户登陆和后台数据库管理等功能。其中运用了网页设计工具Dreamweaver 8、Access数据库、Photoshop软件和动态网站开

2、发工具ASP技术进行系统的设计、开发与实现。该系统能实现管理员登录、产品管理、在线留言管理和人才招聘管理等功能。能够满足中小型企业建站的基本要求。关键词：服饰修色网 ASP ACCESS数据库 Photoshop目录 TOC o 1-3 h z u HYPERLINK l _Toc289174742 第1章引言 PAGEREF _Toc289174742 h 1 HYPERLINK l _Toc289174743 1.1 研究现状 PAGEREF _Toc289174743 h 1 HYPERLINK l _Toc289174744 1.2 研究的意义 PAGEREF _Toc28917474

3、4 h 2 HYPERLINK l _Toc289174745 1.3 研究思路和内容 PAGEREF _Toc289174745 h 2 HYPERLINK l _Toc289174746 第2章网站开发相关技术及工具 PAGEREF _Toc289174746 h 4 HYPERLINK l _Toc289174747 2.1 网站开发的技术 PAGEREF _Toc289174747 h 4 HYPERLINK l _Toc289174748 2.1.1 ASP简介 PAGEREF _Toc289174748 h 4 HYPERLINK l _Toc289174749 2.1.2 Acc

4、ess数据库 PAGEREF _Toc289174749 h 6 HYPERLINK l _Toc289174750 2.1.3 ADO的介绍 PAGEREF _Toc289174750 h 7 HYPERLINK l _Toc289174751 2.1.4 VBScript脚本语言 PAGEREF _Toc289174751 h 8 HYPERLINK l _Toc289174752 2.2 网站开发工具 PAGEREF _Toc289174752 h 8 HYPERLINK l _Toc289174753 2.2.1 网页设计软件Dreamweaver PAGEREF _Toc289174

5、753 h 8 HYPERLINK l _Toc289174754 2.2.2 Photoshop软件介绍 PAGEREF _Toc289174754 h 9 HYPERLINK l _Toc289174755 第3章网站整体设计 PAGEREF _Toc289174755 h 12 HYPERLINK l _Toc289174756 3.1 总体设计 PAGEREF _Toc289174756 h 12 HYPERLINK l _Toc289174757 3.1.1 需求分析 PAGEREF _Toc289174757 h 12 HYPERLINK l _Toc289174758 3.1.2

6、 网站功能结构图 PAGEREF _Toc289174758 h 12 HYPERLINK l _Toc289174759 3.2 数据库设计 PAGEREF _Toc289174759 h 14 HYPERLINK l _Toc289174760 3.2.1 数据库的选择 PAGEREF _Toc289174760 h 14 HYPERLINK l _Toc289174761 3.2.2 数据库需求分析 PAGEREF _Toc289174761 h 14 HYPERLINK l _Toc289174762 3.2.3 数据库结构设计 PAGEREF _Toc289174762 h 14 H

7、YPERLINK l _Toc289174763 3.3 详细设计 PAGEREF _Toc289174763 h 16 HYPERLINK l _Toc289174764 3.3.1 前台功能模块设计 PAGEREF _Toc289174764 h 16 HYPERLINK l _Toc289174765 3.3.2 后台管理模块设计 PAGEREF _Toc289174765 h 17 HYPERLINK l _Toc289174766 3.3.3 管理员登陆模块设计 PAGEREF _Toc289174766 h 19 HYPERLINK l _Toc289174767 第4章网站各项功

8、能的实现及效果分析 PAGEREF _Toc289174767 h 21 HYPERLINK l _Toc289174768 4.1 开发平台搭建 PAGEREF _Toc289174768 h 21 HYPERLINK l _Toc289174769 4.2 Photoshop网站图标的设计与制作 PAGEREF _Toc289174769 h 21 HYPERLINK l _Toc289174770 4.3 瑞颜服饰修色网站功能的实现 PAGEREF _Toc289174770 h 23 HYPERLINK l _Toc289174771 4.4 前后台效果分析 PAGEREF _Toc2

9、89174771 h 28 HYPERLINK l _Toc289174772 第5章网站的测试与维护 PAGEREF _Toc289174772 h 32 HYPERLINK l _Toc289174773 5.1 网站测试 PAGEREF _Toc289174773 h 32 HYPERLINK l _Toc289174774 5.2 网站维护 PAGEREF _Toc289174774 h 33 HYPERLINK l _Toc289174775 结束语 PAGEREF _Toc289174775 h 35 HYPERLINK l _Toc289174776 参考文献 PAGEREF _

10、Toc289174776 h 36 HYPERLINK l _Toc289174777 致谢 PAGEREF _Toc289174777 h 37引言研究现状在现代市场经济发展中,物流产业已经成为国民经济运行的主动脉,物流产业的发展有效降低了商品流通费用,提高了资本周转率,实现了资源配置效率。最近几年我国物流业发展迅速,服务水平显著提高,行业环境和条件得到不断改善,在调整经济结构、转变发展方式、推动国民经济又好又快发展等方面祈祷很大的作用。随着我国经济的快速发展，市场竞争越来越激烈。面对着瞬息万变的市场，企业如何对库存进行科学、合理的管理，既要保证企业库存的产品随时满足市场的需求，又要确保产品

11、不会造成大量积压。这就要根据市场的信息对库存做出相应的调整。而公司传统的库存管理是通过人工进行记录，然后按月或按季度进行统计，根本无法做到随时掌握库存信息的要求，库存得不到及时调整，就会造成库存产品过多，很容易导致资金积压、周转困难和增加利息，持有成本的负担；反之，造成库存产品过少无法满足客户需求。库存管理系统是一个企业单位不可缺少的部分,它的内容对于各类生产企业的决策者和管理者来说都至关重要。生产企业库存管理广泛地应用计算机网络系统，将会大大提高效率，减少费用，促使企业走向正规化、科学化，与世界接轨。研究的意义随着科学技术的不断提高,计算机科学日渐成熟,其强大的功能已为人们深刻认识,它已进入

12、人类社会的各个领域，并发挥着越来越重要的作用。作为计算机应用的一部分,使用计算机对库存信息进行管理,与手工管理比较，有着无法比拟的优点.:检索迅速、查找方便、易修改、可靠性高、存储量大、数据处理快捷、保密性好、寿命长、成本低、便于打印等。这些优点能够极大地提高库存管理的效率,也是企业的科学化、正规化管理,与世界接轨的重要条件。因此，开发这样的系统是一项有意义、有必要的工作。建立库存管理系统具有重要的意义：1、使库存信息化，减少了人工检索的工作量。 2、提高工作的的效率及保证了结果的正确性。研究思路和内容如今，互连网对企业来说已经不再是新鲜的事物了，随着互连网的快速发展，网络已成为人们生活的一部

13、分。电子商务物流已不在只是被炒做的概念，人们对其的认识也在深入。不仅仅是大企业需要系统来开展电子商务物流，中小企业一样也迫切需要自己的完善的系统用以进行库存管理。这次设计实现了一个库存管理系统。开发出的系统基于SQL Server数据库，采用一种动态、可交互的的编程工具JSP进行开发，具有很高的稳定性和安全性。本设计的系统真正实现了利用信息化的方法进行库存管理，从而使其获得更大的效率和准确率，很大程度地提高了企业的竞争力，也为企业节省了很大的成本。本设计的库存管理系统所需要的功能从管理员角度进行划分，可以分为订单查询、库存信息查询等。本设计的库存管理系统基本上具备一个实现库存管理应该具备的功能

14、。网站开发相关技术及工具网站开发的技术ASP简介Microsoft Active Server Pages 即我们所称的ASP，其实是一套微软开发的服务器端脚本环境。Active Server Page 是创建动态网页的一个很好的工具，它起一种编程语言的作用，可以利用它编写动态产生HTML的程序代码。而且ASP也是服务器端脚本环境，可以用来创建交互式WEB页并建立强大的Web应用程序。因此，只要用户浏览Web站点并请求一个ASP页，Web服务器就可以处理相应的ASP代码，生成HTML代码，然后将它传递到用户浏览器并显示出网页。ASP内含于IIS4.0和5.0之中,通过ASP我们可以结合HTML

15、网页、ASP指令和ActiveX元件建立动态、交互且高效的WEB服务器应用程序。有了ASP就不必担心客户的浏览器是否能运行所编写的代码，因为所有的程序都将在服务器端执行，包括所有嵌在普通HTML中的脚本程序。当程序执行完毕后，服务器仅将执行的结果返回给客户浏览器，这样也就减轻了客户端浏览器的负担，大大提高了交互的速度。 ASP技术的优点：作为网络上十分流行的编程语言，一定会具有很多独特之处，而ASP也不例外，它具有以下优点：1、编写程序方便。您可以用 VBScript 或JScript创建脚本，同时结合HTML语言就能够非常方便地完成网站的应用程序。对于 VBScript和JScript，使用

16、哪种语言并不重要，Web 服务器等同地处理这两种语言，并向用户的浏览器发送 HTML 格式化结果。由于ASP采用Script语言，就可以轻松编写程序，因此这就大大节省了网络设计人员又得重新学习一种新语言的时间。而且编写ASP无须手工compile编译或链接程序，可在服务器端直接执行，这无疑是更加方便了我们的编写过程。2、使用编程环境方便简单。可以使用普通的记事本之类的文本编辑器，即可进行编辑设计,如：Windows的记事本、FrontPage等文本编辑器。也可以用dreamweaver和专业的Microsoft Visual InterDev开发工具。3、浏览网页方便，交互速度也快。ASP是运

17、行在服务器端，所以我们无须担心浏览器是否支持ASP所使用的编程语言,用户端只要使用可执行HTML码的浏览器，即可浏览Active Server Pages所设计的网页内容。ASP在服务器端运行，当程序执行完毕后，服务器仅将执行的结果返回给客户浏览器，这样也就减轻了客户端浏览器的负担，大大提高了交互的速度。 4、提供多种编程语言。ASP能与任何ActiveX scripting语言相容。除了可用VBScript或JavaScript语言来设计外，还通过plug-in的方式，使用由第三方所提供的其他脚本语言，譬如Perl等。5、提高代码的安全性。6、功能强大。编程是面向对象的（Object ori

18、ented），并可扩展ActiveX Server组件功能。ActiveX Server Components(ActiveX服务器组件)具有无限可扩充性。你可以使用任何编程语言来编写你所需要的ActiveX Server 组件。可以使用Visual Basic 、Java 、Visual C+ 、COBOL等编程语言来编写你所需要的ActiveX Server Component。也可以使用第三方组件或自己开发的ActiveX Server组件。理论上说，可以实现任何功能。 7、访问数据库十分方便。可以通过ADO（ActiveX Data Objects,微软的一种新的数据访问模型，是一种可

19、以提供WEB页面开发者轻松存取Internet的数据库，并可以在用户端实现网上立即、即时更新显示的最新WEB页面数据库技术。）非常方便地访问数据库。总之，ASP从字面上说，包含三方面含义：1.Active：ASP使用了微软的ActiveX技术。ActiveX（COM）技术是现在Microsoft软件的重要基础。它采用封装对象，程序调用对象的技术，简化编程，加强程序间合作。ASP本身封装了一些基本组件和常用组件，有很多公司也开发了很多实用组件。只要你可以在服务器上安装这些组件，通过访问组件，你就可以快速、简易地建立自己的WEB应用。2.Server：ASP运行在服务器端。这样就不必担心浏览器是否

20、支持ASP所使用的编程语言。ASP的编程语言可以是VBSCRIPT和JSCRIPT。VBSCRIPT是VB的一个简集，会VB的人可以很方便的快速上手。然而NETscape浏览器不支持客户端的VBSCRIPT，所以最好不要在客户端使用VBSCRIPT。而在服务器端，则无需考虑浏览器的支持问题。NETscape浏览器也可以正常显示ASP页面。3.Pages：ASP返回标准的HTML页面，可以正常地在常用的浏览器中显示。浏览者查看页面源文件时，看到的是ASP生成的HTML代码，而不是ASP程序代码。这样就可以防止别人抄袭程序。由此可以看出，ASP是在IIS下开发WEB应用的一种简单、方便的编程工具。

21、在了解了VBSCRIPT的基本语法后，只需要清楚各个组件的用途、属性、方法，就可以轻松编写出自己的ASP系统。而我这次所开发的留言本系统，主要是利用ASP技术的简单和实用的特点，以及ASP使用的广泛性，而且非常适合于网络中小型系统开发。Access数据库Access功能强大，使用方便，是最优秀的桌面数据库开发工具之一。Access与其他数据库开发系统之间有相当显著的区别就是：Access数据库系统把数据库应用程序的建立移到了用户环境中，用户不用写一行代码，就可以在很短的时间里开发出一个功能强大而且相当专业的数据库应用程序，并且这一过程完全是可视的。Access与其他桌面数据库的另一个重要区别是

22、：Access中的数据库档既包括存储数据的表，又包括操作或控制数据的其他对象。它由七种对象组成：表、查询、窗体、报表、WEB页、宏和模块。Access的优点：(1)存储方式单一 Access管理的对象有表、查询、窗体、报表、页、宏和模块，以上对象都存放在后缀为（.mdb）的数据库档种，便于用户的操作和管理。 (2)面向对象 Access是一个面向对象的开发工具，利用面向对象的方式将数据库系统中的各种功能对象化，将数据库管理的各种功能封装在各类对象中。它将一个应用系统当作是由一系列对象组成的，对每个对象它都定义一组方法和属性，以定义该对象的行为和外国，用户还可以按需要给对象扩展方法和属性。通过对

23、象的方法、属性完成数据库的操作和管理，极大地简化了用户的开发工作。同时，这种基于面向对象的开发方式，使得开发应用程序更为简便。 (3)界面友好、易操作 Access是一个可视化工具，是风格与Windows完全一样，用户想要生成对象并应用，只要使用鼠标进行拖放即可，非常直观方便。系统还提供了表生成器、查询生成器、报表设计器以及数据库向导、表向导、查询向导、窗体向导、报表向导等工具，使得操作简便，容易使用和掌握。 (4)集成环境、处理多种数据信息 Access基于Windows操作系统下的集成开发环境，该环境集成了各种向导和生成器工具，极大地提高了开发人员的工作效率，使得建立数据库、创建表、设计用

24、户界面、设计数据查询、报表打印等可以方便有序地进行。 (5)Access支持ODBC（开发数据库互连，Open Data Base Connectivity），利用Access强大的DDE（动态数据交换）和OLE（对象的联接和嵌入）特性，可以在一个数据表中嵌入位图、声音、Excel表格、Word文档，还可以建立动态的数据库报表和窗体等。Access还可以将程序应用于网络，并与网络上的动态数据相联接。利用数据库访问页对象生成HTML档，轻松构建Internet/Intranet的应用。Access的发展：进入可提供的编程语言，当时在另一个内产品Microsoft Office家具，微软公司应用的

25、Visual Basic。两个数据库进入信息库COM组成部分被提供：这笔遗产数据存取物体(DAO)，用进入和新只可提供ActiveX数据对象。Microsoft Access容易被应用于小的工程，但是如果设计的不好对大工程是无用的。全部数据库形式和报告被储存在数据库里，并且与相关的模型的理想协调，没有与他们做一个身体上组织的阶层的可能性。一种设计技术是把进入应用在数据和计划之间进行分发。数据库应该只包含桌子和关系，当另一个将有全部计划时，形式，报告和质问和对第一个数据库桌子的连接。令人遗憾，当连结时，进入允许没有有关的道路，因此那些发展环境作为这种生产环境有相同的道路。ADO的介绍ASP的 D

26、atabase Access组件使用ADO为Web应用程序提供了一组基于对象的数据访问界面，是一项将数据库访问添加到Web页的技术。ADO是一个运行于服务器端的ActiveX组件，它所提供的功能是进行数据库访问，也是近年来数据库编程的一个新进展。在ASP中通过使用ADO编写简明紧凑的脚本，可以连接任何ODBC兼容的数据库，如SQL Server、Access及普通文本档等数据源。ADO具有界面的一致性的特点，不论后台使用的是什么数据库，对于网页开发人员来说都没有什么不同。这样，当企业单位发展了，数据库需要从小型的移植到大型的数据库时，应用程序的界面几乎不用作任何变动。另外，ADO具有语言无关性

27、的特点，它同时可以应用于VB、VC+、VBScript、JavaScrip或Java的开发环境中。ADO的对象Command 对象定义了将对数据源执行的指定命令。Connection代表打开的、与数据源的连接。DataControl将数据查询 Recordset 绑定到一个或多个控件上，以便在 Web 页上显示 ADO.Recordset 数据。DataFactory实现对客户端应用程序的指定数据源进行读写数据访问方法。Error包含与单个操作有关的数据访问错误的详细信息。Recordset代表来自基本表或命令执行结果的记录的全集。任何时候，Recordset 对象所指的当前记录均为集合内的单

28、个记录。VBScript脚本语言VBScript是Microsoft公司在Visual Basic语言的基础上开发出来的，它基本上可以看作是Visual Basic的一个子集，但是与Visual Basic语言有些差别。VBScript不仅是一种代表用户系统的脚本语言，它还是安全的开发工具。由于VBScript语言的强大功能，简单的开发方式以及与Visual Basic的相通之处，使它成为许多用户制作主页的不可缺少的工具。利用VBScript，用户可以方便的制作出各式各样的，具有强大功能的主页；利用Microsoft公司的ActiveX技术，用户可以在主页中插入功能各异的ActiveX组件，并

29、利用VBScript语言对它们进行编程；利用VBScript语言结合ASP技术，用户可以开发出WEB数据库，甚至是主页上的小游戏。所以，使用VBScript，不仅能使用户的主页变得更加多姿多彩，也会使主页除了可被浏览之外增添了数据库管理和网上交互的能力。网站开发工具网页设计软件DreamweaverDreamweaver是一个功能强大的网页设计工具，有着方便实用的工具和所见即所得的排版功能，见面十分友好，使用方便。在不需要掌握HTML语言的情况下，即可利用其强大的功能开发出专业的网页。Dreamweaver也是一个方便的编程工具，可以方便地编写ASP、PHP、JSP代码，软件的自动提示填充功能

30、和代码染色功能可以有效地帮助用户编写和调试各种代码。它集网页设计、网站开发和站点管理功能于一身，具有可视化、支持多平台和跨浏览器的特性，是目前网站设计、开发、制作的首选工具。1、灵活的编写方式 Dreamweaver具有灵活编写网页的特点，不但将世界一流水平的“设计”和“代码”编辑器合二为一，而且在设计窗口中还精化了源代码，能帮助用户按工作需要定制自己的用户界面。2、可视化编辑界面 Dreamweaver是一种所见即所得的HTML编辑器，可实现页面元素的插入和生成。或可视化编辑环境大量减少了代码的编写，同时亦保证了其专业性和兼容性，并且可以对内部的HTML编辑器和任何第三方的HTML编辑器进行

31、实时的访问。无论用户习惯手工输入HTML源代码还是使用可视化的编辑界面，Dreamweaver都能提供便捷的方式使用户设计网页和管理网站变得更容易。3、功能更多的CSS支持CSS可视化设计、CSS检查工具4、动态跨浏览器验证 当保存时系统自动检查当前文档的跨浏览器有效性，可以指定何种浏览器为测试用浏览器，同时系统自动检验以确定页面有没有目标浏览器不支持的tags或CSS结构。5、强大的WEB站点管理功能6、内建的图形编辑引擎7、Dreamweaver的集成特性 Dreamweaver 8继承了Fireworks、Flash和Shockwave的集成特性，可以在这些Web创作工具之间自由地切换，

32、轻松地创建美观实用的网页。8、丰富的媒体支持能力 可以方便地加入Java、Flash、Shockwave、ActiveX以及其他媒体。Dreamweaver具有强大的多媒体处理功能，在设计DHTML和CSS方面表现得极为出色，它利用JavaScript和DHTML语言代码轻松地实现网页元素的动作和交互操作。Dreamweaver还提供行为和时间线两种控件来产生交互式回应和进行动画处理。9、超强的扩展能力Dreamweaver还支持第三方插件，任何人都可以根据自己的需要扩展Dreamweaver的功能，并且可以发布这些插件。Photoshop软件介绍多数人对于PHOTOSHOP的了解仅限于“一个

33、很好的图像编辑软件”，并不知道它的诸多应用方面，实际上，PHOTOSHOP的应用领域很广泛的，在图像、图形、文字、视频、出版各方面都有涉及。请看下面介绍： 1、平面设计 平面设计是PHOTOSHOP应用最为广泛的领域，无论是我们正在阅读的图书封面，还是大街上看到的招帖、海报，这些具有丰富图像的平面印刷品，基本上都需要PHOTOSHOP软件对图像进行处理。 2、修复照片 PHOTOSHOP具有强大的图像修饰功能。利用这些功能，可以快速修复一张破损的老照片，也可以修复人脸上的斑点等缺陷。 3、广告摄影 广告摄影作为一种对视觉要求非常严格的工作，其最终成品往往要经过PHOTOSHOP的修改才能得到满

34、意的效果。 4、影像创意 影像创意是PHOTOSHOP的特长，通过PHOTOSHOP的处理可以将原本风马牛不相及的对象组合在一起，也可以使用“狸猫换太子”的手段使图像发生面目全非的巨大变化。 5、艺术文字 当文字遇到PHOTOSHOP处理，就已经注定不再普通。利用PHOTOSHOP可以使文字发生各种各样的变化，并利用这些艺术化处理后的文字为图像增加效果。 6、网页制作 网络的普及是促使更多人需要掌握PHOTOSHOP的一个重要原因。因为在制作网页时PHOTOSHOP是必不可少的网页图像处理软件。 7、建筑效果图后期修饰 在制作建筑效果图包括许多三维场景时，人物与配景包括场景的颜色常常需要在PH

35、OTOSHOP中增加并调整。 8、绘画 由于PHOTOSHOP具有良好的绘画与调色功能，许多插画设计制作者往往使用铅笔绘制草稿，然后用PHOTOSHOP填色的方法来绘制插画。 除此之外，近些年来非常流行的像素画也多为设计师使用PHOTOSHOP创作的作品。 9、绘制或处理三维帖图 在三维软件中，如果能够制作出精良的模型，而无法为模型应用逼真的帖图，也无法得到较好的渲染效果。实际上在制作材质时，除了要依靠软件本身具有材质功能外，利用PHOTOSHOP可以制作在三维软件中无法得到的合适的材质也非常重要。 10、婚纱照片设计 当前越来越多的婚纱影楼开始使用数码相机，这也便得婚纱照片设计的处理成为一个

36、新兴的行业。 11、视觉创意 视觉创意与设计是设计艺术的一个分支，此类设计通常没有非常明显的商业目的，但由于他为广大设计爱好者提供了广阔的设计空间，因此越来越多的设计爱好者开始了学习PHOTOSHOP，并进行具有个人特色与风格的视觉创意。 12、图标制作 虽然使用PHOTOSHOP制作图标在感觉上有些大材小用，但使用此软件制作的图标的确非常精美。 13、界面设计 界面设计是一个新兴的领域，已经受到越来越多的软件企业及开发者的重视，虽然暂时还未成为一种全新的职业，但相信不久一定会出现专业的界面设计师职业。在当前还没有用于做界面设计的专业软件，因此绝大多数设计者使用的都是PHOTOSHOP。 上述

37、列出了PHOTOSHOP应用的13大领域，但实际上其应用不止上述这些。例如，目前的影视后期制作及二维动画制作，PHOTOSHOP也有所应用的。网站整体设计总体设计需求分析随着互联网的爆炸性发展，人们越来越习惯于利用网络来实现所需的服务，网络已深深影响到人们生活的各个方面。由于其不受时间与空间的限制，可以24小时不间断地宣传企业和推广产品，经由互联网可到达宣扬企业形象、提高知名度、展现企业形象、发掘更多的贸易机缘、宣布企业的最新动态和经营状况及产品信息等推广目标。根据以上这些原因，网站的功能模块应该具有以下几点：公司简介：本设计中的公司信息简介，主要是让浏览网站的用户更好的了解本公司达到宣传公司

38、目的。新闻动态：公司的新闻信息，主要是让浏览的用户随时都能了解本公司的动态信息，比如公司的有新产品上市了或公司的重大新闻等。产品展示：公司的产品信息，通过此功能可以很好的展示本公司的产品，达到产品宣传的作用。人才招聘：公司的招聘信息，公司可以通过此功能发布公司人才招聘信息；登陆本网站的用户可以通过此处了解应聘本公司的招聘职位。在线留言：用户可以通过此功能发送对本公司的意见或建议等信息，公司管理员通过后台可以查看用户的留言和删除留言信息；在线留言是用户和公司很好的沟通桥梁。网站功能结构图根据业务流程，需要将网站划分为前台、后台和数据库。前台中，客户在登录网站主页后即可链接查看到产品信息等，还可以

39、给公司留言。数据库将要作为网站后台重要的组成部分，管理员的主要操作几乎全部围绕数据库，最后将更新的数据要显示给前台。由于中小型企业网站的目标重点在于展示企业的信息。因此系统的功能模块相对单一，就是提供信息的显示。网站前台功能主要包括首页、公司简介、新闻动态、产品展示、人才招聘、在线留言这五个主要模块；后台包括：公司简介管理、新闻管理、产品管理、留言管理、管理员管理这五个主要模块。网站整体结构图如图3-1所示：在线留言人才招聘产品展示新闻动态后台登陆公司简介招聘管理留言管理产品管理新闻管理公司简介管理管理员管理网站后台网站前台图3-1 网站整体结构图网站前台是一个比较大的功能群，它所包含的信息不

40、仅数量多，而且种类不同。将它设计成比较优化的结构形式能组织好网站的信息内容并将其归类，方便用户获得所需要的信息。其中每一部分都以尽量少的内容显示，以免浏览者看的眼花缭乱而失去耐心。除了这些作用外，设计好前台的结构形式，也是为后面程序的编写做出了框架。在为系统划分功能模块，并以模块为单位来实现设计时也是以这个结构为根基的。网站后台主要是对整个网站的信息和数据进行维护。网站前台所显示的信息在后台都应该有对应的维护。这样，除了设计后台的各个管理界面外，为了方便管理员的工作，可以将各个管理的界面结合到一个页面中。因此，各个管理的界面会作为主管理界面的分支。在设计好网站前台与后台的结构以后，就将数据库加

41、入到结构中。后台将更新的数据写入到数据库中，前台再将数据库中的信息取出来并显示。数据库设计数据库的选择选用access2003作为后台的数据库管理系统，Access 是微软公司推出的基于Windows的桌面关系数据库管理系统，是Office系列应用软件之一。它提供了表、查询、窗体、报表、页、宏、模块7种用来建立数据库系统的对象；提供了多种向导、生成器、模板，把数据存储、数据查询、界面设计、报表生成等操作规范化；为建立功能完善的数据库管理系统提供了方便，也使得普通用户不必编写代码，就可以完成大部分数据管理的任务。数据库需求分析进行整个数据库设计必须准确了解与分析用户需求（包括数据和处理）。用户需

42、求分析是整个设计过程的基础。作为最基本的需求分析做得是否充分与准确，决定了在其构建数据库的速度和质量。用户的需求具体体现在各种信息的提供、存储、更新和查询方面，这就要求数据库结构能充分满足各种信息的输出与输入。收集基本数据、数据结构及数据处理的流程，组成一份详尽的数据字典，为后面的具体设计打下基础。以这种思想作为设计策略，小型企业网站至少有以下4项需求：(1)管理员表：包括的数据项有登陆账号、密码等。(2)产品信息表：包括的数据项有产品号、产品名称、产品图片、添加时间等。(3)公司简介表：包括的数据项有编号、简介内容等。(4)客户留言表：包括的数据项有编号、留言标题、留言内容、联系 、留言内容

43、。(5)新闻动态(人才招聘)表：包括的数据项有编号、标题、内容、类型编号和添加时间。数据库结构设计数据库采用的是ACCESS数据库，具体设计如下：系统管理员表（Admin）：管理系统管理员账号和密码的表，主要属性有：管理员账号和管理员密码。系统管理员根据管理员账号、密码登陆后台系统。详细设计如下表3-1所示：Admin管理员表字段数据类型字段说明编号自动编号用户编号username文本用户名password文本用户密码产品信息表（chanpin）包括商品的所有信息，详细设计如下表3-2所示：产品信息表字段数据类型字段说明id自动编号产品编号cp_name文本产品名称cp_shuoming备注产

44、品说明cp_time日期/时间产品添加时间tupian文本产品图片地址公司简介信息表(jianjie)，详细设计如下表3-3所示：公司简介信息表字段数据类型字段说明id自动编号公司简介编号gongsijianjie备注公司简介内容客户留言信息表（book），详细设计如下表3-4所示：客户留言信息表字段数据类型字段说明id自动编号留言编号name文本留言主题cp_time日期/时间留言时间neirong备注留言内容lianxi文本联系方式新闻动态(人才招聘)表（new），详细设计如下表3-5所示：新闻动态(人才招聘)表字段数据类型字段说明id自动编号信息编号new_name文本新闻动态(人才招聘

45、)标题new_neirong备注新闻(人才招聘)内容class_id文本新闻(人才招聘)类别(3表示公司新闻，8表示公司招聘信息)new_time日期/时间发布时间详细设计前台功能模块设计网站前台是面向网站访问用户的，也就是给访问网站的人看的内容和页面，网站前台访问可以浏览公开发布的内容，如产品信息、新闻信息、公司介绍、联系我们、提交留言和查看人才招聘等操作，管理可以通过密码进到后台的网页，来发布新闻、查看留言等操作。网站前台公司简介新闻动态产品展示人才招聘在线留言后台登陆下面是前台功能结构图如图3-2所示：图3-2 前台功能结构图主要功能模块介绍（1）首页功能模块公司简介，主要包括企业背景、

46、发展历史、主要业绩及组织结构等，让访问者对企业的情况有一个概括的了解。（2）新闻动态 通过发布企业动态信息，可以让用户了解公司的发展动向，加深对公司的印象，从而达到展示公司实力和形象的目的。也可以达到宣传公司的目的。（3）产品展示产品展示是指对产品进行详细展示，包括规格，产品的款式颜色等所有产品详细的信息。做到让网站的产品展示能让顾客更直观的去了解网站上所展示的产品，让顾客在看到产品的同时对产品的每一个信息都有一定的了解。（4）人才招聘界面企业招聘发布人事行政部的职位招聘信息。公司在某一部门需要发展壮大,或者有员工离开时,可以在这里发布招聘信息。（5）客户留言模块留言板是一个商务网站中不可缺少

47、的组成部分，它可以增进用户与网站之间的交流。来访者中有不少人对公司的发展和现状有很多建议和观点需要对公司提出，作为公司的窗口，所以本站需要提供让来访者发言的平台，正是由于这个原因，所以本网站设计和规划有留言模块，客户可以通过此处留言。后台管理员可以对前台发送的留言进行管理。（6）联系我们 客户通过浏览联系我们快速的了解公司的各种联系方式，快速有效的和公司联系上。后台管理模块设计后台管理模块的功能是对站内的资源进行管理和维护。以后台的业务流程分析和前台各个模块的设计为基础、根据用户的需求分析来确定后台管理模块应具有的功能。子模块各自的内容基本设计好以后，就可以设计如何将这些模块组织在一起，构成一

48、个结构比较合理的前台了。除了在主页中建立面向其他模块的链接外，也要在其他模块中建立返回主页面的链接。另外各个模块间也应该互相链接起来。后台管理界面结构图如图3-3所示：网站后台公司简介管理产品管理新闻管理留言管理管理员管理招聘管理图3-3 后台功能结构图后台管理模块的各个子功能模块如下：管理员身份验证模块：为合法用户提供一个后台入口。该模块的功能是对管理员身份进行能够验证。用户输入登录ID和密码后，系统将判断登录ID及密码的有效性，如果通过验证则转入后台主页，反之则提示错误。公司简介管理模块：向公司简介表插入前台首页展示的公司简介信息，也就是公司简介信息的修改功能。新闻管理模块：向新闻表里加入

49、前台展示的新闻动态信息，管理员也可以修改和删除新闻信息。招聘管理模块： 向招聘表里加入前台展示的人才招聘信息，也可以修改和删除招聘信息。产品管理模块：向产品表里加入前台展示的人产品展示信息，也可以修改和删除产品展示信息。留言管理模块： 主要是查看或删除前台客户在在线留言中发送的留言信息。（7） 管理员管理模块： 主要是修改管理员自己的密码信息。下面就后台数据库图，如图3-4所示：图3-4 数据库结构图管理员登陆模块设计用户需要输入用户名、密码才能进入管理界面，如果输入不正确将会有提示信息。流程图如下图所示：输入用户名密码开始查询数据库用户名密码判断Y管理界面N图3-5 登录模块的功能流程图当用

50、户输入用户名、密码，系统自动将输入的信息和相关数据表中的内容进行比较，如果该用户输入的内容和数据表中的内容相符，则通过验证，此次登录成功；否则登录失败。比较的过程是由浏览器将指令，数据发送到Web服务器，Web服务器通过对数据库进行查询将结果返回到浏览器，从而前端显示成功的消息，用户只有成功登陆系统后才能进行一系列的操作。才能进入后台管理系统，添加，查看，删除各个系统功能。网站各项功能的实现及效果分析开发平台搭建网站开发环境有硬件环境与软件环境。硬件环境：输入输出设备，存储器，运算器等常用设备。我个人的硬件环境是：CPU:PM 1.73GHZ ,存储器:1G,硬盘:80G，显卡：集成128M

51、,显示器：联想15寸显示器。软件环境是：操作系统是Windows xp ,WEB服务器是IIS，数据库服务器是access2003 ,服务器端脚本编程环境是ASP嵌入VBScript、JavaScript。我个人的软件环境是： Windows xp sp3 系统，Adobe Photoshop CS2，access2003和Dreamweave8等制作工具。Photoshop网站图标的设计与制作1、网站LOGOLOGO是 HYPERLINK :/baike.baidu /view/2083476.htm t _blank 徽标或者商标的英文说法，起到对徽标拥有公司的识别和推广的作用，通过形象的

52、logo可以让消费者记住公司主体和品牌文化。网络中的logo徽标主要是各个网站用来与其它 HYPERLINK :/baike.baidu /view/2093802.htm t _blank 网站链接的图形标志，代表一个网站或网站的一个板块。本网站的LOGO在Photoshop中的制作效果如图4-1所示：图4-1 网站Logo的效果2、网站大标题大标题图片放在网站上主要是宣传展示网站公司名称。在Photoshop中的制作效果如图4-2所示：图4-2 网站大标题3、宣传图片宣传图片主要是为了为公司做广告。在Photoshop中的制作效果如图4-3所示：图4-3 网站宣传图片瑞颜服饰修色网站功能的

53、实现1、首页的登录功能如果用户未输入用户名与密码而想登录而单击了用户登录界面的确定按钮，就会弹出“您输入的用户名或密码错误！请您重新输入！”消息。如图4-4所示： 图4-4登录密码错误信息具体实现代码如下：% username=trim(request(usr)password=Replace(Replace(Trim(md5(request(pwd),),)set rs=server.createobject(adodb.recordset)sql=select * from admin where username=&username& and password=&password&rs.

54、open sql,conn,1,1if not rs.eof thensession(username)=usernameresponse.redirect(index.asp)elseresponse.Write( alert(您输入的用户名或密码错误！请您重新输入！);location.href=Login.asp)end ifrs.close set rs=nothing %2、首页的图片滚动功能首页下方的产品展示图片滚动效果是通过JAVASCRIPT 脚本语言来实现的。如图4-5所示：图4-5 图片滚动效果图具体实现代码如下： var speed3=30 demo2.innerHTML

55、=demo1.innerHTMLfunction Marquee()if(demo2.offsetWidth-demo.scrollLeft=0)demo.scrollLeft-=demo1.offsetWidthelsedemo.scrollLeft+var MyMar=setInterval(Marquee,speed3)demo.onmouseover=function() clearInterval(MyMar)demo.onmouseout=function() MyMar=setInterval(Marquee,speed3) 3、新闻动态的功能新闻动态效果实现如图4-6所示：图4

56、-6 新闻动态图具体实现代码如下： td width=64% title=a href=new_xiangxi.asp?id= class=lianjie 4、客户留言功能的实现为了能够让用户发表一些对产品的看法和建议，其中的留言主题、联系方式和留言内容项不能为空。function checkuser()if(document.all(name).value=)alert(留言标题不能为空！);document.all(name).focus();return false;else if(document.all(lianxi).value=)alert(联系方式不能为空！);document

57、.all(lianxi).focus();return false;else if(document.all(neirong).value=)alert(留言内容不能为空！);document.all(neirong).focus();return false;else if(document.all(neirong).value.length500)alert(留言内容不能大于500个字符！);document.all(neirong).focus();return false;5、新闻动态管理功能的实现新闻动态管理功能主要包括了三个功能模块，有添加、修改和删除。添加主要内容为：新闻名称、新

58、闻内容和发布时间。具体实现代码如下： 新闻名称： 新闻内容： 前后台效果分析1、网站首页在浏览器地址栏中输入 HYPERLINK :/localhost/index.htm t _parent :/localhost/index.asp之后，荧幕中将显示如图 4-7所示的瑞颜服饰修色网站首页，顶部为一行导航菜单，可以链接到网站的各个功能模块，左边为产品列表信息和公司招聘信息,中间为公司简介信息，右部分为公司新闻信息和公司服务信息，下面为公司产品展示信息。图 4-7 瑞颜服饰修色网站首页2、产品展示在导航菜单中点击“产品展示”，可链接到产品展示的功能模块如图4-8所示，即可浏览全部的产品，可按按

59、产品名称或产品图片来浏览该产品的详细信息。图 4-8 产品展示3、客户留言 在导航菜单中点击“在线留言”可链接到客户留言的功能模块如图4-9所示图 4-9 客户留言制作留言本，就是为了能够让用户发表一些对产品的看法和建议。管理员在后台可以对留言进行管理，查看、删除等操作。4、网站后台登陆 网站管理员通过此页面输入正确的用户名和用户密码才能进入后台进行相应的管理。登陆页面效果如下图4-10所示：图4-10 管理员登陆页面5、产品管理 产品管理主要是对前台产品展示中的信息的维护管理。管理员通过此功能模块可以添加、修改和删除产品信息。产品管理页面如下图4-11所示：图4-11 产品管理页面通过“发布

60、产品”超链接可以添加新产品信息，包括产品名称，产品说明和产品图片等所有产品详细的信息。效果如下图4-12所示：图4-12 发布产品6、新闻管理新闻管理主要是对前台显示的新闻动态信息的管理，主要功能有新闻的添加、修改和删除功能。新闻管理界面如下图4-13所示：图4-13 新闻管理页面7、留言管理 留言管理主要是对前台客户通过在线留言发送给本公司的留言信息的管理。管理员通过此模块可以对留言信息进行查看、删除操作。留言管理页面的效果如下图4-14所示：图4-14 留言管理页面8、管理员管理 管理员管理主要是对管理员密码信息的修改。效果如下图4-15所示：图4-15 管理员密码修改页面网站的测试与维护