网上花店网页设计

网上花店网页设计
摘要
随着因特网技术的迅速发展，各种各样的网站已经深入到日常生活的各个角落，越来越多的公司都建立了自己的网站，电子商务大行其道，个人网站也如雨后春笋般的发展起来。

因特网的发展状况可以用日新月异来形容，通过电子商务来完善对商品的采购就给人们的生活带来了很多方便。

它节省了物流消耗和一般商务对时间和地点的依赖。

在这种形式之下，购买鲜花的人越来越多，也越来越广，全国各地都有购买者。

这么大的一个市场，只是利用实物店铺是远远不够的，虽只能满足本地消费者的需求，但却不能面向远处的消费者需求。

为了迎合市场的需求，为了开拓市场提高自身在同行中的竞争能力，开发一个网上鲜花销售系统也是很有必要的。

本网上花店系统，主要实现的功能是：实现用户在线注册功能、登录功能、查询功能、购物车功能、定单等。

在后台能实现管理员的登录、管理员对商品的分类发布、商品的管理、用户信息的管理、订单管理、管理员管理等。

真正实现从商品的发布到商品的购买一系列的网上销售鲜花的功能。

本系统基于Internet的互联网网络，以B/S形式实现的。

本系统是采用ASP技术，以ACCESS作为数据库，使用Dream wear MX 作开发平台，利用网络来实现网上销售鲜花的功能性网站。

具有最大的优点是，界面优美，可视性强，设计成本投入性小，利润见效快，系统安全性好，系统维护与管理方便快捷，目标明确，可操作性强等特点。

网上鲜花销售管理系统主要以实现在线销售鲜花为主。

全部的设计这以此为核心来展开。

从商品发布，到商品的销售；从用户的注册，到商品的购买等等都是围绕销售而展开的，以达到网上鲜花销售的方便与快捷。

