水果公司网站的设计与实现毕业论文

毕业论文

杭州水果公司网站的设计与实现

目录

摘要 (1)

ABSTRACT (2)

第一章绪论 (3)

1.1开发背景 (3)

1.2设计思想 (3)

1.3预期目的 (4)

1.4相关工具介绍 (4)

1.4.1 ASP (4)

1.4.2 Dreamweaver MX (5)

1.4.3 Photoshop (5)

1.4.4 Flash (6)

第二章需求分析 (8)

2.1操作分析 (9)

2.1.1 用户操作 (9)

2.1.2 管理员操作 (10)

2.2数据分析 (11)

第三章系统设计 (12)

3.1数据库设计 (12)

3.1.1 E-R图设计 (12)

3.1.2 表结构设计 (13)

3.2流程设计 (14)

3.2.1 总体流程设计 (14)

3.2.2 详细流程设计 (16)

3.3页面框架设计 (16)

第四章系统实现 (19)

4.1数据库连接 (19)

4.2主要模块的实现 (19)

4.2.1登录模块的实现. (19)

4.2.2新闻发布模块的实现 (21)

4.2.3 在线订单模块的实现 (23)

4.2网站的实现 (26)

4.2.1 首页页面 (26)

4.2.2 产品展示页面 (26)

4.2.3 在线订单页面 (28)

4.2.4 登录界面 (28)

4.2.5 后台展示页面 (29)

第五章总结与展望 (30)

参考文献 (31)

致谢 (1)

摘要

本文讲解了一个水果网站的设计与开发思路，它是依据时间的差别的水果网页及动态发展做成，在网页方面，全面考虑了页面色彩、页面的构架，充分的利用了图片、文字、图层、表格等元素。网站内容明确，层次清楚，达到了预期的功能。

杭州水果网站主要运用FrontPage、ASP、DreamWeaver来制作的，另外一些图片的处理，动态的实现，分别运用了PhotoShop和Flash或FireWorks来实现。除些之外，制作中还运用了数据库连接到管理后台，主要是运用数据库ACCESS 来实现注册，登录等信息。主要内容是水果介绍、水果分类、水果价格、水果定购、水果论坛等。

关键词:ASP、杭州水果网、Dreamweaver

杭州水果公司网站的设计与实现 ABSTRACT

ABSTRACT

A FRUIT WEBSITE DESIGN AND TRAIN OF THOUGHT DEVELOPING THE MAIN BODY

OF A BOOK HAS BEEN EXPLAINED, ITS FRUIT WEB PAGE BEING TO JUDGE BY THE

TIME DIFFERENCE AND DEVELOPMENT DEVELOPMENT SUCCEED IN MAKING UP, IN THE

FIELD OF WEB PAGE, HAVE CONSIDERED PAGE OF FACE COLOR , PAGE OF TRUSS SOFT

AND FLOURY ALL ROUND , HAVE MADE USE OF THE PHOTOGRAPH , CHARACTERS , HAVE

PURSUED A TIER SUFFICIENTLY, THE TABLE WAITS FOR AN ELEMENT. CONTENT MAKES

WEBSITE CLEAR , ARRANGEMENT OF IDEAS IS CLEAR, HAVE REACHED THE EXPECTED

FUNCTION.

HANGZHOU FRUIT WEBSITE WIELDS FRONTPAGE MAINLY , ASP , DREAMWEAVER COME

TO MAKE, ANOTHER A FEW PHOTOGRAPHS TREATMENT , DYNAMIC REALIZATION, HAVE

WIELDED PHOTOSHOP RESPECTIVELY AND HAVE COME COME TRUE FLASH OR FIREWORKS.

THE DATA BASE EXCEPT SOME, HAVING APPLIED IN FABRICATION LINKS UP TO

MANAGING BACKSTAGE , IS TO APPLY A DATA BASE TO REALIZE INFORMATION SUCH

AS REGISTERING , LOGGING ON COMING ACCESS MAINLY. MAIN CONTENT IS FRUIT

INTRODUCE THAT, FRUIT CLASSIFICATION , FRUIT PRICE , FRUIT ORDER, THE

FRUIT FORUM WAITS.

KEYWORDS: ASP , HANGZHOU FRUIT NET , DREAMWEAVER

第一章绪论

因特网（Internet）是全球信息资源的总汇，Internet以相互交流信息资源为目的，它是一个信息资源和资源共享的集合，基于网站的平台为用户提供所需信息。从目前的情况来看，Internet市场仍具有巨大的发展潜力，未来其应用将涵盖从办公室共享信息到市场营销、服务等广泛领域。

