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

1、毕 业 论 文 杭州水果公司网站的设计与实现 目 录 摘 要.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、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 致 谢.32 摘摘 要要 本文讲解了一个水果网站的设计与开发思路，它是依据时间的差别的水果 网页及动态

3、发展做成，在网页方面，全面考虑了页面色彩、页面的构架，充分 的利用了图片、文字、图层、表格等元素。网站内容明确，层次清楚，达到了 预期的功能。 杭州水果网站主要运用 frontpage、asp、dreamweaver 来制作的，另外一 些图片的处理，动态的实现，分别运用了 photoshop 和 flash 或 fireworks 来 实现。除些之外，制作中还运用了数据库连接到管理后台，主要是运用数据库 access 来实现注册，登录等信息。主要内容是水果介绍、水果分类、水果价格、 水果定购、水果论坛等。 关键词关键词:asp、杭州水果网、dreamweaver abstractabstrac

4、t 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

5、 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 ma

6、ke, 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

7、, logging on coming access mainly. main content is fruit introduce that, fruit classification , fruit price , fruit order, the fruit forum waits. keywords:keywords: asp , hangzhou fruit net , dreamweaver 第一章第一章 绪绪 论论 因特网（internet）是全球信息资源的总汇，internet 以相互交流信息资源 为目的，它是一个信息资源和资源共享的集合，基于网站的平台为用户提供所 需信息。从

8、目前的情况来看，internet 市场仍具有巨大的发展潜力，未来其应 用将涵盖从办公室共享信息到市场营销、服务等广泛领域。 在互联网成为人们快速获取、发布和传递信息的重要渠道之际,水果网站的 建设不仅能使人们了解水果，更能使人们更好的选择适合自己口味和有利于自 己身体健康的水果，还能使人们更快更方便的买到自己喜欢的水果。 网络无处不在,政府对农业信息化的支持是一个机遇,如何把握?如何在网络 上进行水果行业的推广营销?企业网站是开展网络营销的综合性工具，专业性的 企业网站是网络营销效果得以保证的基础。基于该公司一直走的是老旧模式经 济，所以我试着开发“杭州水果网站”系统，一为提高公司的经营效益，

9、二为 提高自身的专业能力。 1.11.1 开发背景开发背景 网站服务：在互联网蓬勃发展的今天，网络和我们的生活、工作越来越密 不可分，网络正领导着一个新时代的来临。大浪淘沙，乘风而上，新一轮的企 业竞争正以“信息化、网络化、国际化”形式激烈展开。企业建设有自身特色的 网络平台并成功的加以推广是企业“网络化”的关键一步。所以为了达到预期的 销售目的和发树立自己的品牌，建立一个信息化的网站是不可获缺的。 1.21.2 设计思想设计思想 通过网站的建立，全面的宣传，发布最新的资讯、产品展示、市场价格等， 使顾客增加对公司的了解，增强顾客与公司之间的联系，在 internet 网上，让 顾客及时得到公

10、司发布的重要信息，同时也帮助了公司完成部分事务，提高办 事效率,给顾客与公司最方便的联系桥梁。 1.31.3 预期目的预期目的 (一)开发出别具一格的网站，提高网站的点击率，从而提高公司的知名度。 (二)对本公司产品进行展示，拓展公司产品的销售渠道。 (三)提供一个方便买卖的平台。 1.41.4 相关工相关工具介绍具介绍 .1 aspasp microsoft active server pages 即我们所称的 asp ，其实是一套微软开发 的服务器端脚本环境， asp 内含于 iis 3.0 和 4.0 之中 , 通过 asp 我们可 以结合 html 网页、 asp 指令

11、建立动态、交互且高效的 web 服务器应用 程序。有了 asp 你就不必担心客户的浏览器是否能运行你所编写的代码，因 为所有的程序都将在服务器端执行，包括所有嵌在普通 html 中的脚本程序。 当程序执行完毕后，服务器仅将执行的结果返回给客户浏览器，这样也就减轻 了客户端浏览器的负担，大大提高了交互的速度。 （一）asp 功能： 处理由浏览器传送到站点服务器的表单输入。 访问和编辑服务器端的数据库表。使用浏览器即可输入、更新和删除 站点服务器的数据库中的数据。 读写站点服务器的文件,实现访客计数器、座右铭等功能。 提供广告轮播器、取得浏览器信息、url 表管理等内置功能。 由 cookies

