在线花店系统毕业设计论文

1、在线花店系统一、在 线 花 店1二、特 色 突 破2三、 系 统 概 述23.1系统设计23.1.1 系统功能与应用背景23.1.2 系统浏览33.1.3 系统特点33.2 系统设计和架构43.2.1 系统设计思想43.2.2 系统结构设计4系统功能模块细分53.2.3服务器和asp运作环境配置53.3数据库的设计、生成与配置73.3.1 数据库需求分析83.3.2数据库概念结构设计83.3.3数据库逻辑结构设计113.4公用模块的编写153.4.1数据库连接文件153.4.2页面头文件223.4.3页面尾文件233.5前台界面设计与实现273.5.1首页设计273.5.2产品详细信息323.

2、5.3我的购物车页面设计363.5.4结帐处理393.5.5用户注册的设计与实现473.5.6订单查询48四、 结 论50五、致 谢51六、参考文献52一、在 线 花 店再线花店系统将传统的花店经营管理模式与计算机网络的综合经营管理模式结合在一起。将人、机、物的需求、活动和运作进行系统分析、设计并管理，一实现现代高效、科学且安全的电子商务。本例通过一个在线花店的实例来介绍asp与access数据库结合开发的小型电子商务系统的过程。在系统设计时。从传统花店的经营模式，网上用户需求与业务经营模式，计算机网络管理、系统设计等几方面综合分析，定义系统的输入、输出、实现功能、系统运作能力、系统安全性、系

3、统可维护性等各项需求。其中数据库采用access，动态网页开发采用asp，综合应用了ado、数据库设计、密码、身份验证和缓存等技术。二、特 色 突 破网上花店系统适合在线销售鲜花、礼品等，具有商品多属性检索（支持多重属性分类）、购物车、订单提交和查询等网上花店所需的基本功能。 本系统采用asp编写，在windows的iis的支持下运行。为了提高系统的效率，使用户浏览时候响应速度更快，本实例后台采用了缓存技术。三、 系 统 概 述3.1系统设计3.1.1 系统功能与应用背景互联网以前所未有的速度发展，成为与报纸、广播、电视相比肩的第四媒体，同时正以其更捷的信息传输形式改变这人们的消费模式，利用简

4、单、快界、低成本的电子通信方式，买卖双方不谋面就可以进行各种商贸活动，走向商业的互联网已经成为网络经济的大势所趋。眼下电子商务网站正如雨后春笋般大量涌现，企业网络化已经一种时尚。电子商务的发展可能大家都已经耳濡目染，上网的朋友对这已经不再陌生，电子商务确确实实出现在我们周围。本系统是一个在线花店系统，具有在线先手鲜花的基本功能。同过配置，可以作为一个实际应用的鲜花销售网站。本系统是为传统经营的花店构建网上销售渠道而开发的。本例中的在线花店重要完成的功能如下。l 鲜花产品选购（可按分类方式查找鲜花种类或通过关键字进行查询）l 购物车功能l 查看鲜花详细情况l 用户注册l 用户登陆l 查看用户的订

5、单信息l 用户评论3.1.2 系统浏览图 3-1 是用户访问网站的第一个界面，也是本系统的主界面。用户通过这个主界面可以浏览网站各个分类页面，浏览推荐商品和查看分类属性页等。 图 3-1 网站的首页3.1.3 系统特点本章所介绍的实例具有以下特点。（1）页面模块化本系统在界面设计上都采用了模块化处理思想，把很多页面功用部分集成一个模块，例如页面的头、尾和导航条，这样在开发是遇到这些相似的页面部分，就不需要重新编写，只要重用这部分即可，大大提高了开发效率。（2）缓存技术把产品导航信息放到内存中缓存起来，大大提高了网站效率和响应速度。 3.2 系统设计和架构3.2.1 系统设计思想 电子上午发展已