在互联网成为人们快速获取、发布和传递信息的重要渠道之际,水果网站的建设不仅能使人们了解水果，更能使人们更好的选择适合自己口味和有利于自己身体健康的水果，还能使人们更快更方便的买到自己喜欢的水果。

网络无处不在,政府对农业信息化的支持是一个机遇,如何把握?如何在网络上进行水果行业的推广营销?企业网站是开展网络营销的综合性工具，专业性的企业网站是网络营销效果得以保证的基础。基于该公司一直走的是老旧模式经济，所以我试着开发“杭州水果网站”系统，一为提高公司的经营效益，二为提高自身的专业能力。

1.1 开发背景

网站服务：在互联网蓬勃发展的今天，网络和我们的生活、工作越来越密不可分，网络正领导着一个新时代的来临。大浪淘沙，乘风而上，新一轮的企业竞争正以“信息化、网络化、国际化”形式激烈展开。企业建设有自身特色的网络平台并成功的加以推广是企业“网络化”的关键一步。所以为了达到预期的销售目的和发树立自己的品牌，建立一个信息化的网站是不可获缺的。

1.2 设计思想

通过网站的建立，全面的宣传，发布最新的资讯、产品展示、市场价格等，使顾客增加对公司的了解，增强顾客与公司之间的联系，在Internet网上，让顾客及时得到公司发布的重要信息，同时也帮助了公司完成部分事务，提高办事效率,给顾客与公司最方便的联系桥梁。

1.3 预期目的

(一)开发出别具一格的网站，提高网站的点击率，从而提高公司的知名度。

(二)对本公司产品进行展示，拓展公司产品的销售渠道。

(三)提供一个方便买卖的平台。

1.4 相关工具介绍

1.4.1 ASP

Microsoft Active Server Pages 即我们所称的ASP ，其实是一套微软开发的服务器端脚本环境，ASP 内含于IIS 3.0 和 4.0 之中, 通过ASP 我们可以结合HTML 网页、ASP 指令建立动态、交互且高效的WEB 服务器应用程序。有了ASP 你就不必担心客户的浏览器是否能运行你所编写的代码，因为所有的程序都将在服务器端执行，包括所有嵌在普通HTML 中的脚本程序。当程序执行完毕后，服务器仅将执行的结果返回给客户浏览器，这样也就减轻了客户端浏览器的负担，大大提高了交互的速度。

（一）ASP 功能：

●处理由浏览器传送到站点服务器的表单输入。

●访问和编辑服务器端的数据库表。使用浏览器即可输入、更新和删除站

点服务器的数据库中的数据。

●读写站点服务器的文件,实现访客计数器、座右铭等功能。

●提供广告轮播器、取得浏览器信息、URL表管理等内置功能。

●由cookies读写用户端的硬盘文件,以记录用户的数据。

●可以实现在多个主页间共享信息,以开发复杂的商务站点应用程序。

●使用VBScript或JScript等简易的脚本语言,结合HTML码,快速完成站

点的应用程序。通过站点服务器执行脚本语言,产生或更改在客户端执

行的脚本语言。

●扩充功能的能力强,可通过使用Visual Basic、Java、Visual C ++ 等多种程序语

言制作ActiveX Server Component以满足自己的特殊需要。

(二)ASP的特点:

●使用 VBScript 、 JScript 等简单易懂的脚本语言，结合 HTML 代码，

即可快速地完成网站的应用程序。

●无须 compile 编译，容易编写，可在服务器端直接执行。

●使用普通的文本编辑器，如 Windows 的记事本，即可进行编辑设计。

●与浏览器无关 (Browser Independence), 用户端只要使用可执行 HTML

码的浏览器，即可浏览 Active Server Pages 所设计的网页内容。

Active Server Pages 所使用的脚本语言 (VBScript 、 Jscript) 均

在 WEB 服务器端执行，用户端的浏览器不需要能够执行这些脚本语言。

●可使用服务器端的脚本来产生客户端的脚本。

●Active Server Pages 的源程序，不会被传到客户浏览器，因而可以避

免所写的源程序被他人剽窃，也提高了程序的安全性。

ASP 的奇妙之处真是不胜枚举的。

(三)ASP运行环境：

●Microsoft IS 4.0/5.0 on Windows NT Server