12、读写用户端的硬盘文件,以记录用户的数据。 可以实现在多个主页间共享信息,以开发复杂的商务站点应用程序。 使用 vbscript 或 jscript 等简易的脚本语言,结合 html 码,快速完成 站点的应用程序。通过站点服务器执行脚本语言,产生或更改在客户端 执行的脚本语言。 扩充功能的能力强,可通过使用 visual basic、java、visual c + 等多种程序 语言制作 activex server component 以满足自己的特殊需要。 (二)asp 的特点: 使用 vbscript 、 jscript 等简单易懂的脚本语言，结合 html 代码， 即可快速地完成网站的应用

13、程序。 无须 compile 编译，容易编写，可在服务器端直接执行。 使用普通的文本编辑器，如 windows 的记事本，即可进行编辑设计。 与浏览器无关 (browser independence), 用户端只要使用可执行 html 码的浏览器，即可浏览 active server pages 所设计的网页内 容。 active server pages 所使用的脚本语言 (vbscript 、 jscript) 均在 web 服务器端执行，用户端的浏览器不需要能够执行 这些脚本语言。 可使用服务器端的脚本来产生客户端的脚本。 active server pages 的源程序，不会被传到客户

14、浏览器，因而可以 避免所写的源程序被他人剽窃，也提高了程序的安全性。 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 .2 dreamweaverdreamweaver mxmx 可视化的网页设计和网站管理工具，支持最新的 web 技术，包含 html 检查、 ht

15、ml 格式控制、html 格式化选项、homesite/bbedit 捆绑、可视化网页设计、 图像编辑、全局查找替换、全 ftp 功能、处理 flash 和 shockwave 等富媒体格 式和动态 html、基于团队的 web 创作。在编辑上你可以选择可视化方式或者你 喜欢的源码编辑方式。 .3 photoshopphotoshop photoshop 是世界顶尖级的图像设计与制作工具软件。图像处理是对已有 的位图图像进行编辑加工处理以及运用一些特殊效果，其重点在于对图像的处 理加工。在表现图像中的阴影和色彩的细微变化方面或者进行一些特殊效果处 理时，使用位图形式是最佳的选择

16、，它在这方面的优点是矢量图无法比拟的。 photoshop 可以随心所欲地把自己的想法实现时。 学习内容：photoshop 掌握绘画的基础理论，学习色彩原理和选取颜色、 范围选取、工具与绘图、图像编辑、控制图像色彩和色调、使用图层、路径、 通道和蒙板的应用、滤镜等。 .4 flashflash flash 是一种交互式矢量多媒体技术，他的前身是 futureplash，早期网上 流行的矢量动画插件。后来由于 macromedia 公司收购了 future splash 以后便 将其改名为 flash2，到现在最新的 flash4。现在网上已经有成千上万个 flash 站点，著

17、名的如 macromedia 专门 shockrave 站点，全部采用了 shockwave flash 和 director。可以说 flash 已经渐渐成为交互式知量的标准，未来网页 的一大主流。 flash 的功能特点，总结起来有如下特点： 灵巧的绘图工具 flash 本身具有极其灵巧的图形绘制功能，更重要的 是他能导入专业级绘图工具。 向量透明效果应用 flash3 可以创建透明的图形，并可以任意改变层次 间透明的不同效果，如透明度、倾斜度及透明的颜色等属性。 具有动画效果的按钮和菜单 flash 采用精灵动画的方式，在 flash3 中 可以随意创建按钮、多级弹出式菜单、复选框、以及