6、经有10多年的历史了，在中国很多人对电子商务也逐渐接受和认可。网上购物作为依仗时尚很多人去体会，更有部分人把购物同逛商场等显示社会服务一样作为生活的一部分。鲜花作为生活的点缀，也越来越为生活所需要。这种网上买卖鲜花的交易越来越多，也逐渐被广大消费者所接受。本系统是一个相对简单的基本应用系统，主要满足传统的花店运营需要，将自己的销售渠道扩展到网上，通过简单的管理，提供给最终消费者产品的展现、购物、订单处理等一实现鲜花在线销售。通过本系统可以管理简单的在线销售模式、满足用户随时查询产品信息，随时下单购物的应用需求。由于本系统考虑到产品的适应性、安全性和访问效率，所以，在系统平台多样性、技术先进性、

7、功能适应性和灵活性等方面都有考虑，使系统相对完善，具有更好的学习价值。本实例把页面中一些常用的部分集成为模块，例如页面的头和尾部，这样设计新的页面如果有重复出现的部分，只需要那现成的模块来组装就可以了。3.2.2 系统结构设计本实例由web服务器为最终用户提供展现服务和为管理员提供管理服务；用数据库保存产品、用户和订单等信息。系统结构如图3-2所示数据库web服务器管理员用户系统用户系统用户系统图 3-2 系统结构图系统功能模块细分（1）用户管理模块管理用户登录、用户注册和用户修改等用户信息的基本功能，与一般电子商务的用户管理系统基本相同。（2）产品信息模块陈列产品的详细信息（3）导航分类检索

8、模块按不同分类和不同应用导航产品，把相关产品列出。（4）购物车处理模块通过cookie技术实现购物车。用户选者产品后，点击“购买”进入购物页面，陈列要购买的产品明细项。（5）用户选择产品完毕，通过购物页面到订单结帐页面，填写必要的信息，产生最终订单；还提供订单查询功能。3.2.3服务器和asp运作环境配置1软件准备本章实例的数据库管理软件采用access，安装office的时候便会附带安装access如果读者机器上没有安装access，请准备office软件；web服务采用iis，iis的安装请参考1.3.4节。2.iis的配置iis默认的web（主页）文件存放于系统根区的“%system%i

9、netpu/wwwroot”中。这里简单介绍iis配置虚拟目录的过程。在“控制面板”，双击“管理工具”，在“管人站点”，然后用鼠标右键单击“默认网站”。从弹出的快捷菜单中选择【新建】【虚拟目录】，如图3-3所示弹出如图3-4所示的“虚拟目录别名”对话框。 图3-4指定虚拟目录别名在如图3-4所示对话框中填写虚拟目录别名，例如“ivzhi”然后单击【下一步】按钮，弹出如图3-5所示的“网站内容目录”对话框。 图3-5 选择实际目录在图3-5所示对话框中，单击【浏览】按钮为该虚拟目录选择一个实际目录（例如）“c:www”），然后单击【下一步】按钮，最后单击【完成】按钮，这样名为“ivzhii”的虚

10、拟目录就创建好了。在实际开发时，所有页面都放到“c:www”下，访问时从浏览器输入“http:/localhost/ivzhi/index.asp”,该访问“c:www”下的“index.asp”页面 3.3数据库的设计、生成与配置信息管理系统离不开数据库，它保存系统用到的数据。本系统的数据库主要用来保存用户、订单、产品等信息，所以数据库主要用到的表有：用户表、订单表、产品表和分类导航4类表。设计数据库系统时应该先充分了解各个方面的需求，根据需求决定数据库结构。3.3.1 数据库需求分析简单来说系统有3个对象：用户、消化产品和订单。用户浏览鲜花产品，并且在需要的时候下订单。各这些信息提供增加、

11、修改、保存、更新和查询，这就要求数据库结构能从粉满足这些信息的输出和输入。收集基本数据、数据结构及数据处理的流程，组合一份尽的数据字典，为程序设计打下基础。系统需求积累用户资源，用用户表来记录用户的信息，具体包括用户的真名、地址、电话、邮编、身份证号、e-mail和密码等基本信息。网站要给用户展现产品，把鲜花产品的详细信息介绍给用户，需要产品信息表，具体包括产品名称、各类属性和所属分类等。网站是电子商务网站，最终目的是为用户服务，使用户浏览查后有购买的欲望，进行购买行为。订单类表格记录用户的购买行为，需要记录购买的产品信息，付款人的信息，收款人的信息，下单时间等。为了方便用户的查找，提高网站的