●Microsoft Peer Web Services Version 3.0 on Windows NT Workstation

●Microsoft Personal Web Server on Windows 98

1.4.2 Dreamweaver MX

可视化的网页设计和网站管理工具，支持最新的Web技术，包含HTML检查、HTML格式控制、HTML格式化选项、HomeSite/BBEdit捆绑、可视化网页设计、

图像编辑、全局查找替换、全FTP 功能、处理Flash和Shockwave等富媒体格

式和动态HTML、基于团队的Web创作。在编辑上你可以选择可视化方式或者你

喜欢的源码编辑方式。

1.4.3 Photoshop

Photoshop是世界顶尖级的图像设计与制作工具软件。图像处理是对已有的位图图像进行编辑加工处理以及运用一些特殊效果，其重点在于对图像的处理加工。在表现图像中的阴影和色彩的细微变化方面或者进行一些特殊效果处理时，使用位图形式是最佳的选择，它在这方面的优点是矢量图无法比拟的。Photoshop

可以随心所欲地把自己的想法实现时。

学习内容：Photoshop掌握绘画的基础理论，学习色彩原理和选取颜色、范围选取、工具与绘图、图像编辑、控制图像色彩和色调、使用图层、路径、通道和蒙板的应用、滤镜等。

1.4.4 Flash

Flash是一种交互式矢量多媒体技术，他的前身是Futureplash，早期网上流行的矢量动画插件。后来由于Macromedia公司收购了Future Splash以后便将其改名为 Flash2，到现在最新的flash4。现在网上已经有成千上万个Flash 站点，著名的如Macromedia专门ShockRave站点，全部采用了Shockwave Flash 和Director。可以说Flash已经渐渐成为交互式知量的标准，未来网页的一大主流。

Flash的功能特点，总结起来有如下特点：

●灵巧的绘图工具 Flash本身具有极其灵巧的图形绘制功能，更重要的是

他能导入专业级绘图工具。

●向量透明效果应用 Flash3可以创建透明的图形，并可以任意改变层次

间透明的不同效果，如透明度、倾斜度及透明的颜色等属性。

●具有动画效果的按钮和菜单 Flash采用精灵动画的方式，在Flash3中

可以随意创建按钮、多级弹出式菜单、复选框、以及复杂的交互式字谜

游戏。

●物体的变形和形状的渐变在Flash3中产生物体的变形和形状的渐变非

常容易，其发生完全由Flash自动生成，无须人为地在两个对象间插入

关键帧。

●声音插入 Flash3支持同步WAV (Windows) 和 AIFF(Macintosh)格式的

声音文件和声音的连接，你可以用同一个主声道中的一部分来产生丰

富的声音效果，而无须改变文件量的大小。

●自定义字体 Flash可以处理自定义的字体及其颜色、大小、字间距、行

间距、缩进等多种格式。在Flash创建的网页中，可以加入眼花缭乱的标题和动态的文本，而数据量非常小，比位图的下载速度还快。当然为了防止

客户端字体短缺，你也可以将特殊字体转换为位图图形。

第二章需求分析

通过对本系统进行需求分析可以看出，系统操作主要有两方面，一方面实现实际用户提供平台，使用户可以登录实现商品的买卖；另一方面还应该提供基本的后台管理功能，管理员登录系统后可以对系统中的各种数据进行操作。因此系统功能分为前台用户操作以后台管理，其主要功能如图2.1和图2.2所示。

图2-1系统结构图

图2-2 新闻结构图

2.1 操作分析

在需求分析中，管理员和用户都起着关键的，必不可少的作用。只有用户才了解自己的真正需求，但他们不知怎样用软件来实现他们的需求，而分析员又往往对用户的市场运作不是很了解，所以用户和分析员之间反复多次的交谈，讨论才能达成一致。

作为 C2C模式电子商务，必须突出供与求，并且需要为商家留出必要的广告位，同时为用户提供方便的登录搜索界面，而且售后服务的建设是必须的，于是留言本功能是一定要有的，同时，网站也需要提供行业新闻。而作为一个电子商务型网站，后台管理部分是重中之重，它需要为前台做强有力的支撑，保持网站的正常运行。本文实现的是一个电子市场网站，这就要求网站首先要实现基本的注册、登录、信息搜索、信息发布等功能，网站的主题为“水果销售”，因此在外观风格的设计上要力求与主题相符。

2.1.1 用户操作

用户可以进行的操作如下：

（一）用户注册