18、复杂的交互式字 谜 游戏。 物体的变形和形状的渐变 在 flash3 中产生物体的变形和形状的渐变 非常容易，其发生完全由 flash 自动生成，无须人为地在两个对象间 插入关键帧。 声音插入 flash3 支持同步 wav (windows) 和 aiff(macintosh)格式 的声音文件和声音的连接，你可以用同一个主声道中的一部分来产 生 丰富的声音效果，而无须改变文件量的大小。 自定义字体 flash 可以处理自定义的字体及其颜色、大小、字间距、 行间距 、缩进等多种格式。在 flash 创建的网页中，可以加入眼花缭乱的 标题和动态的文本，而数据量非常小，比位图的下载速度还快。当然为

19、了 防止客户端字体短缺，你也可以将特殊字体转换为位图图形。 第二章第二章 需求分析需求分析 通过对本系统进行需求分析可以看出，系统操作主要有两方面，一方面实 现实际用户提供平台，使用户可以登录实现商品的买卖；另一方面还应该提供 基本的后台管理功能，管理员登录系统后可以对系统中的各种数据进行操作。 因此系统功能分为前台用户操作以后台管理，其主要功能如图 2.1 和图 2.2 所 示。 、 、 、 、 、 、 、 、 、 、 、 、 、 、 、 、 、 、 、 、 、 、 、 、 、 、 、 、 图 2-1 系统结构图 、 、 、 、 、 、 、 、 、 、 、 、 、 、 、 、 、 、 、 、

20、 图 2-2 新闻结构图 2.12.1 操作分析操作分析 在需求分析中，管理员和用户都起着关键的，必不可少的作用。只有用户 才了解自己的真正需求，但他们不知怎样用软件来实现他们的需求，而分析员 又往往对用户的市场运作不是很了解，所以用户和分析员之间反复多次的交谈， 讨论才能达成一致。 作为 c2c 模式电子商务，必须突出供与求，并且需要为商家留出必要的广 告位，同时为用户提供方便的登录搜索界面，而且售后服务的建设是必须的， 于是留言本功能是一定要有的，同时，网站也需要提供行业新闻。而作为一个 电子商务型网站，后台管理部分是重中之重，它需要为前台做强有力的支撑， 保持网站的正常运行。本文实现的是

21、一个电子市场网站，这就要求网站首先要 实现基本的注册、登录、信息搜索、信息发布等功能，网站的主题为“水果销 售” ，因此在外观风格的设计上要力求与主题相符。 .1 用户操作用户操作 用户可以进行的操作如下： （一）用户注册 新用户首次访问本站，只能进行信息的浏览.必须注册。若想在线留言和订 购则必须注册成为会员，才能有这项权利。 （二）用户登陆 若是注册用户再次访问本站，则可以直接通过之前的注册名及密码登录本 站，成功后方可进行相关操作。 （三）密码修改 注册用户可在成功登录本站后，对自己注册时所填写的密码做修改， 可以防止密码外泄，造成自身的损失。 （四）修改个人信息 注册用

22、户可在成功登录本站后，对自己注册时所填写的个人资料进行调整， 使其更加完善。 （五）查看商品 主要是用户查看本站的商品，包括其他用户的订单及信息反馈情况。 （六）发布信息 注册用户可在成功登录本站后，可在流言板上发表自己的意见及建议，达 到互动的功能。 .2 管理员操作管理员操作 （一）添加商品信息 管理员通过正确的管理员名称和密码，成功进入“管理员登录首页” 。在商 品管理商品项目中，进行商品的添加，使前台的信息得到及时的更新。 （二）删除商品信息 管理员成功进入“管理员登录首页”后，可在后台商品管理项目中，对过 期或下架商品进行删除。 （三）更改商品信息 管理员成功进入“管

23、理员登录首页”后，可在后台商品管理项目中，对商 品的价格，介绍等进行更改。 （四）查看商品信息 管理员成功进入“管理员登录首页”后，可在后台商品管理项目中，可查 看商品的信息，如价格。 （五）查看用户 管理员成功进入“管理员登录首页”后，可在后台的注册用户表中，查看 注册用户的信息，进行统一管理。 （六）修改用户 管理员成功进入“管理员登录首页”后，可在后台的注册用户表中，修改 注册用户的信息，方便管理。 （七）删除留言 管理员成功进入“管理员登录首页”后，可在后台的留言信息中，对注册 用户无用的留言进行删除。 （八）查看留言 管理员成功进入“管理员登录首页”后，可在后台的留言信息中，对注册