关键词：网上鲜花销售，订单，在线注册，购物车
Web design of flowers shop online
Abstract
The modern age is the knowledge time, also is the competitive time, the survival of the fittest. In order to strengthen own knowledge and the technical level, we on unceasing buy the flower "the charge”, enriches oneself state-of-art. Under this kind of form, more and more people purchase flowers, also is more and more broad, each place all has the buyer. As a big market, only is the use in kind shop is by far insufficient, although only can meet the local reader’s need, but actually cannot face the distant place the reader demand. In order to cater to the market the demand, in order to develop the market to enhance oneself in colleague's competitive ability, develops an on-line flowers sales system also has the necessity very much.
This on-line flowerstore system, the main realization function is: Realization user on-line registration function; Registers the function; Inquiry function; Shopping vehicle function; Order form and so on. Can realize manager's registering in the backstage; Manager to commodity classified issue; Commodity management; User information management; Order form management; Manager management and so on. True realization from commodity issue to commodity purchase a series of on-line sales flowers function.
This system based on Internet network, by B/S form realization. This system uses the ASP technology, to ACCESS takes the database, uses Dream wear MX to do develop the platform, and realizes the on-line sales flowers function website using the network. Has the biggest merit is, contact surface exquisite, invisibility strong, design cost investment small, profit effective quick, system security good, system maintenance and management convenience quick, the goal is clear about, but operational is strong and so
on the characteristic.
The on-line flowers sale management system management system mainly realizes the on-line sales flowers primarily. Complete design this launches take this as the core. Issued from the commodity, to commodity sale; From user's registration, and so on all is revolves to the commodity purchase, achieves the on-line flowers sale which the sale launches the convenience and quickly.
Keywords：On-line flowers sale, Order form, On-line registration, Shopping cart
目录
1 绪论 (1)
1.1网上花店系统的设计背景 (2)
1.2网上花店系统开发工具简介 (2)
1.2.1 ASP程序设计语言特点介绍 (3)
1.2.2 Access数据库及其特点简介 (3)
1.2.3 Dreamweaver开发工具及其特点介绍 (4)
2 需求分析与总体设计 (6)
2.1需求分析的基本任务 (6)
2.2网上花店系统需求分析 (6)
2.2.1 系统业务流程分析 (6)
2.2.2 数据流程分析 (8)
2.2.3 数据字典 (9)
2.3系统总体设计 (12)
2.4网上花店系统的总体结构设计 (13)
2.5系统开发工具 (15)
3 系统网络数据库的建立 (16)
3.1系统数据源的设置 (16)
3.2表、关系模型和数据库的概述 (17)
3.3范式与建立表格的规范化 (18)
3.4系统数据库的详细建立 (19)
3.4.1 用户信息数据表（RegUser） (19)
3.4.2 管理员信息表（Manage_User） (19)
3.4.3 商品大类表（Class_1） (20)
3.4.4 商品小类表（Class_2） (20)
3.4.5 商品表（Product） (20)
3.4.6 购物车表（Shop List） (21)
3.4.7 订单表（Order List） (21)
4 主要功能详细设计 (22)
4.1客户端主要功能的实现 (22)
4.1.1 主页面设计 (22)
4.1.2 购物车功能的实现 (22)
4.1.3 会员注册功能的实现 (26)
4.1.4 商品查询功能的实现 (29)
4.1.5 订单查询功能的实现 (30)
4.2后台管理主要功能实现 (31)
4.2.1 商品添加功能的实现 (32)
4.2.2 商品审查功能的实现 (39)
4.2.3 订单审查功能的实现 (42)
4.2.4 会员审查功能的实现 (44)
4.2.5 管理员添加功能的实现 (45)
4.2.6 管理员审查功能的实现 (46)
5 系统的配置安装与测试 (48)
5.1后台服务器和数据库配置 (48)
5.1.1 后台服务器配置 (48)
5.1.2创建ASP应用程序 (48)
5.1.3 后台数据库的配置 (49)
5.2系统的测试 (50)
5.2.1 软件测试的目标 (51)
5.2.2 系统的具体测试 (51)
结论 (52)
参考文献 (53)
致谢 (54)
1 绪论
在Web的空间里，几十万乃至几百万的站点相互进行着激烈的竞争，都想获取用户的主意。

因此，简单的、静态的页面对用户是不会有太大的吸引力。

动态的、有条理的数据加上交互性强的界面，才是用户乐意访问的。

当然数据的自动更新也是非常重要的。

在短短的时间里，Web面孔已发生很大的变化。

现在能在Web页面内创建应用程序、访问数据库，使其无论在感觉、动作以及用途上都与Windows应用程序非常类似。

现在商家们所需要的不仅只是一个单纯的宣传媒体，而是一个交互性很强的应用平台。

利用它，商家们可以与潜在的客户、目前的客户、员工以及我们之间的任何一个人沟通，并实施一些在线的服务的商业活动（例如：网上购物、网上订单）。

随着因特网技术的迅速发展，各种各样的网站已经深入到日常生活的各个角落，越来越多的公司都建立了自己的网站，电子商务大行其道，个人网站也如雨后春笋般的发展起来。

因特网的发展状况可以用日新月异来形容，通过电子商务来完善对商品的采购就给人们的生活带来了很多方便。

它节省了物流消耗和一般商务对时间和地点的依赖。

如今主流的网络编程技术很多，在比较下简单易学，比较常用的就是asp技术，而其关键就是网络数据库技术的配合，服务器技术的进步，都对整个电子商贸的发展奠定了基础。

其实说的简单一点，电子商务就是以web网络技术与数据库技术为支撑的，其中web数据库技术是电子商务的核心技术，用户通过web访问数据库，可以实现网络环境下的大量信息共享，联系各个异构数据库，使得数据库之间能够通过主动式的超文本链接，实现相互连接，使得交叉使用的时局可以被很容易的检索到。

同时，随着电子商务的普及，带动了网络经济的发展，在internet上发布业务和商品数据，已经成了大势所趋，可以这么说，web开发和数据库的结合才能真正发挥internet的优势。