12、服务质量，对产品进行不同的属性导航，一个鲜花产品分可以包含不同的属性，方便用户的查找，促进用户的消费，实现网站的价值，对具体查的属性进行分类，实现属性导航表，包括产品属性分类，产品对应产品属性的对应表。通过上述系统功能分析，针对一般的在线花店的需求，包括如下数据表。l 网站用户信息表，包括数据项、用户id、用户代号等。l 采购订单表，包括数据项、订单id、付款人姓名、付款人电话等。l 订单明细表，包括数据项、订单明细编号、产品id、订单id等。l 产品表，包括数据项、产品id、产品代码、产品名称等。l 用户评论表，包括数据项、id评论内容、用户名称等。l 目录属性表，包括数据项、目录编号名字、

13、目录编号等。l 导航属性字典表，包括数据项、导航id数字类型id、文本类型id。l 产品导航属性对应表，包括数据项、导航类型id、导航名称等。3.3.2数据库概念结构设计得到上面的数据项和数据结构以后，就可以设计出能够满足用户需求的各种实体，以及它们之间的关系，为后面的逻辑结构设计打下基础。这些实体包括各种具体信息，通过相互之间的作用形成数据的流动。本实例设计规划出的实体包括网站用户实体、采购订单明细实体、产品实体、用户评论实体、目录信息实体、目录属性实体、导航属性实体、查导航属性对应关系实体。图3-6为实体间关系的e-r图用户评论用户订单订单明细产品导航属性对应表导航字典产品目录信息目录属性

14、图3-6 实体关系e-r图图3-7为网络用户实体e-r图。图3-8为采购订单的实体e-r图。用户用户id用户代码用户口令用户电话订单付款人姓名产品id付款人电话用户代号 图3-7网站用户实体e-r图 图3-8采购订单实体e-r图图3-9为订单明细实体e-r图。图3-10为产品实体e-r图。订单明细产品订单id产品id产品数量产品价格产品id产品目录id产品名称产品价格 图3-9订单明细实体e-r图 图3-10产品实体e-r图图3-11为用户评论实体e-r图。 图3-12为目录信息实体e-r图产品论评目录信息评论id评论内容用户id产品id目录代号备注目录名称图3-11 用户评论实体e-r图 图

15、3-12目录信息实体e-r图图3-13为目录属性实体e-r图。 图3-14为导航属性字典实体e-r图。目录属性导航属性字典目录属性代号目录名称所属目录信息代号导航属性id导航属性名称对应目录属性di图3-13 目录属性实体e-r图 图3-14导航属性字典实体e-r图图3-15为产品导航属性对应关系e-r图产品导航属性对应关系产品性目录属性id 图3-15 产品导航属性对应关系e-r图3.3.3数据库逻辑结构设计数据库的概念结构设计完毕后，现在可以将上面的数据库概念结构转化为某种数据库系统所支持的实际数据模型，也就是数据库的逻辑结构。本章实例系统采用access数据库，因此在设计本章实例系统数据

16、库概念结构时，需要遵循access数据库的语法结构。在线花店系统中各个表的设计结果如下面表格所示。每个表格表示在数据库中的一个表，表3-1为用户表，记录某个用户的信息。字段名称数据类型说明autoid自动编码主键，递增，用户在网站的标识userid文本类型用户idpwd文本类型用户口令sex文本类型性别：1男，0女realname文本类型真实姓名personid文本类型用户身份怔mobile文本类型手机号码phone文本类型固定电话lasttime日期类型修改时间：第一次就是注册时间adrress文本类型用户地址email文本类型邮编表3-1中autoid是用户网站惟一标识，useid是在用户

17、注册时自己选择的名字，其他是拥护需要的属性。表3-2为产品信息列表，记录花店现有的产品信息。字段名称数据类型说明autoid自动编写主键，递增，产品在网站的标识code文本类型产品代码，惟一标识，网站自己定义的字符串name文本类型产品名称description备注类型产品描述marketprice货币类型市场价格saleprice货币类型销售价格myimageurl文本类型图片地址status数字类型产品状态，是不销售：0销售，1停止销售category文本类型产品种类lasttime日期类型修改时间：第一次就是增加时间priority数字类型排序用的优先级别memberprice货币类型会