24、用户的留言进行查看。 （九）修改密码 管理员成功进入“管理员登录首页”后，可在后台的管理员信息栏中修改 密码。 2.22.2 数据分析数据分析 数据流图是结构化系统分析的主要工具，它能图形化地显示出系统中数 据的使用，表达数据在系统内部的逻辑流向以及本系统的逻辑功能和数据的逻 辑变换。以下是本系统内交易的数据流图如图 2-3 所示。 图 2-3 数据流图 第三章第三章 系统设计系统设计 3.13.1 数据库设计数据库设计 access 是一种桌面数据库，适合用在数据量不大的网站中，在处理少量数 据和单机访问时是非常实用的，效率很高。对于杭州水果公司网站是一个介绍 展示公司的网站，所以不会有海量

25、的资料数据，日常只需要添加新闻，公司基 本信息，订单管理，所以本网站将采用 access 数据库。 .1 e-re-r 图设计图设计 由于各数据库的实体之间的关系比较简单，直接用实体关系图表示就一目 了然。各实体的 e-r 图分别由图 3-1、图 3-2、图 3-3 所示。 、 、 、 、 、 、 、 、 、 、 、 、 、 图 3-1 管理员实体 e-r 图 、 、 、 、 、 、 、 、 、 、 、 、 、 、 图 3-2 新闻实体 e-r 图 、 、 、 、 、 、 、 、 、 、 、 、 、 、 、 、 、 、 、 、 、 、 图 3-3 订单实体 e-r 图 3.1.

26、23.1.2 表结构设计表结构设计 数据库的概念结构设计完毕后现在可以将上面的数据库概念结构转化为某 种数据库系统所支持的实际数据模型，也就是数据库的逻辑结构。 这里所使用的是 access 数据库，销售系统数据库中的各个表的设计结果在 下面的一系列表格中给出，每个表格表示在数据库中的一个表。根据 e-r 图， 可以对后台管理员表、公司简介表、新闻动态表进行设计，如表 3-1、表 3-2、 表 3-3 所示。 表 3.1 admin 后台管理员表 字段名数据类型长度注释 admin_id 自动编号 id admin_name 文 本 50 管理员姓名 admin_pass 文 本 50 管理员

27、密码 表 3-2 news 新闻动态表 字段名数据类型长度注释 id 自动编号编 号 title 文 本 50 新闻主体 demo 备 注新闻内容 time 日期/日期上传时间 表 3-3 huodong 在线订单表 字段名数据类型长度注释 id 自动编号编 号 title 文 本 50 标题 content1 备 注来自 time 日期/日期上传时间 3.23.2 流程设计流程设计 .1 总体流程设计总体流程设计 系统流程分为客户端流程、管理端流程，分别为如图 3-4 和图 3-5 所示。 、 、 、 、 、 、 、 、 、 、 、 、 、 、 、 、 图 3-4 客户端流程

28、图 、 、 、 、 、 、 、 、 、 、 、 、 、 、 、 、 、 、 、 、 、 、 、 、 、 、 、 、 、 、 、 、 、 、 、 图 3-5 管理端流程图 .2 详细流程设计详细流程设计 (一)普通用户进入网站活动流图如图 3-6 所示。 、 、 、 、 、 、 、 、 、 、 、 、 、 、 图 3-6 普通用户活动流图 (二)会员进入网站活动流图如图3-7 所示。 、 、 、 、 、 、 、 、 、 、 、 、 、 、 、 、 图 3-7 会员用户活动流图 (三)后台管理部分，管理员进入网站活动流图如图 3-8 所示。 、 、 、 、 、 、 、 、 、 、