而电子商务是很切近生活，它有了自身的针对性，服务对象是特定的。

作为一种商务活动过程，电子商务将带来一场史无前例的革命。

其对社会经济的影响会远远超过商务的本身，除了上述影响外，他还将对就业、法律制度以及文化教育等产业产生巨大的影响。

电子商务将把人类带入信息社会。

1.1网上花店系统的设计背景
在Web的空间里，几十万乃至几百万的站点相互进行着激烈的竞争，都想获取用户的主意。

因此，简单的、静态的页面对用户是不会有太大的吸引力。

动态的、有条理的数据加上交互性强的界面，才是用户乐意访问的。

当然数据的自动更新也是非常重要的。

在短短的时间里，Web面孔已发生很大的变化。

现在能在Web页面内创建应用程序、访问数据库，使其无论在感觉、动作以及用途上都与Windows应用程序非常类似。

现在商家们所需要的不仅只是一个单纯的宣传媒体，而是一个交互性很强的应用平台。

利用它，商家们可以与潜在的客户、目前的客户、员工以及我们之间的任何一个人沟通，并实施一些在线的服务的商业活动（例如：网上购物、网上订单）。

为了占领Internet这块诱人的市场，各个公司和厂家都拿出自己的解决方案。

IBM推出了Visual Age for Java和Net. Data.前者是一个集成开发环境，用于调试Java小程序、JavaBeans或应用程序；而后者是专门为非编程人员设计，它可以按用户的要求生成动态Web页面，他们都可以用开发工具PowerBuilder6.0的版本中加入Web特性，使用户可以在浏览其中直接访问“Data Window”等其著名的控件，并且可以使用它开发Web应用。

所有的商家都想在这里占领一席之地。

1.2网上花店系统开发工具简介
网上花店系统中，管理员功能系统是整个网上花店系统的管理中心，其主要作用就是，管理鲜花买入和卖出，管理会员基本信息，推荐鲜花等，完成整个系统后台的操作。

会员功能系统是整个网上花店系统的使用中心，其主要作用就是，鲜花分类浏览、推荐鲜花展台、鲜花消息信息展台、销售排行榜、鲜花查询、订单查询、鲜花购物车等，在很大程度上方便了用户使用和购买。

开发人员在经过实际的市场调研和分析后，结合当今网上流行的销售系统，特此开发此网上花店系统。

开发工具的选择对于一个系统来说也是很重要的一个部分。

本系统前台采用了Dream weave、FrontPage和Photoshop，利用Dream weave和FrontPage各自的便利性开发前台网页，利用Photoshop处理图片增加整个网站的美观性。

系统后台采用了Access，通过Access来建立数据库，并且为了加快数据查询，在Access中建立了系统所需要的查询这样在很大程度上提高了网络系统的快速查询和列表。

1.2.1ASP程序设计语言特点介绍
ASP(Active Server Page)实际上是标准的HTML文件拓展了一些附加特征，ASP 标准的HTML文件一样包含HTML对象并且在一个浏览器上解释并显示。

ASP本身就是来源于相当数量的标准服务器端的ActiveX元素，这些组建用于完成诸如根据浏览器能力进行不同显示以及在浏览器内包含计数器或其他统计项的工作。

ASP可以和诸如SQL Sever、Microsoft Access这样的数据进行挂接。

利用一些特别的对象集合，Active Data Object(ADO),就可以在ASP中使用SQL语言。

VBScript是ASP的主要脚本语言，也是本系统所采用的主要脚本语言。

独有的特色如下：
使用VBScript，JavaScript等简单易学的脚本语言结合HTML代码，即可快速的完成网站的应用程序。

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

ASP能与任何ActiveX语言相容，除了可使用VBScript，JavaScript等语言设计外，通过plug-in的方式，还可以使用第三方所提供的其他脚本语言。

ASP的源程序不会被传到客户浏览器，从而避免了缩写的源程序被他人剽窃，提高了程序的安全性。