18、员价格netimageurlsmall文本类型网络小图片地址netimageurlmid文本类型网络中图片地址netimageurlbigsign文本类型网络大图片地址sign数字类型标志是否特价产品表3-2中autoid是产品在网站的惟一标识，在数据增加是自动生成，category是对应目录表的分类字符串。表3-3中目录信息表，记录花店的分类信息。 表3-3 directory目录信息表字段名称数据类型说明code文本类型目录代码，惟一标识一个目录name文本类型目录名称memo文本类型备注表3-3中目录用字符串分级表示，产品的种类对应目录代码。表3-4为订单信息表，记录花店的订单信息。 表

19、3-4 myorder订单信息表字段名称数据类型说明autoid自动编码主键，递增，订单在网站的标识payname文本类型付款人姓名payphone文本类型付款人电话payemail文本类型付款人e-mailpayaddress货币类型付款人地址senddate日期类型送货时间paymemo文本类型付款人备注paytime日期类型支付时间lasttime日期类型修改时间：第一次就是增加时间recname文本类型收款人姓名recnick文本类型收款人称呼recphone文本类型收款人电话recaddress文本类型收款人地址recmemo文本类型收款人备注recemaie文本类型收款人邮编rec

20、say文本类型留言sendfee货币类型送货费sendarea数字类型送货地区totalpay货币类型总价realpay货币类型实际价格orderpass文本类型订单密码userid文本类型用户idorderstatus文本类型订单状态comefrom数字类型来源，是否从合作网站来的表3-4中的autoid是订单在网站的惟一表识，数据增加是自动生成，category是对应目录表的分类字符串。订单的付款人一般是网站的会员，收款人可以是自己，也可以是自己的朋友，所以对这两方面信息分开进行记录。表3-5为订单名细表，极力花店定单具体购买的产品信息。 表3-5 orderitem订单明细表字段名称数据

21、类型说明autoid自动编码惟一标识用户采购的一个产品productid数字类型产品idproductname文本类型产品名称productprice货币类型成品价格quantity数字类型数量orderid数字类型订单id订单明细表和订单表是多对一的关系，就是一张订单可以有多个产品。表3-6为目录性表，记录花店目录的属性。 表3-6 directoryproperty目录属性表字段名称数据类型说明autoid自动编码目录属性代码，惟一标识一个目录属性name文本类型目录属性名字directorycode文本类型属于那个目录目录属性是为了更好的导航产品，目录的产品有不同的属性，比如鲜花的用途、

22、花材、对象等属性。表3-7为导航属性字典表，记录花店目录的属性值。 表3-7 navigationdict导航属性字典表字段名称数据类型说明autoid自动编码惟一标识一个导航属性directoryproperty数字类型对应目录属性的iddirectoryvalue文本类型导航属性名称导航属性字典对应表3-6目录属性表的auotid字段，换种说法就是目录有什么属性，属性具体对应什么值。比如鲜花目录的用途属性有恋情、生日、友情、祝福、婚庆、商务等不同的用途。表3-8为产品导航属性对应表，记录花店产品对应的不同属性。 表3-8 navigationrelation 产品导航属性对应表字段名称数据

23、类型说明productid数字类型产品idnavigationid数字类型对应目录属性的id一个产品可以对应多个导航属性，最终用户可以根据不同的属性浏览产品，方便用户查找产品。表3-9为用户评论表，记录用户对产品的评论。 表3-9comment 用户评论表字段名称数据类型说明autoid自动编码评论idcomment备注类型评论内容nckname文本类型用户名称repiy备注类型管理答复内容status识字类型是否显示email文本类型邮件userautoid数字类型用户idproductid数字类型产品idlasttime数字类型对应目录属性id表3-9记录用户对查的评论，userautoi

24、d为0客人，不是网站用户。3.4公用模块的编写3.4.1数据库连接文件把数据库连接操作作封状在一个页面commondb.asp中，以方便其他页面调用。例程3-1为commondb.asp页面的参考代码。 例程3-1 数据库连接页面commondb.asp 例程3-1定义了两个常量mydatabase和mydblocation，其中m,ydatabase为数据库名称，mydblocation为数据库存放位置，如果需要修改数据库存放位置和名称，就修改mydatabase和mydblocation这2个变量的值。例程3-1中引入了页面allcommon，asp,allcommon,asp页面中定义了

