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

电子商务物流管理 课程系统设计报告课程系统设计报告 题题 目目 组组 名名 组员组员姓名姓名 日日 期期 年 月 日 制 摘要 随着网络技术的飞速发展, 当代企业纷纷建立自己的网站，通过互联网快速 的信息传递加速自身的发展，所以企业必须设有自己的网站。而建设一个好的企 业网站的基本目标是熟练运用 ASP 技术和 Dreamweaver 的开发工具。 建设一个中小型的瑞颜服饰修色网，在设计时主要从网站的内容定位、模块 结构、外观设计三方面着手进行设计。瑞颜服饰修色网主要包括公司简介、新闻 动态、产品展示、人才招聘、在线留言、用户登陆和后台数据库管理等功能。其 中运用了网页设计工具 Dreamweaver 8、Access 数据库、Photoshop 软件和动态 网站开发工具 ASP 技术进行系统的设计、开发与实现。该系统能实现管理员登录、 产品管理、在线留言管理和人才招聘管理等功能。能够满足中小型企业建站的基 本要求。 关键词：服饰修色网 ASP ACCESS 数据库 Photoshop 目录 第 1 章引言1 1.1 研究现状1 1.2 研究的意义2 1.3 研究思路和内容2 第 2 章网站开发相关技术及工具4 2.1 网站开发的技术4 2.1.1 ASP 简介4 2.1.2 Access 数据库6 2.1.3 ADO 的介绍 7 2.1.4 VBScript 脚本语言8 2.2 网站开发工具8 2.2.1 网页设计软件 Dreamweaver8 2.2.2 Photoshop 软件介绍9 第 3 章网站整体设计12 3.1 总体设计12 3.1.1 需求分析.12 3.1.2 网站功能结构图.12 3.2 数据库设计14 3.2.1 数据库的选择.14 3.2.2 数据库需求分析.14 3.2.3 数据库结构设计.14 3.3 详细设计16 3.3.1 前台功能模块设计.16 3.3.2 后台管理模块设计.17 3.3.3 管理员登陆模块设计.19 第 4 章网站各项功能的实现及效果分析21 4.1 开发平台搭建21 4.2 Photoshop 网站图标的设计与制作.21 4.3 瑞颜服饰修色网站功能的实现23 4.4 前后台效果分析28 第 5 章网站的测试与维护32 5.1 网站测试32 5.2 网站维护33 结束语.35 参考文献.36 致谢.37 第第 1 章章引言引言 1.1 研究现状 在现代市场经济发展中,物流产业已经成为国民经济运行的主动脉,物流产 业的发展有效降低了商品流通费用,提高了资本周转率,实现了资源配置效率。 最近几年我国物流业发展迅速,服务水平显著提高,行业环境和条件得到不断改 善,在调整经济结构、转变发展方式、推动国民经济又好又快发展等方面祈祷很 大的作用。 随着我国经济的快速发展，市场竞争越来越激烈。面对着瞬息万变的市场， 企业如何对库存进行科学、合理的管理，既要保证企业库存的产品随时满足市 场的需求，又要确保产品不会造成大量积压。这就要根据市场的信息对库存做 出相应的调整。而公司传统的库存管理是通过人工进行记录，然后按月或按季 度进行统计，根本无法做到随时掌握库存信息的要求，库存得不到及时调整， 就会造成库存产品过多，很容易导致资金积压、周转困难和增加利息，持有成 本的负担；反之，造成库存产品过少无法满足客户需求。 库存管理系统是一个企业单位不可缺少的部分,它的内容对于各类生产企业 的决策者和管理者来说都至关重要。生产企业库存管理广泛地应用计算机网络 系统，将会大大提高效率，减少费用，促使企业走向正规化、科学化，与世界 接轨。 1.2 研究的意义 随着科学技术的不断提高,计算机科学日渐成熟,其强大的功能已为人们深 刻认识,它已进入人类社会的各个领域，并发挥着越来越重要的作用。作为计算 机应用的一部分,使用计算机对库存信息进行管理,与手工管理比较，有着无法 比拟的优点.:检索迅速、查找方便、易修改、可靠性高、存储量大、数据处理 快捷、保密性好、寿命长、成本低、便于打印等。这些优点能够极大地提高库 存管理的效率,也是企业的科学化、正规化管理,与世界接轨的重要条件。因此， 开发这样的系统是一项有意义、有必要的工作。 建立库存管理系统具有重要的意义： 1、使库存信息化，减少了人工检索的工作量。 2、提高工作的的效率及保证了结果的正确性。 1.3 研究思路和内容 如今，互连网对企业来说已经不再是新鲜的事物了，随着互连网的快速发 展，网络已成为人们生活的一部分。电子商务物流已不在只是被炒做的概念， 人们对其的认识也在深入。不仅仅是大企业需要系统来开展电子商务物流，中 小企业一样也迫切需要自己的完善的系统用以进行库存管理。 这次设计实现了一个库存管理系统。开发出的系统基于 SQL Server 数据库， 采用一种动态、可交互的的编程工具 JSP 进行开发，具有很高的稳定性和安全 性。本设计的系统真正实现了利用信息化的方法进行库存管理，从而使其获得 更大的效率和准确率，很大程度地提高了企业的竞争力，也为企业节省了很大 的成本。 本设计的库存管理系统所需要的功能从管理员角度进行划分，可以分为订 单查询、库存信息查询等。本设计的库存管理系统基本上具备一个实现库存管 理应该具备的功能。 第第 2 章章网站开发相关技术及工具网站开发相关技术及工具 2.1 网站开发的技术 2.1.1 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 网页、ASP 指令和 ActiveX 元件建立动态、交互且高效的 WEB 服务器应用程序。有了 ASP 就不必 担心客户的浏览器是否能运行所编写的代码，因为所有的程序都将在服务器端执 行，包括所有嵌在普通 HTML 中的脚本程序。当程序执行完毕后，服务器仅将执 行的结果返回给客户浏览器，这样也就减轻了客户端浏览器的负担，大大提高了 交互的速度。 ASP 技术的优点： 作为网络上十分流行的编程语言，一定会具有很多独特之处，而 ASP 也不例 外，它具有以下优点： 1、编写程序方便。您可以用 VBScript 或 JScript 创建脚本，同时结合 HTML 语言就能够非常方便地完成网站的应用程序。对于 VBScript 和 JScript， 使用哪种语言并不重要，Web 服务器等同地处理这两种语言，并向用户的浏览器 发送 HTML 格式化结果。由于 ASP 采用 Script 语言，就可以轻松编写程序，因 此这就大大节省了网络设计人员又得重新学习一种新语言的时间。而且编写 ASP 无须手工 compile 编译或链接程序，可在服务器端直接执行，这无疑是更加方便 了我们的编写过程。 2、使用编程环境方便简单。可以使用普通的记事本之类的文本编辑器，即 可进行编辑设计,如：Windows 的记事本、FrontPage 等文本编辑器。也可以用 dreamweaver 和专业的 Microsoft Visual InterDev 开发工具。 3、浏览网页方便，交互速度也快。ASP 是运行在服务器端，所以我们无须 担心浏览器是否支持 ASP 所使用的编程语言,用户端只要使用可执行 HTML 码的 浏览器，即可浏览 Active Server Pages 所设计的网页内容。ASP 在服务器端运行， 当程序执行完毕后，服务器仅将执行的结果返回给客户浏览器，这样也就减轻了 客户端浏览器的负担，大大提高了交互的速度。 4、提供多种编程语言。ASP 能与任何 ActiveX scripting 语言相容。除了可用 VBScript 或 JavaScript 语言来设计外，还通过 plug-in 的方式，使用由第三方所提 供的其他脚本语言，譬如 Perl 等。 5、提高代码的安全性。 6、功能强大。编程是面向对象的（Object oriented） ，并可扩展 ActiveX Server 组件功能。ActiveX Server Components(ActiveX 服务器组件)具有无限可扩 充性。你可以使用任何编程语言来编写你所需要的 ActiveX Server 组件。可以使 用 Visual Basic 、Java 、Visual C+ 、COBOL 等编程语言来编写你所需要的 ActiveX Server Component。也可以使用第三方组件或自己开发的 ActiveX Server 组件。理论上说，可以实现任何功能。 7、访问数据库十分方便。可以通过 ADO（ActiveX Data Objects,微软的一种 新的数据访问模型，是一种可以提供 WEB 页面开发者轻松存取 Internet 的数据库， 并可以在用户端实现网上立即、即时更新显示的最新 WEB 页面数据库技术。 ）非 常方便地访问数据库。 总之，ASP 从字面上说，包含三方面含义： 1.Active：ASP 使用了微软的 ActiveX 技术。ActiveX（COM）技术是现在 Microsoft 软件的重要基础。它采用封装对象，程序调用对象的技术，简化编程， 加强程序间合作。ASP 本身封装了一些基本组件和常用组件，有很多公司也开发 了很多实用组件。只要你可以在服务器上安装这些组件，通过访问组件，你就可 以快速、简易地建立自己的 WEB 应用。 2.Server：ASP 运行在服务器端。这样就不必担心浏览器是否支持 ASP 所使 用的编程语言。ASP 的编程语言可以是 VBSCRIPT 和 JSCRIPT。VBSCRIPT 是 VB 的一个简集，会 VB 的人可以很方便的快速上手。然而 NETscape 浏览器不支 持客户端的 VBSCRIPT，所以最好不要在客户端使用 VBSCRIPT。而在服务器端， 则无需考虑浏览器的支持问题。NETscape 浏览器也可以正常显示 ASP 页面。 3.Pages：ASP 返回标准的 HTML 页面，可以正常地在常用的浏览器中显示。 浏览者查看页面源文件时，看到的是 ASP 生成的 HTML 代码，而不是 ASP 程序 代码。这样就可以防止别人抄袭程序。由此可以看出，ASP 是在 IIS 下开发 WEB 应用的一种简单、方便的编程工具。在了解了 VBSCRIPT 的基本语法后，只需要 清楚各个组件的用途、属性、方法，就可以轻松编写出自己的 ASP 系统。 而我这次所开发的留言本系统，主要是利用 ASP 技术的简单和实用的特点，以及 ASP 使用的广泛性，而且非常适合于网络中小型系统开发。 2.1.2 Access 数据库 Access 功能强大，使用方便，是最优秀的桌面数据库开发工具之一。Access 与其他数据库开发系统之间有相当显著的区别就是：Access 数据库系统把数据库 应用程序的建立移到了用户环境中，用户不用写一行代码，就可以在很短的时间 里开发出一个功能强大而且相当专业的数据库应用程序，并且这一过程完全是可 视的。 Access 与其他桌面数据库的另一个重要区别是：Access 中的数据库档既包 括存储数据的表，又包括操作或控制数据的其他对象。它由七种对象组成：表、 查询、窗体、报表、WEB 页、宏和模块。 Access 的优点： (1)存储方式单一 Access 管理的对象有表、查询、窗体、报表、页、宏和模块，以上对象 都存放在后缀为（ .mdb）的数据库档种，便于用户的操作和管理。 (2)面向对象 Access 是一个面向对象的开发工具，利用面向对象的方式将数据库系统 中的各种功能对象化，将数据库管理的各种功能封装在各类对象中。它将一个 应用系统当作是由一系列对象组成的，对每个对象它都定义一组方法和属性， 以定义该对象的行为和外国，用户还可以按需要给对象扩展方法和属性。通过 对象的方法、属性完成数据库的操作和管理，极大地简化了用户的开发工作。 同时，这种基于面向对象的开发方式，使得开发应用程序更为简便。 (3)界面友好、易操作 Access 是一个可视化工具，是风格与 Windows 完全一样，用户想要生成 对象并应用，只要使用鼠标进行拖放即可，非常直观方便。系统还提供了表生 成器、查询生成器、报表设计器以及数据库向导、表向导、查询向导、窗体向 导、报表向导等工具，使得操作简便，容易使用和掌握。 (4)集成环境、处理多种数据信息 Access 基于 Windows 操作系统下的集成开发环境，该环境集成了各种向 导和生成器工具，极大地提高了开发人员的工作效率，使得建立数据库、创建 表、设计用户界面、设计数据查询、报表打印等可以方便有序地进行。 (5)Access 支持 ODBC（开发数据库互连， Open Data Base Connectivity），利用 Access 强大的 DDE（动态数据交换）和 OLE（对象的 联接和嵌入）特性，可以在一个数据表中嵌入位图、声音、Excel 表格、 Word 文档，还可以建立动态的数据库报表和窗体等。 Access 还可以将程序 应用于网络，并与网络上的动态数据相联接。利用数据库访问页对象生成 HTML 档，轻松构建 Internet/Intranet 的应用。 Access 的发展： 进入可提供的编程语言，当时在另一个内产品 Microsoft Office 家具，微软公 司应用的 Visual Basic。两个数据库进入信息库 COM 组成部分被提供：这笔遗产 数据存取物体(DAO)，用进入和新只可提供 ActiveX 数据对象。 Microsoft Access 容易被应用于小的工程，但是如果设计的不好对大工程是无 用的。 全部数据库形式和报告被储存在数据库里，并且与相关的模型的理想协调， 没有与他们做一个身体上组织的阶层的可能性。 一种设计技术是把进入应用在数据和计划之间进行分发。数据库应该只包含 桌子和关系，当另一个将有全部计划时，形式，报告和质问和对第一个数据库桌 子的连接。令人遗憾，当连结时，进入允许没有有关的道路，因此那些发展环境 作为这种生产环境有相同的道路。 2.1.3 ADO 的介绍 ASP 的 Database Access 组件使用 ADO 为 Web 应用程序提供了一组基于对象 的数据访问界面，是一项将数据库访问添加到 Web 页的技术。ADO 是一个运行于 服务器端的 ActiveX 组件，它所提供的功能是进行数据库访问，也是近年来数据 库编程的一个新进展。在 ASP 中通过使用 ADO 编写简明紧凑的脚本，可以连接任 何 ODBC 兼容的数据库，如 SQL Server、Access 及普通文本档等数据源。ADO 具 有界面的一致性的特点，不论后台使用的是什么数据库，对于网页开发人员来说 都没有什么不同。这样，当企业单位发展了，数据库需要从小型的移植到大型的 数据库时，应用程序的界面几乎不用作任何变动。另外，ADO 具有语言无关性的 特点，它同时可以应用于 VB、VC+、VBScript、JavaScrip 或 Java 的开发环境 中。 ADO 的对象 (1) Command 对象定义了将对数据源执行的指定命令。 (2) Connection 代表打开的、与数据源的连接。 (3) DataControl 将数据查询 Recordset 绑定到一个或多个控件上，以便在 Web 页上显示 ADO.Recordset 数据。 (4) DataFactory 实现对客户端应用程序的指定数据源进行读写数据访问方法。 (5) Error 包含与单个操作有关的数据访问错误的详细信息。 (6) Recordset 代表来自基本表或命令执行结果的记录的全集。任何时候， Recordset 对象所指的当前记录均为集合内的单个记录。 2.1.4 VBScript 脚本语言 VBScript 是 Microsoft 公司在 Visual Basic 语言的基础上开发出来的，它 基本上可以看作是 Visual Basic 的一个子集，但是与 Visual Basic 语言有些差 别。VBScript 不仅是一种代表用户系统的脚本语言，它还是安全的开发工具。由 于 VBScript 语言的强大功能，简单的开发方式以及与 Visual Basic 的相通之处， 使它成为许多用户制作主页的不可缺少的工具。 利用 VBScript，用户可以方便的制作出各式各样的，具有强大功能的主页； 利用 Microsoft 公司的 ActiveX 技术，用户可以在主页中插入功能各异的 ActiveX 组件，并利用 VBScript 语言对它们进行编程；利用 VBScript 语言结合 ASP 技术，用户可以开发出 WEB 数据库，甚至是主页上的小游戏。 所以，使用 VBScript，不仅能使用户的主页变得更加多姿多彩，也会使主页 除了可被浏览之外增添了数据库管理和网上交互的能力。 2.2 网站开发工具 2.2.1 网页设计软件 Dreamweaver Dreamweaver是一个功能强大的网页设计工具，有着方便实用的工具和所见 即所得的排版功能，见面十分友好，使用方便。在不需要掌握HTML语言的情况 下，即可利用其强大的功能开发出专业的网页。Dreamweaver也是一个方便的编 程工具，可以方便地编写ASP、PHP、JSP代码，软件的自动提示填充功能和代码 染色功能可以有效地帮助用户编写和调试各种代码。它集网页设计、网站开发和 站点管理功能于一身，具有可视化、支持多平台和跨浏览器的特性，是目前网站 设计、开发、制作的首选工具。 1、灵活的编写方式 Dreamweaver具有灵活编写网页的特点，不但将世界一流水平的“设计”和 “代码”编辑器合二为一，而且在设计窗口中还精化了源代码，能帮助用户按工作 需要定制自己的用户界面。 2、可视化编辑界面 Dreamweaver是一种所见即所得的HTML编辑器，可实现页面元素的插入和生 成。或可视化编辑环境大量减少了代码的编写，同时亦保证了其专业性和兼容性， 并且可以对内部的HTML编辑器和任何第三方的HTML编辑器进行实时的访问。无论 用户习惯手工输入HTML源代码还是使用可视化的编辑界面，Dreamweaver都能提 供便捷的方式使用户设计网页和管理网站变得更容易。 3、功能更多的CSS支持CSS可视化设计、CSS检查工具 4、动态跨浏览器验证 当保存时系统自动检查当前文档的跨浏览器有效性，可以指定何种浏览器 为测试用浏览器，同时系统自动检验以确定页面有没有目标浏览器不支持的tags 或CSS结构。 5、强大的WEB站点管理功能 6、内建的图形编辑引擎 7、Dreamweaver的集成特性 Dreamweaver 8继承了Fireworks、Flash和Shockwave的集成特性，可以在 这些Web创作工具之间自由地切换，轻松地创建美观实用的网页。 8、丰富的媒体支持能力 可以方便地加入Java、Flash、Shockwave、ActiveX以及其他媒体。 Dreamweaver具有强大的多媒体处理功能，在设计DHTML和CSS方面表现得极为出 色，它利用JavaScript和DHTML语言代码轻松地实现网页元素的动作和交互操作。 Dreamweaver还提供行为和时间线两种控件来产生交互式回应和进行动画处理。 9、超强的扩展能力 Dreamweaver 还支持第三方插件，任何人都可以根据自己的需要扩展 Dreamweaver 的功能，并且可以发布这些插件。 2.2.2 Photoshop 软件介绍 多数人对于 PHOTOSHOP 的了解仅限于“一个很好的图像编辑软件” ，并不知 道它的诸多应用方面，实际上，PHOTOSHOP 的应用领域很广泛的，在图像、图形、 文字、视频、出版各方面都有涉及。请看下面介绍： 1、平面设计 平面设计是 PHOTOSHOP 应用最为广泛的领域，无论是我们正在阅读的图书 封面，还是大街上看到的招帖、海报，这些具有丰富图像的平面印刷品，基本上 都需要 PHOTOSHOP 软件对图像进行处理。 2、修复照片 PHOTOSHOP 具有强大的图像修饰功能。利用这些功能，可以快速修复一张 破损的老照片，也可以修复人脸上的斑点等缺陷。 3、广告摄影 广告摄影作为一种对视觉要求非常严格的工作，其最终成品往往要经过 PHOTOSHOP 的修改才能得到满意的效果。 4、影像创意 影像创意是 PHOTOSHOP 的特长，通过 PHOTOSHOP 的处理可以将原本风马牛 不相及的对象组合在一起，也可以使用“狸猫换太子”的手段使图像发生面目全 非的巨大变化。 5、艺术文字 当文字遇到 PHOTOSHOP 处理，就已经注定不再普通。利用 PHOTOSHOP 可以 使文字发生各种各样的变化，并利用这些艺术化处理后的文字为图像增加效果。 6、网页制作 网络的普及是促使更多人需要掌握 PHOTOSHOP 的一个重要原因。因为在制 作网页时 PHOTOSHOP 是必不可少的网页图像处理软件。 7、建筑效果图后期修饰 在制作建筑效果图包括许多三维场景时，人物与配景包括场景的颜色常常 需要在 PHOTOSHOP 中增加并调整。 8、绘画 由于 PHOTOSHOP 具有良好的绘画与调色功能，许多插画设计制作者往往使 用铅笔绘制草稿，然后用 PHOTOSHOP 填色的方法来绘制插画。 除此之外，近些年来非常流行的像素画也多为设计师使用 PHOTOSHOP 创作 的作品。 9、绘制或处理三维帖图 在三维软件中，如果能够制作出精良的模型，而无法为模型应用逼真的帖 图，也无法得到较好的渲染效果。实际上在制作材质时，除了要依靠软件本身具 有材质功能外，利用 PHOTOSHOP 可以制作在三维软件中无法得到的合适的材质也 非常重要。 10、婚纱照片设计 当前越来越多的婚纱影楼开始使用数码相机，这也便得婚纱照片设计的处 理成为一个新兴的行业。 11、视觉创意 视觉创意与设计是设计艺术的一个分支，此类设计通常没有非常明显的商 业目的，但由于他为广大设计爱好者提供了广阔的设计空间，因此越来越多的设 计爱好者开始了学习 PHOTOSHOP，并进行具有个人特色与风格的视觉创意。 12、图标制作 虽然使用 PHOTOSHOP 制作图标在感觉上有些大材小用，但使用此软件制作 的图标的确非常精美。 13、界面设计 界面设计是一个新兴的领域，已经受到越来越多的软件企业及开发者的重 视，虽然暂时还未成为一种全新的职业，但相信不久一定会出现专业的界面设计 师职业。在当前还没有用于做界面设计的专业软件，因此绝大多数设计者使用的 都是 PHOTOSHOP。 上述列出了 PHOTOSHOP 应用的 13 大领域，但实际上其应用不止上述这些。 例如，目前的影视后期制作及二维动画制作，PHOTOSHOP 也有所应用的。 第第 3 章章网站整体设计网站整体设计 3.1 总体设计 3.1.1 需求分析 随着互联网的爆炸性发展，人们越来越习惯于利用网络来实现所需的服务， 网络已深深影响到人们生活的各个方面。由于其不受时间与空间的限制，可以 24 小时不间断地宣传企业和推广产品，经由互联网可到达宣扬企业形象、提高知名 度、展现企业形象、发掘更多的贸易机缘、宣布企业的最新动态和经营状况及产 品信息等推广目标。 根据以上这些原因，网站的功能模块应该具有以下几点： (1)公司简介：本设计中的公司信息简介，主要是让浏览网站的用户更好的 了解本公司达到宣传公司目的。 (2)新闻动态：公司的新闻信息，主要是让浏览的用户随时都能了解本公司 的动态信息，比如公司的有新产品上市了或公司的重大新闻等。 (3)产品展示：公司的产品信息，通过此功能可以很好的展示本公司的产品， 达到产品宣传的作用。 (4)人才招聘：公司的招聘信息，公司可以通过此功能发布公司人才招聘信 息；登陆本网站的用户可以通过此处了解应聘本公司的招聘职位。 (5)在线留言：用户可以通过此功能发送对本公司的意见或建议等信息，公 司管理员通过后台可以查看用户的留言和删除留言信息；在线留言是用 户和公司很好的沟通桥梁。 3.1.2 网站功能结构图 根据业务流程，需要将网站划分为前台、后台和数据库。前台中，客户在登 录网站主页后即可链接查看到产品信息等，还可以给公司留言。数据库将要作为 网站后台重要的组成部分，管理员的主要操作几乎全部围绕数据库，最后将更新 的数据要显示给前台。 由于中小型企业网站的目标重点在于展示企业的信息。因此系统的功能模块 相对单一，就是提供信息的显示。网站前台功能主要包括首页、公司简介、新闻 动态、产品展示、人才招聘、在线留言这五个主要模块；后台包括：公司简介管 理、新闻管理、产品管理、留言管理、管理员管理这五个主要模块。网站整体结 构图如图 3-1 所示： 在线留言 人才招聘 产品展示 新闻动态 后台登陆 公司简介 招聘管理 留言管理 产品管理 新闻管理 公司简介管 理 管理员管理 网站后台 网站前台 图3-1 网站整体结构图 网站前台是一个比较大的功能群，它所包含的信息不仅数量多，而且种类不 同。将它设计成比较优化的结构形式能组织好网站的信息内容并将其归类，方便 用户获得所需要的信息。其中每一部分都以尽量少的内容显示，以免浏览者看的 眼花缭乱而失去耐心。除了这些作用外，设计好前台的结构形式，也是为后面程 序的编写做出了框架。在为系统划分功能模块，并以模块为单位来实现设计时也 是以这个结构为根基的。 网站后台主要是对整个网站的信息和数据进行维护。网站前台所显示的信息 在后台都应该有对应的维护。这样，除了设计后台的各个管理界面外，为了方便 管理员的工作，可以将各个管理的界面结合到一个页面中。因此，各个管理的界 面会作为主管理界面的分支。 在设计好网站前台与后台的结构以后，就将数据库加入到结构中。后台将更 新的数据写入到数据库中，前台再将数据库中的信息取出来并显示。 3.2 数据库设计 3.2.1 数据库的选择 选用 access2003 作为后台的数据库管理系统，Access 是微软公司推出的 基于 Windows 的桌面关系数据库管理系统，是 Office 系列应用软件之一。它 提供了表、查询、窗体、报表、页、宏、模块7 种用来建立数据库系统的对 象；提供了多种向导、生成器、模板，把数据存储、数据查询、界面设计、报 表生成等操作规范化；为建立功能完善的数据库管理系统提供了方便，也使得 普通用户不必编写代码，就可以完成大部分数据管理的任务。 3.2.2 数据库需求分析 进行整个数据库设计必须准确了解与分析用户需求（包括数据和处理）。用 户需求分析是整个设计过程的基础。作为最基本的需求分析做得是否充分与准确， 决定了在其构建数据库的速度和质量。 用户的需求具体体现在各种信息的提供、存储、更新和查询方面，这就要求 数据库结构能充分满足各种信息的输出与输入。收集基本数据、数据结构及数据 处理的流程，组成一份详尽的数据字典，为后面的具体设计打下基础。 以这种思想作为设计策略，小型企业网站至少有以下4项需求： (1)管理员表：包括的数据项有登陆账号、密码等。 (2)产品信息表：包括的数据项有产品号、产品名称、产品图片、添加时间等。 (3)公司简介表：包括的数据项有编号、简介内容等。 (4)客户留言表：包括的数据项有编号、留言标题、留言内容、联系电话、留言 内容。 (5)新闻动态(人才招聘)表：包括的数据项有编号、标题、内容、类型编号和添 加时间。 3.2.3 数据库结构设计 数据库采用的是 ACCESS 数据库，具体设计如下： 系统管理员表（Admin）：管理系统管理员账号和密码的表，主要属性有： 管理员账号和管理员密码。系统管理员根据管理员账号、密码登陆后台系统。详 细设计如下表 3-1 所示： 表 3-1 Admin 管理员表 字段数据类型字段说明 编号自动编号用户编号 username文本用户名 password文本用户密码 产品信息表（chanpin）包括商品的所有信息，详细设计如下表 3-2 所示： 表 3-2 产品信息表 字段数据类型字段说明 id自动编号产品编号 cp_name文本产品名称 cp_shuoming备注产品说明 cp_time日期/时间产品添加时间 tupian文本产品图片地址 公司简介信息表(jianjie)，详细设计如下表 3-3 所示： 表 3-3 公司简介信息表 字段数据类型字段说明 id自动编号公司简介编号 gongsijianjie备注公司简介内容 客户留言信息表（book） ，详细设计如下表 3-4 所示： 表 3-4 客户留言信息表 字段数据类型字段说明 id自动编号留言编号 name文本留言主题 cp_time日期/时间留言时间 neirong备注留言内容 lianxi文本联系方式 新闻动态(人才招聘)表（new） ，详细设计如下表 3-5 所示： 表 3-5 新闻动态(人才招聘)表 字段数据类型字段说明 id自动编号信息编号 new_name文本新闻动态(人才招聘)标题 new_neirong备注新闻(人才招聘)内容 class_id文本新闻(人才招聘)类别(3 表示 公司新闻，8 表示公司招聘 信息) new_time日期/时间发布时间 3.3 详细设计 3.3.1 前台功能模块设计 网站前台是面向网站访问用户的，也就是给访问网站的人看的内容和页面， 网站前台访问可以浏览公开发布的内容，如产品信息、新闻信息、公司介绍、联 系我们、提交留言和查看人才招聘等操作，管理可以通过密码进到后台的网页， 来发布新闻、查看留言等操作。 下面是前台功能结构图如图 3-2 所示： 图 3-2 前台功能结构图 主要功能模块介绍 （1）首页功能模块 公司简介，主要包括企业背景、发展历史、主要业绩及组织结构等，让访问 者对企业的情况有一个概括的了解。 （2）新闻动态 网站前台 公 司 简 介 新 闻 动 态 产 品 展 示 人 才 招 聘 在 线 留 言 后 台 登 陆 通过发布企业动态信息，可以让用户了解公司的发展动向，加深对公司的印 象，从而达到展示公司实力和形象的目的。也可以达到宣传公司的目的。 （3）产品展示 产品展示是指对产品进行详细展示，包括规格，产品的款式颜色等所有产品 详细的信息。做到让网站的产品展示能让顾客更直观的去了解网站上所展示的产 品，让顾客在看到产品的同时对产品的每一个信息都有一定的了解。 （4）人才招聘界面 企业招聘发布人事行政部的职位招聘信息。公司在某一部门需要发展壮大, 或者有员工离开时,可以在这里发布招聘信息。 （5）客户留言模块 留言板是一个商务网站中不可缺少的组成部分，它可以增进用户与网站之间 的交流。来访者中有不少人对公司的发展和现状有很多建议和观点需要对公司提 出，作为公司的窗口，所以本站需要提供让来访者发言的平台，正是由于这个原 因，所以本网站设计和规划有留言模块，客户可以通过此处留言。后台管理员可 以对前台发送的留言进行管理。 （6）联系我们 客户通过浏览联系我们快速的了解公司的各种联系方式，快速有效的和公司 联系上。 3.3.2 后台管理模块设计 后台管理模块的功能是对站内的资源进行管理和维护。以后台的业务流程分 析和前台各个模块的设计为基础、根据用户的需求分析来确定后台管理模块应具 有的功能。 子模块各自的内容基本设计好以后，就可以设计如何将这些模块组织在一起， 构成一个结构比较合理的前台了。除了在主页中建立面向其他模块的链接外，也 要在其他模块中建立返回主页面的链接。另外各个模块间也应该互相链接起来。 后台管理界面结构图如图 3-3 所示： 网站后台 公 司 简 介 管 理 产 品 管 理 新 闻 管 理 留 言 管 理 管 理 员 管 理 招 聘 管 理 图 3-3 后台功能结构图 后台管理模块的各个子功能模块如下： （1）管理员身份验证模块： 为合法用户提供一个后台入口。该模块的功能是对管理员身份进行能够验证。 用户输入登录 ID 和密码后，系统将判断登录 ID 及密码的有效性，如果通过验 证则转入后台主页，反之则提示错误。 （2）公司简介管理模块： 向公司简介表插入前台首页展示的公司简介信息，也就是公司简介信息的修 改功能。 （3）新闻管理模块： 向新闻表里加入前台展示的新闻动态信息，管理员也可以修改和删除新闻信 息。 （4）招聘管理模块： 向招聘表里加入前台展示的人才招聘信息，也可以修改和删除招聘信息。 （5）产品管理模块： 向产品表里加入前台展示的人产品展示信息，也可以修改和删除产品展示信 息。 （6）留言管理模块： 主要是查看或删除前台客户在在线留言中发送的留言信息。 （7） 管理员管理模块： 主要是修改管理员自己的密码信息。 下面就后台数据库图，如图 3-4 所示： 图 3-4 数据库结构图 3.3.3 管理员登陆模块设计 用户需要输入用户名、密码才能进入管理界面，如果输入不正确将会有提示 信息。流程图如下图所示： 输入用户名密码 开始 查询数据库 用户名密码判断 Y 管理界面 N 图 3-5 登录模块的功能流程图 当用户输入用户名、密码，系统自动将输入的信息和相关数据表中的内容进 行比较，如果该用户输入的内容和数据表中的内容相符，则通过验证，此次登录 成功；否则登录失败。比较的过程是由浏览器将指令，数据发送到 Web 服务器， Web 服务器通过对数据库进行查询将结果返回到浏览器，从而前端显示成功的消 息，用户只有成功登陆系统后才能进行一系列的操作。才能进入后台管理系统， 添加，查看，删除各个系统功能。 第第 4 章章网站各项功能的实现及效果分析网站各项功能的实现及效果分析 4.1 开发平台搭建 网站开发环境有硬件环境与软件环境。 硬件环境：输入输出设备，存储器，运算器等常用设备。我个人的硬件环境 是：CPU:PM 1.73GHZ ,存储器:1G,硬盘:80G，显卡：集成 128M ,显示器：联想 15 寸显示器。 软件环境是：操作系统是 Windows xp ,WEB 服务器是 IIS，数据库服务器是 access2003 ,服务器端脚本编程环境是 ASP 嵌入 VBScript、JavaScript。我个人 的软件环境是： Windows xp sp3 系统，Adobe Photoshop CS2，access2003 和 Dreamweave8 等制作工具。 4.2 Photoshop 网站图标的设计与制作 1、网站 LOGO LOGO 是徽标或者商标的英文说法，起到对徽标拥有公司的识别和推广的作用， 通过形象的 logo 可以让消费者记住公司主体和品牌文化。网络中的 logo 徽标主 要是各个网站用来与其它网站链接的图形标志，代表一个网站或网站的一个板块。 本网站的 LOGO 在 Photoshop 中的制作效果如图 4-1 所示： 图 4-1 网站 Logo 的效果 2、网站大标题 大标题图片放在网站上主要是宣传展示网站公司名称。在 Photoshop 中的制 作效果如图 4-2 所示： 图 4-2 网站大标题 3、宣传图片 宣传图片主要是为了为公司做广告。在 Photoshop 中的制作效果如图 4-3 所 示： 图 4-3 网站宣传图片 4.3 瑞颜服饰修色网站功能的实现 1、首页的登录功能 如果用户未输入用户名与密码而想登录而单击了用户登录界面的确定按钮， 就会弹出“您输入的用户名或密码错误！请您重新输入！”消息。如图 4-4 所示： 图 4-4 登录密码错误信息 具体实现代码如下： alert(您输入的用户名或密码错误！请 您重新输入！);location.href=Login.asp“) end if rs.close set rs=nothing % 2、首页的图片滚动功能 首页下方的产品展示图片滚动效果是通过 JAVASCRIPT 脚本语言来实现的。 如图 4-5 所示： 图 4-5 图片滚动效果图 具体实现代码如下： var speed3=30 demo2.innerHTML=demo1.innerHTML function Marquee() if(demo2.offsetWidth-demo.scrollLeft 3、新闻动态的功能 新闻动态效果实现如图 4-6 所示： 图 4-6 新闻动态图 具体实现代码如下： “ 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.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、新闻动态管理功能的实现 新闻动态管理功能主要包括了三个功能模块，有添加、修改和删除。添加主 要内容为：新闻名称、新闻内容和发布时间。 具体实现代码如下： 新闻名称： 新闻内容： 4.4 前后台效果分析 1、网站首页 在浏览器地址栏中输入 http:/localhost/index.asp 之后，荧幕中将显示如图 4-7 所示的瑞颜服饰修色网站首页，顶部为一行导航菜单，可以链接到网站的各个功 能模块，左边为产品列表信息和公司招聘信息,中间为公司简介信息，右部分为公 司新闻信息和公司服务信息，下面为公司产品展示信息。 图 4-7 瑞颜服饰修色网站首页 2、产品展示 在导航菜单中点击“产品展示” ，可链接到产品展示的功能模块如图 4-8 所示， 即可浏览全部的产品，可按按产品名称或产品图片来浏览该产品的详细信息。 图 4-8 产品展示 3、客户留言 在导航菜单中点击“在线留言”可链接到客户留言的功能模块如图 4-9 所 示 图 4-9 客户留言 制作留言本，就是为了能够让用户发表一些对产品的看法和建议。管理员在 后台可以对留言进行管理，查看、删除等操作。 4、网站后台登陆 网站管理员通过此页面输入正确的用户名和用户密码才能进入后台进行相 应的管理。登陆页面效果如下图 4-10 所示： 图 4-10 管理员登陆页面 5、产品管理 产品管理主要是对前台产品展示中的信息的维护管理。管理员通过此功能模 块可以添加、修改和删除产品信息。产品管理页面如下图 4-11 所示： 图 4-11 产品管理页面 通过“发布产品”超链接可以添加新产品信息，包括产品名称，产品说明和 产品图片等所有产品详细的信息。效果如下图 4-12 所示： 图 4-12 发布产品 6、新闻管理 新闻管理主要是对前台显示的新闻动态信息的管理，主要功能有新闻的添 加、修改和删除功能。新闻管理界面如下图 4-13 所示： 图 4-13 新闻管理页面 7、留言管理 留言管理主要是对前台客户通过在线留言发送给本公司的留言信息的管理。 管理员通过此模块可以对留言信息进行查看、删除操作。留言管理页面的效果如 下图 4-14 所示： 图 4-14 留言管理页面 8、管理员管理 管理员管理主要是对管理员密码信息的修改。效果如下图 4-15 所示： 图 4-15 管理员密码修改页面 第第 5 章章网站的测试与维护网站的测试与维护 5.1 网站测试 为了确保设计的库存管理系统能够正常运行，需要在发布之前做一次较全面 的测试。现将具体操作及过程举例说明如下： 1、测试按入库单号查询是否成功： 打开库存管理系统，进入“查询库存信息”页面，输入入库单号，点“确定” 后将看到查询的库存信息。其中包括，商品的入库单号、入库区号、库位号、货 架号、商品号、商品名、商品数量、入库日期等信息。 2、测试按“入库区号”查询是否成功： 打开库存管理系统，进入“查询库存信息”页面，输入入库区号，点“确定” 后将看到查询的库存信息。其中包括，商品的入库单号、入库区号、库位号、货 架号、商品号、商品名、商品数量、入库日期等信息。 3、测试按“库位号”查询是否成功： 打开库存管理系统，进入“查询库存信息”页面，输入库位号，点“确定” 后将看到查询的库存信息。其中包括，商品的入库单号、入库区号、库位号、货 架号、商品号、商品名、商品数量、入库日期等信息。 4、测试按“货架号”查询是否成功： 打开库存管理系统，进入“查询库存信息”页面，输入货架号，点“确定” 后将看到查询的库存信息。其中包括，商品的入库单号、入库区号、库位号、货 架号、商品号、商品名、商品数量、入库日期等信息。 5、测试按“商品号”查询是否成功： 打开库存管理系统，进入“查询库存信息”页面，输入商品号，点“确定” 后将看到查询的库存信息。其中包括，商品的入库单号、入库区号、库位号、货 架号、商品号、商品名、商品数量、入库日期等信息。 6、测试按“商品名”查询是否成功： 打开库存管理系统，进入“查询库存信息”页面，输入商品名，点“确定” 后将看到查询的库存信息。其中包括，商品的入库单号、入库区号、库位号、货 架号、商品号、商品名、商品数量、入库日期等