具有无限可扩充性，可以使用Visual Basic, Java, Visual C++和COBOL等编程语言来编写所需要的服务器控件。

微软公司开发的ASP的过人之处是，它的运行速度比CGI快，而且它为使用HTML，脚本和ActiveX服务器组件构件Web应用程序提供了一个框架。

可以通过将脚本嵌入HTML页来创建ASP文档。

当用户请求得到一个ASP时，服务器便执行嵌入在页内的脚本，而且将脚本的输出作为HTML的组成部分也包括在内，从而任何浏览器都可以浏览这个页。

ASP能够实现 CGI的所有功能，并且ASP比CGI有更快的执行速度。

ASP能通过DLL组件，将它的功能无限扩展，这是目前任何一种其他网络语言所无法拥有的。

1.2.2Access数据库及其特点简介
在Access数据库中，任何有一个有名称的事物都可以成为一个对象。

通常，一个Access数据库包括表、查询、窗体、报表、宏、模块和几种对象以供用户收集、储存和操作不同的信息。

每一个对象都不是对立的，而只是作为Access数据库的一部分存在，数据库则是这些对象的集合。

下面对数据库操作的一些概念进行
介绍。

（1）表，表是数据库中储存数据的最基本的对象，常称为“基表”，是构成数据库的一个重要组成部分。

Access中的表示二维表，每个表都有键（关键字可以为一个字段或多个字段）。

以使表中的纪录唯一（记录不能重复，它与实体一一对应）。

在Access 2002中，一个标有设计视图和数据表视图两种视图方式。

（2）查询,查询是Access数据库的主要组件之一，而查询功能也是Access数据库软件中最强的一项功能。

Access用户可利用查询工具，通过指定特殊字段、定义字段的顺序、建立计算表达式并输入条件以及定义每个字段的筛选条件等来选择想要得查询的纪录，对存储在Access表中的有关信息进行提问。

还可以使用查询作为窗体、报表和记录源。

（3）窗体,窗体是Access中用户和应用程序之间的主要界面，用户对数据库的如何操作都可以通过窗体来完成。

通过创建数据输入窗体可以向表中输入数据：创建切换面板，用来打开其他窗体或报表；创建自定义对话框，控制数据的输出、现实或执行某项操作，窗体中大部分信息来自基表或查询。

（4）报表,报表是以打印的表格表现用户数据的一种有效的方式。

在Access 中，有关报表的打印工作都是通过报表对象实现的，他负责报表的设计，实现报表的打印。

用户可以在报表设计视图窗口中控制每个对象的大小和现实方式，对报表对象的各项内容进行设计和修改，按照用户所需的方式完成打印工作。

1.2.3 Dreamweaver开发工具及其特点介绍
Dreamweaver是建立 Web 站点和应用程序的专业工具。

它将可视布局工具、应用程序开发功能和代码编辑支持组合为一个功能强大的工具，使每个级别的开发人员和设计人员都可利用它快速创建界面吸引人并且基于标准的站点和应用程序。

从对基于 CSS 的设计提供领先的支持到手动编码功能，Dreamweaver 在一个集成和高效的环境中为专业人员提供了所需的工具。

开发人员可以将其选择的服务器技术与 Dreamweaver 配合使用，建立将用户连接到数据库、Web 服务和旧式系统的强大 Internet 应用程序。

Dreamweaver允许开发人员设计Web站点和为Internet应用程序编写代码。

Dreamweaver MX组合了著名的可视排版工具Dreamweaver、快速Web应用程序开发工具Dreamweaver UltraDev的功能和Home Site的扩展代码编辑支持，形成了一个简单易用且功能强大的开发环境。

Dreamweaver MX为当前的Web技术和标准提供完备而开放的解决方案，包括辅助功能和Web服务。

其主要特点是：
（1）方便的网站管理；
Dreamweaver MX结合了其知名的可视化布局工具、Dreamweaver UltraDev 的快速web应用程序开发功能以及Macromedia HomeSite的广泛代码编辑支持，因此它既是创建专业网站的最佳途径，也是构建强大Internet应用程序的最简便的方法。

