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

浓情巧克力网站的设计和分析1浓情巧克力网站的实现目标1.1浓情巧克力网站的系统目的实现一个商家和消费者都满意的网上购买巧克力的平台。消费者可以通过网络了解现有的商品信息，并且对商品进行选购，构建一个专门的电子商务系统，来实现客户的登录，注册，信息的检索和查询加入购物车，生成订单，订单查询，订单删除等功能。后台管理系统可以管理会员的信息，订单信息，货物的仓储管理及货物信息的更新等功能。1.2浓情巧克力网站的实现意义网上巧克力店可以给个人或创业者提供自己的广阔空间和表现自己的平等舞台，减少经营成本和库存不易的情况，订单即时生成，实现方便快捷销售，提高自身的竞争力。同时它可以帮助经营者掌握市场动态，提高工作效率、降低经营成本。网上巧克力店将传统的巧克力店流程电子化，数学化，一方面可以大量减少人力、物力、财力，降低成本；另一方面突破了时间和空间的限制，使得交易可以随时随地进行，从而大大提高了效率。网上巧克力店，借助互联网的信息通达性，可以使消费者方便快捷选购自己心满意足的产品，而且可以提供给消费者选择的产品种类更加的丰富，选择余地更大。而经营者可以借助网络提高自己的品牌巧克力知名度，扩大自己的消费人群。并且经营管理更加的简单易上手，只要有基础的电脑操作知识就可以进行小店的经营了。2浓情巧克力网站的分析2.1浓情巧克力网站的业务流程分析业务流程图是一种描述系统内各单位、人员之间业务关系、作业顺序和管理信息流向的图表，利用它可以帮助分析人员找出业务流程中的不合理流向，它是物理模型。业务流程图主要是描述业务走向。浓情巧克力网站的业务分析如图2-1。用户注册填写信息，进行信息的处理确认，然后登录；登录页面进入，输入昵称密码，然后登录入店铺中；进入店铺选购商品流程如下，将选好的商品放入购物车之中，可以在购物车进行已选商品的管理，确认生成订单，订单确认无误后付款；商品的搜索是进行商品产地的搜索，然后再进行商品的选购。用户用户注册登录用户信息单数据库进入店铺购物车付款付款单卖家订单付款单发货2-1业务流程图2.2浓情巧克力网站的数据流程图分析数据流程图是描述系统数据流程的工具，它将数据独立抽象出来，通过图形方式描述信息的来龙去脉和实际流程。首先是会员注册的数据流程分析：会员注册，将注册信息反馈给系统，系统将注册信息存档，生成一份登录信息，分别发送给用户和登录系统，用户通过登录信息登录系统，登录系统向信息处理系统发送一份用户信息报告，系统进行存档。如下图2-2用户用户信息分类数据库登录系统用户信息单登录信息单用户信息单登录信息单用户信息单登录信息单用户信息单2-2登录数据流程图其次是订单的数据流程图分析：用户下订单之后，有系统将其传入数据库中，如果有货，发出货单分别给仓库和用户，通知仓库出货；如果没有，发补货单给仓库，仓库进货后发出进货单记录。NNY用户单据处理数据存储仓库补货单出货单YY订单出货单存货判断补货单出货单出货单YY订单进货单补货单2-3销售数据流程图2.3浓情巧克力网站的实体-联系图分析E-R方法是“实体-联系方法”（Entity-RelationshipApproach）的简称。它是描述现实世界概念结构模型的有效方法。实体联系模型，实体关系模型或实体联系模式图(ERD)是由美籍华裔计算机科学家陈品山(PeterChen)发明，是概念数据模型的高层描述所使用的数据模型或模式图，它为表述这种实体联系模式图形式的数据模型提供了图形符号。用户的实体及其属性用户用户用户名昵称电话地址邮编2-4用户实体关系图商品的实体及其属性商品商品编号产品名称原价优惠价片商品图片2-5商品实体关系图订单实体及其属性订订单商品编号订单状态订单信息2-6订单实体关系图完整的E-R图如下仓库用户仓库用户订单商品存储消费NNNMM2-6系统e-r图3浓情巧克力网站的设计3.1浓情巧克力网站的功能模块的设计浓情巧克力网站的使用者主要是用户和管理者，对用户来说，实现的功能包括用户对商品信息的了解和查询，对个人信息的管理，存放选中的商品的购物车，最后产生订单；对管理者来说，需要对用户的信息，商品的信息，以及销售的订单信息进行管理。（1）用户功能可以概括为以下几点：·商品信息模块：包括巧克力信息的浏览，查询搜索等；·用户信息管理模块：处理用户注册、登录验证；·购物车模块：可以添加自己喜欢的巧克力；·订单模块：此模块中的信息由购物车结账产生，可以供用户查询订单状态，修改订单信息。（2）管理者功能可以概括为以下几点：·用户管理：可以查询、修改客户信息；·商品管理：可以添加、修改、删除商品信息；·销售管理：处理用户的订单，查询订单以及对订单的管理如同下图所示浓情巧克力系统用户浓情巧克力系统用户订单信息用户管理管理者信息管理商品管理购物车商品信息订单管理3-1功能模块图3.2浓情巧克力网站的系统流程设计系统流程图（SystemFlowchart）是描绘系统物理模型的传统工具。它的基本思想是用图形符号以黑盒子形式描绘系统里面的每个部件(程序、文件、数据库、表格、人工过程等），表达信息在各个部件之间流动的情况。如图，浓情巧克力网站的系统流程如下，用户进入网站之后选择登录或者注册，登录如果输入正确的密码则进入店铺，进行购物放入购物车中后，判断是否继续购买，然后生成订单，由用户完成付款。进入网站登录进入网站登录注册密码验证错误提示NOYES进入店铺购买商品购物车是否继续购买YES生成订单付款NO3-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登录页面具体代码如下<formid="form1"name="form1"method="post"action="店铺.asp"><tablewidth="400"height="243"border="0"cellpadding="0"cellspacing="0"><tr><tdheight="43"colspan="2"class="STYLE2"><divalign="center">会员登陆</div></td></tr><tr><tdwidth="239"height="20"> </td><tdwidth="335"height="20"> </td></tr><tr><tdheight="40"><divalign="right"class="STYLE22">昵称</div></td><tdheight="40"><label><inputtype="text"name="nicheng"></label></td></tr><tr><tdheight="40"><divalign="right"class="STYLE22">账号</div></td><tdheight="40"><label><inputtype="text"name="textfield2"></label></td></tr><tr><tdheight="40"><divalign="right"class="STYLE22">密码</div></td><tdheight="40"><label><inputtype="text"name="pwd"></label></td></tr><tr><tdheight="40"colspan="2"><divalign="center"><spanclass="STYLE2">会员注册</span><label><inputname="Submit"type="submit"value="登陆"></label></div></td></tr></table></form>·登录后店铺右上角有输入的昵称显示，动态显示的代码如下<%=request.form("nicheng")%>·登录密码的验证步骤如下，先进入店铺.asp进行代码的验证<%ifrequest.Form("pwd")<>("zbp843023")thenresponse.Redirect("错误.asp")endif%>然后进入错误.asp页面验证<%ifrequest.Form("pwd")=("zbp843023")thenresponse.Redirect("店铺.asp")endif%>4.3.2商品展示页面的实现图4-2产品展示页首先是数据库的连接如图连接完成,生成一个连接,然后建立一个记录集图4-3数据库连接图4-5记录集的建立然后把信息添加到网页上面图4-6产品展示页的设计具体代码如下<%=rst.Fields.Item("产品名称").Value%><%=rst.Fields.Item("产地").Value%><%=FormatCurrency(rst.Fields.Item("市面价格").Value,2,-2,-2,-2)%><%=FormatCurrency(rst.Fields.Item("浓情价").Value,2,-2,-2,-2)%><imgsrc="<%=rst.Fields.Item("图片").Value%>"/><AHREF="<%=MM_moveFirst%>">第一页</A><ahref="<%=MM_movePrev%>">前一页</a><AHREF="<%=MM_moveNext%>">下一页</A><AHREF="<%=MM_moveLast%>">最后一页</A>4.3.3商品搜索页面的实现首先定义一个记录集,SQL代码如下SELECT巧克力详情.产品名称,巧克力详情.产地,巧克力详情.市面价格,图.图片FROM巧克力详情INNERJOIN图ON巧克力详情.产品编号=图.产品编号WHERE(((巧克力详情.产地)='cd'));然后如图定义一个变量图4-7搜索记录集的生成搜索页面如下图4-8搜索页面的设计<formid="form1"name="form1"method="post"action="搜索.asp"><tablewidth="520"border="0"cellspacing="0"cellpadding="0"><tr><td><divalign="right"class="STYLE22">你想要来自哪的巧克力</div></td><td><label><divalign="left"><inputtype="text"name="chandi"></div></label></td></tr><tr