29、、 、 、 、 、 、 、 、 、 、 、 、 、 、 、 、 图 3-8 管理员活动流图 3.33.3 页面框架设计页面框架设计 （一）前台首页框架设计 如图 3-9 所示。 、 、 、 、 、 、 、 、 、 、 、 、 图 3-9 前台首页框架图 （二）后台首页框架设计 如图 3-10 所示。 、 、 、 、 、 、 、 、 、 、 、 、 、 、 图 3-10 后台首页框架图 （三）其它重要页面设计 注册登录页面 用户登录网站时需填写用户名和密码，这是顾客第一次进入网站时注册所 得的用户名和密码，我们将负责把顾客的登录信息填入数据库以备顾客再次登 录。如果顾客第一次来到，就必须先进入注

30、册界面，填写用户名、密码、联系 电话等信息，提交成功后即可激活一个用户名和密码。 建议留言 通过主页的留言板链接，进入顾客留言板，在这里顾客可以发表对商品的 意见及建议，也可以浏览其他人的留言，管理员有浏览及删除留言的权限。 新闻网页 显示该行业内的新闻。 第四章第四章 系统实现系统实现 4.14.1 数据库连接数据库连接 ado. .net 提供所有 oledb 兼容数据源一个共同的接口，连接、取回、处理 及更新数据库数据方便，数据源可以包括使用数据仓库、数据库、文本文件、 xml 数据等。ado.net 用“无连接传输模式”访问数据源(使用 xml 为核心之故)。 无连接模式是指当用户要求

31、访问数据源时,无须经过冗长的连接操作,而且通过 ado.net 添加的 dataset（数据集）对象，每个用户都拥有专属的 dataset（数 据集）对象，因此，用户就不需要争夺数据源。 数据库连接代码如下： 4.24.2 主要模块的实现主要模块的实现 .1 登录模块的实现登录模块的实现. 登陆模块实现的功能如图（截图） ，主要是当前用户信息放入 session 中， 登陆成功后给出欢迎信息，代码如下： set rs=server.createobject(adodb.recordset) set rs1=server.createobject(adodb.recordset)

32、 conn=dbq=+server.mappath(mydb.mdb)+ ;defaultdir=;driver=microsoft access driver (*.mdb); sql=select * from user where username= 4.2.3 在线订单模块的实现在线订单模块的实现 作者:a href=mailto: 时间: 来自: a href= target=_blankimg src=image/homepage.gif width=18 height=18 align=absmiddle border=0 alt=访问 的个人主页 a href=reply.as

33、p?id= target=_parent a href=del.asp?id= target=_parent % if rec(msg_reply) then response.write 版主回复： response.write changechr(rec(msg_reply) % 第一页 a href=index.asp?page= target=_parent class=back2最后一页转到 页 名字 4.24.2 网站的实现网站的实现 .1 首页页面首页页面 主界面的整体颜色搭配采用了蓝白色，风格以简洁紧凑，文字和图片集中， 首页用了一张很简单的页面，菜单、背景用

34、photoshop 做的，主页包括 “公司简介” ， “新闻动态” ， “产品展示” ， “联系方式” ， “管理员登录”这五个 模块，简单明了的概括了公司的主要内容，让客户进来一目了然，如图 4-1 所 示。 图 4-1 公司首页页面 .2 产品展示页面产品展示页面 产品展示通过简单的表格布局，向客户展示最新的时令水果，图片真实、 清晰，给客户留下深刻的印象及订购的欲望。产品展示里面放了“产品名称” ， “价格” ， “说明”等，如图：4-2 所示。 图 4-2 公司产品展示页面 .3 在线订单页面在线订单页面 在线定单：客户可通过在线订单平台，进行信息的反馈及水果的订购。如 图：4-3 所示。 图 4-3 公司订购页面 .4 登录界面登录界面 因为维护系统的安全性，管理员登陆必需由正确的帐号和密码，否则就不 能登陆，并将提示出错原因，如图 4-4 所示。 图 4-4 后台管理登入界面 .5 后台展示页面后台展示页面 后台页面主要是管理员进行登陆后可以对后台页面进行管理，对网站的新 闻资讯信息进行相应的添加、修改和删除；对客户留言进行查看，并可以回复 和删除其留言，如图 4-5 所示。 图 4-5 后台管理首页界面 第五章第五章 总结总结与展望与展望 此次毕业设计对本人来说是一个较大的考验，从最初的主题选择，到