（2）无可比拟的控制能力；
实现对代码和设计的全面控制。

利用Dreamweave的可视化布局工具以及HomeSite的代码编辑工具，您可以自己希望的方式建立所需的站点。

（3）梦幻样版和XML；
使用macromedia的可视化开发环境（如右图所示），你只需通过简单的拖拉技术（Drag&Drop），将"Objects"窗口中的对象拖到"Documentwindow"中即可，例如：Web开发人员想在网页中加入一个Table，只需将"Table"从"object"窗体中拖放到舞台中，Dreamweaver将自动生成一个表格，然后通过"Properties"（属性）窗体来进行格式的修改和调整。

基于XML的设计注解能连接到任何一个Html页面,使对重要文档信息的传递变得更加简便。

（4）网站全方位的呈现；
您开发团队的每一个成员—设计人员、开发人员和编程人员—第一次能在一个集成的环境中创建和管理网站及Internet应用程序。

（5）便捷安全的数。

与"Word"相似，具有强大的文本编辑能力，你可以在"Layer"、"Table"、"Frame"或直接在"Document window"窗体中输入文字，通过快捷的右键，选择例如"Font"（字体）类的选项进行编辑，也可以利用"Text"菜单进行更为细致的排版编辑。

文件锁定这是一种专为合作开发环境设置的档案机制。

可以通过标记和取出机制设置只读或可编写属性来进行文档的保护。

通过这种方法可以防止不必要的数据丢失，增强了安全性。

2 需求分析与总体设计
2.1需求分析的基本任务
需求分析的基本任务是准确回答“系统必须做什么？”这个问题，也就是确定为了满足用户的需要系统必须做什么。

具体地说，应该确定系统必须具有的功能和性能，系统要求的运行环境，并且预测系统发展的前景。

需求分析阶段必须仔细分析系统的业务流程，对业务流程进行抽象，得到系统的数据流分析。

数据流图是从数据流动和加工的角度描述了系统要处理的数据和对数据的处理，所以数据流图代表了系统的逻辑模型。

数据流图只是抽象地描述了系统的概貌，还要用其它工具进行更详细的描述。

数据字典、IPO图和ER图是详细描述系统中的数据元素、数据流、数据存储、处理和数据概念模型的好工具。

通过业务流程图、数据流图、数据字典、IPO图、ER图等图形工具，可以准确、规范地描述系统的需求。

2.2网上花店系统需求分析
在网上花店系统中主要涉及到花库、会员、管理员、订单等几个模块，其中，花库模块的任务主要是列出所有库存的各种属性，按照销售量和投票情况排序，按照花名模糊查询，以及用户选定鲜花后给出详细属性。

当然我们不能凭空想象一个系统，而是通过考察现有的系统，再提出方案来。

现有的系统是信息的重要来源。

显然如果目前有一个系统正在被人使用，那么这个系统必定能完成某些有用的工作，因此新的目标系统也必能完成它的基本功能；另一方面，如果现有系统是完美无缺的，用户自然不会提出开发新系统的要求。

但现在鲜花销售主要是通过人手工来完成的，这样不仅降低了工作效率，存在大量的重复劳动，而且容易出现人为的错误，这样的管理明显不能与高效率、快节奏的生产模式相适应，所以开发此系统是非常可行的想法。

网上花店系统主要是进行鲜花销售的计算机软件，从目前的鲜花销售流程中，我们可以发现一些比较明显的流程作业和管理需求。

同时也为我们的系统分析提供了较好的依据。

鲜花的查找和快捷的付费是网上花店系统的主要部分，这两个管理部分的完成是整个系统业务完成的基础。

其他的各项服务都是在此基础上完成的。

2.2.1系统业务流程分析
业务流程图是一种比较规范、被广泛使用分析工具，它可以比较直观、准确描
述系统业务流程。