25、数据库连接的操作函数，例程3-2为这些函数定义的参考代码。 例呈3-2 allcommon.asp定义的数据库公用函数代码 打开数据库 最顶级函数% debug messagesub debug (msg)response.write msg & end sub get comefrom cookiefunction getcomefromcookie()dim retret=request.cookies(comefrom)if (comefrom=null) thenret=end ifgetcomefromcookie=retend functionconst mycookiekey=l

26、vzhiconst myusecookies=nosub setsess (field, value)if myusecookiesyes then session(field)=valueelse response.cookies(mycookiekey) (field)=valueend if end subsub processaccessopen(connection)dim strconnstrconn = provider=microsoft.jet.oledb.4.0;persist security info=false;data source= & server.mappat

27、h( mydblocation & mydatabase & .mdb)set connection = server.createobject(adodb.connection)on error resume nextconnection.open strconnif connection.errors.count 0 thensetsess openerror, open messages & connection.errors(0).description & & getsess(dbc)elsesetsess openerror,end ifend sub main database

28、open for shopsub shopopendatabase (connection) processaccessopen connectionend sub close database sub closerecordset (irs)irs.closeset irs=nothingend sub*sub shopclosedatabase (connection)on error resume nextconnection.closeset connection=nothingend subdisable property 对应的产品列表sub disablelistflower(p

29、roperty,value)dim retdim mynameif (property=0) thenmyname=list &property & felsemyname=list &property & f &valueend ifapplication(myname)=end sublist property 对应的产品列表function getlistflower(property,value)dim retdim mynameif (property=0) thenmyname=list &property & felsemyname=list &property & f &val

30、ueend ifret=application(myname)if (ret=) thenret=getlistflowerfromdb(property,value)application(myname)=retend ifgetlistflower=retend functionlist property 对应的产品列表 从数据库function getlistflowerfromdb(property,value)dim ret,dbc,query,rs,myconditionshopopendatabase dbcquery = select result from navigater

