网上巧克力店地设计与实现.docx

网上巧克力店地设计与实现.docx

《网上巧克力店地设计与实现.docx》由会员分享，可在线阅读，更多相关《网上巧克力店地设计与实现.docx（17页珍藏版）》请在冰豆网上搜索。

网上巧克力店地设计与实现

浓情巧克力网站的设计和分析

1浓情巧克力网站的实现目标

1.1浓情巧克力网站的系统目的

实现一个商家和消费者都满意的网上购买巧克力的平台。

消费者可以通过网络了解现有的商品信息，并且对商品进行选购，构建一个专门的电子商务系统，来实现客户的登录，注册，信息的检索和查询加入购物车，生成订单，订单查询，订单删除等功能。

后台管理系统可以管理会员的信息，订单信息，货物的仓储管理及货物信息的更新等功能。

1.2浓情巧克力网站的实现意义

网上巧克力店可以给个人或创业者提供自己的广阔空间和表现自己的平等舞台，减少经营成本和库存不易的情况，订单即时生成，实现方便快捷销售，提高自身的竞争力。

同时它可以帮助经营者掌握市场动态，提高工作效率、降低经营成本。

网上巧克力店将传统的巧克力店流程电子化，数学化，一方面可以大量减少人力、物力、财力，降低成本；另一方面突破了时间和空间的限制，使得交易可以随时随地进行，从而大大提高了效率。

网上巧克力店，借助互联网的信息通达性，可以使消费者方便快捷选购自己心满意足的产品，而且可以提供给消费者选择的产品种类更加的丰富，选择余地更大。

而经营者可以借助网络提高自己的品牌巧克力知名度，扩大自己的消费人群。

并且经营管理更加的简单易上手，只要有基础的电脑操作知识就可以进行小店的经营了。

2浓情巧克力网站的分析

2.1浓情巧克力网站的业务流程分析

业务流程图是一种描述系统内各单位、人员之间业务关系、作业顺序和管理信息流向的图表，利用它可以帮助分析人员找出业务流程中的不合理流向，它是物理模型。

业务流程图主要是描述业务走向。

浓情巧克力网站的业务分析如图2-1。

用户注册填写信息，进行信息的处理确认，然后登录；登录页面进入，输入昵称密码，然后登录入店铺中；进入店铺选购商品流程如下，将选好的商品放入购物车之中，可以在购物车进行已选商品的管理，确认生成订单，订单确认无误后付款；商品的搜索是进行商品产地的搜索，然后再进行商品的选购。

用户

注册

登录

用户信息单

数据库

进入店铺

购物车

付款

付款单

卖家

订单

付款单

发货

2-1业务流程图

2.2浓情巧克力网站的数据流程图分析

数据流程图是描述系统数据流程的工具，它将数据独立抽象出来，通过图形方式描述信息的来龙去脉和实际流程。

首先是会员注册的数据流程分析：

会员注册，将注册信息反馈给系统，系统将注册信息存档，生成一份登录信息，分别发送给用户和登录系统，用户通过登录信息登录系统，登录系统向信息处理系统发送一份用户信息报告，系统进行存档。

如下图2-2

其次是订单的数据流程图分析：

用户下订单之后，有系统将其传入数据库中，如果有货，发出货单分别给仓库和用户，通知仓库出货；如果没有，发补货单给仓库，仓库进货后发出进货单记录。

2.3浓情巧克力网站的实体-联系图分析

E-R方法是“实体-联系方法”（Entity-RelationshipApproach）的简称。

它是描述现实世界概念结构模型的有效方法。

实体联系模型，实体关系模型或实体联系模式图（ERD）是由美籍华裔计算机科学家陈品山（PeterChen）发明，是概念数据模型的高层描述所使用的数据模型或模式图，它为表述这种实体联系模式图形式的数据模型提供了图形符号。

用户的实体及其属性

商品的实体及其属性

商品

编号

产品名称

原价

优惠价片

商品图片

2-5商品实体关系图

订单实体及其属性

完整的E-R图如下

3浓情巧克力网站的设计

3.1浓情巧克力网站的功能模块的设计

浓情巧克力网站的使用者主要是用户和管理者，对用户来说，实现的功能包括用户对商品信息的了解和查询，对个人信息的管理，存放选中的商品的购物车，最后产生订单；对管理者来说，需要对用户的信息，商品的信息，以及销售的订单信息进行管理。

（1）用户功能可以概括为以下几点：

·商品信息模块：

包括巧克力信息的浏览，查询搜索等；

·用户信息管理模块：

处理用户注册、登录验证；