业务流程图不是对系统原有业务流程的快照，应该是对原有系统的业务流程进行重新思考、设计、再造的结果。

根据上面需求分析中得到的资料和工作流程的分析，可以绘制出表示系统管理工作的整个业务过程的业务流程图，能更清晰的认识所要开发的系统的工作流程。

下面给出本系统的相关业务流程图。

(1) 鲜花销售流程
鲜花销售流程如图2.1所示：
图2.1 鲜花销售流程图
鲜花销售流程是根据实际生活中，用户通过网络购花的过程所进行的一个描述。

当用户打开网页后，必须通过主页面提供的会员登录链接，进入会员登录页面；然后用户通过登录系统，以系统会员的身份才能购买鲜花，如果用户未登录系统，只能浏览鲜花和查询鲜花，而不能购买鲜花。

当用户选定自己喜欢的鲜花后，可以通过系统提供的功能把鲜花放入购物车，接着去购买鲜花，当用户购买完所有的鲜花后，通过系统提供的链接到收银台结账，这时系统将会自动判断用户在系统中所存的金额，如果金额不足，则系统页面自动返回到用户面板并提示用户系统金额不足，不能购买鲜花等信息，如果金额充足则用户购买成功——整个购买流程结束。

(2)用户注册流程
用户注册流程如图2.2所示：
图2.2用户注册流程图
用户为了购买鲜花，必须成为系统会员。

整个注册流程如图2-2所示，用户可以通过主页面提供的链接，进入到会员注册页，当用户填入自己的信息并提交后，系统将对用户所注册用户名进行检查，如果发现重复，系统页面将自动清除相应信息并提示用户名被注册过了；为了防止用户输入密码时可能出现的错误，系统将检查用户两次输入的密码信息，如果发现信息不符，也将提示用户错误并让用户重新注册；为了购买活动的合法和安全，系统会提示用户输入家庭住址、固定电话和真实姓名等关键信息，如果用户不填写，系统会提醒用户错误，并再次清除信息，当所有信息完整的填写完毕后，经过系统检查正确，这时系统会把用户的信息添加到数据库中。

2.2.2数据流程分析
业务流程分析描述的是用户业务处理过程。

为了更进一步了解用户对待开发的软件系统的功能要求，通常从数据流动和处理的角度对业务流程进行抽象，得到系统的数据流图。

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

如图2.3就是根据前面所得到的业务流程图和收集的资料，以及对网上花店系统的整个流程进行分析设计后，所得出的鲜花销售系统数据流图。

图2.3鲜花销售数据流图
2.2.3数据字典
数据流图是结构化分析中不可缺少的有力工具，它描述了系统的分解，即系统由哪些部分组成，各部分之间有什么联系等。

但是，他还不能完整地表达一个系统的全部逻辑特征，特别是有关数据的详细内容。

因此，仅仅一套数据流图并不能构成系统说明花，只有对图中出现的每一个成分都给出详细定义以之后，才能全面地描述一个系统。

数据流图中所有名字的定义及描述就构成了一本字典，它包括数据流、数据存储、外部项目和处理过程的详细条目。

数据流、数据存储等数据型条目构成数据字典，而数据流图的有关“处理”用IPO进行描述。

IPO图通常也作为数据字典的一部分，只是与数据描述的方式不同而已。

数据字典把数据流图上所有数据都加以定义，并按特定格式予以纪录，以备随时查询和修改。

因此，数据字典是数据流图的辅助资料，对数据流图起注解作用。

数据流图、数据字典、IPO图表构成了对系统需求的完整描述。

数据字典中把数据的最小单位定义为数据项，而若干数据项可以组成一个数据结构。

数据字典是通过以数据项和数据结构的定义来描述数据流、数据存储的逻辑内容。

1 数据项
根据鲜花销售数据流所用到的数据项，系统在数据库中分别建立了鲜花信息表，用户信息表，管理员信息表，购物车表以及用户的购买情况表。

由于购买鲜花。