31、esult mycondition=where sort=0 and property=&property & and value=&valuequery=query & myconditionset rs = dbc.execute(query)ret= if not rs.eof thenret=cstr(rs(result)end ifcloserecordset rsshopclosedatabase dbcgetlistflowerfromdb=retend functiondir 对应的产品列表function getdirproduct(dir)dim retif (dir =n

32、ull or dir=) thendir=end ifdim dirnamedirname=dir & dirret=application(dirname)if (ret=) thenret=getdirproductfromdb(dir)application(dirname)=retend ifgetdirproduct=retend functiondir 对应的产品列表,从数据库读出function getdirproductfromdb(dir)dim retdim dbc,query,rsshopopendatabase dbcif (dir=) then 读出所有产品query

33、 = select autoid from product order by priorityelsequery = select autoid from product where left(category,+cstr(len(dir)+)=&dir&end ifset rs = dbc.execute(query)ret= do while not rs.eofif (ret=) thenret=cstr(rs(autoid)elseret=ret+,+cstr(rs(autoid)end ifrs.movenext loopcloserecordset rsshopclosedatab

34、ase dbcgetdirproductfromdb=retend function产品类定义class productpublic name,autoid,saleprice,desc,marketprice,vipprice,netimagesmall,netimagemid,netimagebigend class得到对应的产品function getproduct(id)dim retif (id =null or id=) thenid=1end ifdim productnameproductname=p & idret=application(productname)if ( n

35、ot isarray(ret) thenret=getproductfromdb(id)application(productname)=retend ifgetproduct=application(productname)end function得到对应的产品sub disableproduct(id)dim retif (id =null or id=) thenid=1end ifdim productnameproductname=p & idapplication(productname)=end sub对应的产品,从数据库读出dim fieldautoid,fieldname,f

36、ieldsaleprice,fielddesc,fieldmarketpricedim fieldvipprice,fieldnetimagesmall,fieldnetimagemid,fieldnetimagebig,fieldcodefieldautoid=0fieldname=1fieldsaleprice=2fielddesc=3fieldmarketprice=4fieldvipprice=5fieldnetimagesmall=6fieldnetimagemid=7fieldnetimagebig=8fieldcode=9function getproductfromdb(id)

37、dim ret(10)dim dbc,query,rsshopopendatabase dbcquery = select * from product where autoid=&idset rs = dbc.execute(query) if not rs.eof thenret(fieldautoid)=rs(autoid)ret(fieldname)=rs(name)ret(fieldsaleprice)=rs(saleprice)ret(fielddesc)=rs(description)ret(fieldmarketprice)=rs(marketprice)ret(fieldvi

38、pprice)=rs(memberprice)ret(fieldnetimagesmall)=rs(myimageurl)ret(fieldnetimagemid)=rs(myimageurl)ret(fieldnetimagebig)=rs(myimageurl)ret(fieldnetimagesmall)=rs(netimageurlsmall)ret(fieldnetimagemid)=rs(netimageurlmid)ret(fieldnetimagebig)=rs(netimageurlbig)ret(fieldcode)=rs(code)elseret(fieldautoid)

39、=-1end ifcloserecordset rsshopclosedatabase dbcgetproductfromdb=retend function% 3.4.2页面头文件为了实现代码复用，把头文件设计成公用模块，单独保存为一个文件，其他页面应用的时候只要包含这个头文件就可以了。 头文件中主要放置网站标志和各个2级频道，保存成html文件格式，放置到文件夹inc/下，文件名称为top.html.这样其他页面只要应用,就可以使其他页面具有风格统一的“头”。 图3-16 网站头文件预览果图3.4.3页面尾文件和页头一样，我们把版权声明等信息保存在尾文件bottom.html中，本实例的尾

40、部文件预览果如图3-17所示。3.5.1 用户登录判断用户登录判定一般由两个页面组成，页面login.asp提供表单让用户输入用户名和密码，当用户单击页面中【登录】按钮时，把用户名、密码提交到另一个页面userlogindo.asp,由userlogindo.asp页面作具体的登录处理。login.asp就是一个简单的包含表单的html页面，并引入公用头尾文件，不过login.asp需要用到javascipt验证表单，防止用户输入空信息。图3-18为网站登录页面login.asp.的预览效果。例程3-3为login.asp页面中表单验证的javascript代码。 例程3-3 javascri

41、pt校验代码 function userloginsubmit() var flag=false; if(document.loginform.userid.value=null| document.loginform.userid.value=) alert(请输入您的用户名！); document.loginform.userid.focus(); flag=true; if(document.loginform.pass.value=null| document.loginform.pass.value=) alert(请输入密码！); if (flag=false) document.

42、loginform.pass.focus(); flag=true; if(flag=false) document.loginform.submit(); return false; function userloginkeydown() if (window.event.keycode=13) userloginsubmit(); function userloginuserid() if (window.event.keycode=13) document.loginform.pass.focus(); 在例程3-3中函数userloginsubmit()主要在用户单击【登录】按钮的时候

43、验证用户输入的用户名、密码是否为空。函数userloginkeydown()，主要完成当用户按回车键时，提交表单，也就时说当用户输入用户名、密码后单击【登录】按钮或者按回车键都会提交表单。实现这个功能是为了用户界面友好，方便最终用户的使用。函数userloginuserid()主要完成当用户输入完用户名按回车时，焦点跳到输入密码的文本框中。userlogindo.asp主要完成用户登录的判定，把用户登录信息更新数据库和session等，例程3-4为页面uselogindo.asp登录代码。 例程 3-4 userlogindo.asp 登录代码 %dim dbc, urldim forward

44、urldim strpassword, returnurlstrpassword=request(strpassword)stremail=request(stremail)strpassword=replace(strpassword,=,)stremail=replace(stremail,=,)stremail=replace(stremail,)strpassword=replace(strpassword,)returnurl=request(returnurl)if stremail= then serror = serror & 请输入emailend ifif strpassw

45、ord= then serror = serror & 请输入口令end ifif serror= then retrievelogindataelse serror= 请登录 & & serrorend ifsetsess loginerror,serror setupreturnurl urlresponse.redirect urlsub retrievelogindatadim fieldvalueif getsess(login)= then setsess login,forceend iflocatecustomer strlastname, stremail , strpasswordif strcustomerid then lnglogincount=lnglogincount+1 updatecustomersessiondata updatelogindata setsess login,strlastname setsess realname,strlastname else s