新用户首次访问本站，只能进行信息的浏览.必须注册。若想在线留言和订购则必须注册成为会员，才能有这项权利。

（二）用户登陆

若是注册用户再次访问本站，则可以直接通过之前的注册名及密码登录本站，成功后方可进行相关操作。

（三）密码修改

注册用户可在成功登录本站后，对自己注册时所填写的密码做修改，可以防止密码外泄，造成自身的损失。

（四）修改个人信息

注册用户可在成功登录本站后，对自己注册时所填写的个人资料进行调整，使其更加完善。

（五）查看商品

主要是用户查看本站的商品，包括其他用户的订单及信息反馈情况。

（六）发布信息

注册用户可在成功登录本站后，可在流言板上发表自己的意见及建议，达到互动的功能。

2.1.2 管理员操作

（一）添加商品信息

管理员通过正确的管理员名称和密码，成功进入“管理员登录首页”。在商品管理商品项目中，进行商品的添加，使前台的信息得到及时的更新。

（二）删除商品信息

管理员成功进入“管理员登录首页”后，可在后台商品管理项目中，对过期或下架商品进行删除。

（三）更改商品信息

管理员成功进入“管理员登录首页”后，可在后台商品管理项目中，对商品的价格，介绍等进行更改。

（四）查看商品信息

管理员成功进入“管理员登录首页”后，可在后台商品管理项目中，可查看商品的信息，如价格。

（五）查看用户

管理员成功进入“管理员登录首页”后，可在后台的注册用户表中，查看注册用户的信息，进行统一管理。

（六）修改用户

管理员成功进入“管理员登录首页”后，可在后台的注册用户表中，修改注册用户的信息，方便管理。

（七）删除留言

管理员成功进入“管理员登录首页”后，可在后台的留言信息中，对注册用户无用的留言进行删除。

（八）查看留言

管理员成功进入“管理员登录首页”后，可在后台的留言信息中，对注册用

户的留言进行查看。

（九）修改密码

管理员成功进入“管理员登录首页”后，可在后台的管理员信息栏中修改密码。

2.2 数据分析

数据流图是结构化系统分析的主要工具，它能图形化地显示出系统中数据的使用，表达数据在系统内部的逻辑流向以及本系统的逻辑功能和数据的逻辑变换。以下是本系统内交易的数据流图如图2-3所示。

图2-3 数据流图

第三章系统设计

3.1 数据库设计

ACCESS是一种桌面数据库，适合用在数据量不大的网站中，在处理少量数据和单机访问时是非常实用的，效率很高。对于杭州水果公司网站是一个介绍展示公司的网站，所以不会有海量的资料数据，日常只需要添加新闻，公司基本信息，订单管理，所以本网站将采用ACCESS数据库。

3.1.1 E-R图设计

由于各数据库的实体之间的关系比较简单，直接用实体关系图表示就一目了然。各实体的E-R图分别由图3-1、图3-2、图3-3所示。

图3-1 管理员实体E-R图

图3-2 新闻实体E-R图

图3-3 订单实体E-R图

3.1.2 表结构设计

数据库的概念结构设计完毕后现在可以将上面的数据库概念结构转化为某种数据库系统所支持的实际数据模型，也就是数据库的逻辑结构。

这里所使用的是Access数据库，销售系统数据库中的各个表的设计结果在下面的一系列表格中给出，每个表格表示在数据库中的一个表。根据E-R图，可以对后台管理员表、公司简介表、新闻动态表进行设计，如表3-1、表3-2、表3-3所示。

表3.1 admin后台管理员表

表3-2 news 新闻动态表

表3-3 Huodong 在线订单表

3.2 流程设计

3.2.1 总体流程设计

系统流程分为客户端流程、管理端流程，分别为如图3-4和图3-5所示。

图3-4 客户端流程图

图3-5 管理端流程图

3.2.2 详细流程设计

(一)普通用户进入网站活动流图如图3-6所示。

图3-6 普通用户活动流图

(二)会员进入网站活动流图如图3-7所示。

图3-7 会员用户活动流图

(三)后台管理部分，管理员进入网站活动流图如图3-8 所示。

图3-8 管理员活动流图

3.3 页面框架设计

（一）前台首页框架设计

如图3-9所示。

图3-9 前台首页框架图

（二）后台首页框架设计

如图3-10所示。

图3-10 后台首页框架图

（三）其它重要页面设计

注册登录页面

用户登录网站时需填写用户名和密码，这是顾客第一次进入网站时注册所得