·购物车模块：

可以添加自己喜欢的巧克力；

·订单模块：

此模块中的信息由购物车结账产生，可以供用户查询订单状态，修改订单信息。

（2）管理者功能可以概括为以下几点：

·用户管理：

可以查询、修改客户信息；

·商品管理：

可以添加、修改、删除商品信息；

·销售管理：

处理用户的订单，查询订单以及对订单的管理

如同下图所示

浓情巧克力系统

用户

订单信息

用户管理

管理者

信息管理

商品管理

购物车

商品信息

订单管理

3-1功能模块图

3.2浓情巧克力网站的系统流程设计

系统流程图（SystemFlowchart）是描绘系统物理模型的传统工具。

它的基本思想是用图形符号以黑盒子形式描绘系统里面的每个部件（程序、文件、数据库、表格、人工过程等），表达信息在各个部件之间流动的情况。

如图，浓情巧克力网站的系统流程如下，用户进入网站之后选择登录或者注册，登录如果输入正确的密码则进入店铺，进行购物放入购物车中后，判断是否继续购买，然后生成订单，由用户完成付款。

进入网站

登录

注册

密码

验证

错误提示

NO

YES

进入店铺

购买商品

购物车

是否继续购买

YES

生成订单

付款

NO

3-2系统流程图

3.3浓情巧克力网站的数据库设计

巧克力表

字段名

类型

字段大小

主键

产品编号

自动编号

长整型

是

产品名称

文本

50

产地

文本

50

市面价格

货币

浓情价

货币

图

文本

50

用户表

字段名

类型

字段大小

格式

用户编号（主）

自动编号

长整型

\1000\1

姓名

文本

20

昵称

文本

30

邮箱

文本

50

生日

日期/时间

2011-7-6

喜好

文本

50

性别

是/否

YES/NO

订单表

字段名

类型

字段大小

格式

订单编号（主）

自动编号

长整型

\20"11"

商品编号

文本

50

用户编号

文本

50

地址

文本

50

是否发货

是/否

YES/NO

邮编

数字

长整型

4浓情巧克力网站的实现

4.1浓情巧克力网站的开发环境

使用MacromediaDreamweaver8开发，Dreamweaver是个原本由Macromedia公司所开发的著名网站开发工具。

Dreamweaver可以用最快速的方式将Fireworks，FreeHand，或Photoshop等档案移至网页上。

使用检色吸管工具选择荧幕上的颜色可设定最接近的网页安全色。

对于选单，快捷键与格式控制，都只要一个简单步骤便可完成。

使用网站地图可以快速制作网站雏形、设计、更新和重组网页。

改变网页位置或档案名称，Dreamweaver会自动更新所有连结。

使用支援文字、HTML码、HTML属性标签和一般语法的搜寻及置换功能使得复杂的网站更新变得迅速又简单。

Dreamweaver是唯一提供RoundtripHTML、视觉化编辑与原始码编辑同步的设计工具。

它包含HomeSite和BBEdit等主流文字编辑器。

帧（frames）和表格的制作速度快的令您无法想像。

进阶表格编辑功能使您简单的选择单格、行、栏或做未连续的选取。

甚至可以排序或格式化表格群组，Dreamweaver支援精准定位，利用可轻易转换成表格的图层以拖拉置放的方式进行版面配置。

所见即所得Dreamweaver成功整合动态式出版视觉编辑及电子商务功能。

使用的VBscript作为开发语言，VBScript是VisualBasicScript的简称，即VisualBasic脚本语言，有时也被缩写为VBS。

是asp动态网页默认的编程语言，配合asp内建对象和ADO对象，用户很快就能掌握访问数据库的asp动态网页开发技术。

VBScript是微软的一种脚本语言，可以看作是vb语言的简化版，与VBA的关系也非常密切。

它具有原语言容易学习的特性。

目前这种语言广泛应用于网页和ASP程序制作，同时还可以直接作为一个可执行程序。

用于调试简单的VB语句非常方便。

4.2浓情巧克力网站的运行环境

（1）硬件配置：

CPU：

intelPentium4cpu3.00GHz、内存：

512MB、硬盘：

35G、显卡：

NVIDIAGeForce7100GS、

（2）软件配置：

操作系统：

winxp、浏览器：

IE7.0、数据库：

microsoftaccess、软件开发语言：

vbscript、系统开发工具：

MacromediaDreamweaver8、服务器：

IIS。

4.3浓情巧克力网站的具体实现过程

4.3.1登录页面的实现

首先是登录页面的设计，如下图所示

图4-1登录页面

具体代码如下

会员登陆