计算机应用技术毕业论文陶瓷网站开发与设计(1).doc 41页

'景德镇高等专科学校毕业设计陶瓷网站开发与设计曹斌二零零八年三月十四日1 景德镇高等专科学校毕业设计论文景德镇高等专科学校数学与计算机系毕业设计（2008届）课题名称：陶瓷网站开发与设计姓　　名：曹斌学　　号：　2005104014专　　业：　计算机应用技术　所在班级：　05计算机应用技术指导教师：姓名：　　游文职称：　　讲　师时　　间：二零零八年三月十四日 景德镇高等专科学校毕业设计论文摘要本项目是开发一个陶瓷购物网站,网站开发主要包括后台数据库的建立和维护以及前台应用程序的开发两个方面。对于前者要求建立起数据一致性和完整性强、数据安全性好的数据库，而对于后者则要求应用程序功能完备,易使用等特点。因此本人结合陶瓷店的要求，对SQLServer2000数据库管理系统、SQL语言原理、ASP.NET设计平台，ASP.NET数据库技术进行了学习和应用，主要完成对陶瓷购物系统的需求分析、功能模块划分、数据库模式分析，并由此设计了数据库结构和应用程序。系统运行结果证明，本文所设计的陶瓷购物网站可以满足购物者和高级管理员双方面的需求。通过电子商务网站的建设以实现对陶瓷商家提供信息化管理。建立了网络订货系统和网络销售系统。着重论述了系统功能与实现、数据流程及存储,包括商品目录、会员注册、网上订货与购物、商品查询、后台数据库管理等。【关键词】网上购物，SQLServer2000，ASP.NET　 景德镇高等专科学校毕业设计论文AbstractTheprojectdevelopsachinashoppingweb,itdevelopsontwomainrespectsofdevelopmentincludingsetting-upandmaintenanceandfrontapplicationprogramofbackstagesupporter"sdatabase.Demandtosetuptheconsistencyofthedataandintegralitythestrongstorehouse,datawithgoodsecuritytotheformer.Requiretothelatterthatthefunctionoftheapplicationprogramiscompleted,aptcharacteristicofusingetc.Socombineandmaketherequestoftheenteringtypebookstoreinperson,designtheplatformtoSQLServer2000databasemanagementsystem,SQLlanguageprinciple,ASP.NET,ASP.NETdatabasetechnologyhascarriedonthedeeperstudyandapplication,mainlyfinishdemandanalysis,functionmoduledividing,databasemodetotheonlinebookstoresystemtoanalysis,andhasdesignedstructureofthedatabaseandapplicationprogramfromthis.Systematicoperationresultproveonlinebookstoresystemthistextdesigncanmeetshopperandsenioradministratorneedthebothsides.Inordertorealizethatofferstheinformationizationtomanagetothecommercialretailerthroughtheconstructionofthee-commercewebsite.Havesetupbecauseofthenetworkordersystemandnetworkmarketingsystem.Havedescribedthesystematicfunctionandrealizedemphatically,theprocedureofthedataandstoring,includinggoodscatalog,memberregistration,orderinganddoingshopping,goodsinquiry,backstagesupporter"sdatabaseadministrationonthenet,etc.【Keyword】Theonlineshopping,SQLServer2000,ASP.NET１ 景德镇高等专科学校毕业设计论文目录摘要………………………………………………………………………………………………I关键词………………………………………………………………………………………………II目录…………………………………………………………………………………………..…...1绪论………………………………………………………………………………………….…..3第一章可行性分析….….....41.1网站开发背景……………………………………………………………………………41.2网站可行性分析.4第二章系统概述…………………………………………………………………………………..52.1设计目标…..5第三章网站的设计…………………………………………………………………………….73.1主要设计模块………………………………………………………….……………….73.2首页设计103.2.1页头的设计思想103.2.2首页中搜索栏的设计思想113.2.3首页中整体设计思想……113.3用户登录页面的设计………………………………………………………………..133.3.1用户注册、登录、忘密页面的设计思想……………………………………133.4购物页设计.............................................................................................……..…….…163.4.1购物页中购物车的设计思想……………………………………….………163.4.2购物页中推荐商品的设计思想……………………………………....…….173.5陶瓷网后台管理页的设计…………………………………………………………..173.5.1管理员登录页面的设计思想………………………………………………173.5.2后台管理页面的设计思想…………………………………………………18第四章面向对象分析与数据库设计…………………………………………………..204.1系统用例图……………………………………………………………………………..204.1.1确定参与者……………………………………………………………………204.1.2创建系统用例图……………………………...……………………………...20１ 景德镇高等专科学校毕业设计论文4.2系统时序图…………………………………….…………..…..……...............................214.3系统协作图…………………………………………………………………..……..........234.4系统状态图…………………………………….…………..…..……...............................254.5系统活动图…………………………………………………………………..……..........264.6数据库设计…………………………………………………………………..……..........27第五章模块设计……………………………………………………………………...…....295.1首页设计代码实现…………………………………………………………………….295.1.1首页的特效代码实现……………………………………………………….295.1.2首页搜索商品的主要代码实现……………………………...……………..305.2Web.config的设置…………………………………….…………..…..……………….315.3购物车的实现…………………………………………………………………..…….....32总结报告.…………………….….35参考文献……..36致谢37１ 景德镇高等专科学校毕业设计论文绪论在Internet飞速发展的今天，互联网成为人们快速获取、发布和传递信息的重要渠道，它在人们政治、经济、生活等各个方面发挥着重要的作用。Internet上发布信息主要是通过网站来实现的，获取信息也是要在Internet“海洋”中按照一定的检索方式将所需要的信息从网站上下载下来。因此网上购物系统应运而生，网上购物弥补了传统购物的一些局限性，成为传统购物的补充。通过网上购物，无论你在哪里都可以轻松地买到心仪的物品，只要那里有一台接入了Internet的电脑，通过网上购物可以很清楚的了解各个商品的信息，从而对它们进行比较，最后买到自己称心的物品。对于管理人员来说，利用购物系统能轻松地管理大量的商品，而且可以通过系统查看各种商品的销售状况，通过各种数据能够及时地知道那种商品正在热卖，而那些商品属于冷门地，从而在运营上进行调整，更好地管理好商店。我设计的是陶瓷购物网站。用户可以根据自己的喜好浏览自己喜欢的陶瓷，但要想购买陶瓷，就必须通过注册成为会员后才能进行购买，登陆后就可以购物了。各种陶瓷都进行了详细地分类，可以轻松地找到自己想要地陶瓷，同时查找系统也能很容易地找到相关的陶瓷。当用户买到自己喜欢的陶瓷后就可以去结算了，通过下订单用户可以填写自己的相关信息，而完成购物的流程。34 景德镇高等专科学校毕业设计论文第一章可行性分析1.1网站开发背景近年来,随着人们生活水平的不断提高,很多人开始对收藏陶瓷感兴趣,因此产生了很多陶瓷经营店,然而它们的销售仅仅只能满足于光顾过陶瓷店的群体,这样就造成了陶瓷店销售的局限性,而导致其局限性的主要原因是距离,由于人们生活在不同的城市,所以不可能每个陶瓷爱好者都能光顾商家的陶瓷店.在这个信息发展的时代,网络已经拉近了人们的距离,因此,我们要解决陶瓷店销售的局限性就要建立起自己的陶瓷网,使得全世界的陶瓷爱好者都能在网上欣赏和购买陶瓷.1.2网站可行性分析优秀的网页设计必然服务于网站的主题，就是说，什么样的网站，应该有什么样的设计。例如，设计类的个人站点与商业站点性质不同，目的也不同，所以评论的标准也不同。网页艺术设计与网站主题的关系应该是这样：首先，设计是为主题服务的；其次，设计是艺术和技术结合的产物，就是说，即要“美”，又要实现“功能”；最后，“美”和“功能”都是为了更好地表达主题。当然，有些情况下，“功能”即是“主题”，还有些情况下，“美”即是主题。例如，雅虎作为一个搜索引擎，首先要实现“搜索”的“功能”。它的主题即是它的“功能”。而一个陶瓷网站的服务群体是广大消费者，他的主题在于陶瓷信息。整个网站的主题应该着重在陶瓷的信息。如果只注重主题思想的条理性而忽视网页构成元素空间关系的形式美组合，或者只重视网页形式上的条理而淡化主题思想的逻辑，都将削弱网页主题的最佳诉求效果，难以吸引浏览者的注意力，出现平庸的网页设计或使网页设计以失败而告终。34 景德镇高等专科学校毕业设计论文第二章系统概述2.1设计目标本陶瓷网开发的目的是构建一个陶瓷商家与客户在网上进行交易的B2C电子商务平台.开发本陶瓷网站的作用是扩展陶瓷经营店的销售网.使得陶瓷销售不受距离的影响.因此,陶瓷网的设计必须满足用户的购买需要.首先,用户可以在首页欣赏各类陶瓷;其次,网站还设置了分类按钮,用户可以分类欣赏陶瓷;最后,如果用户要欣赏或购买某个陶瓷,可以在网站的搜索栏里面输入陶瓷名称进行查找.当用户看中某个陶瓷的时候就可以点击“购买”按钮，将其添加到购物篮里,然后进行交易.最后就可以足不出户购买到自己所欣赏的陶瓷.。陶瓷网站的功能至少包括以下几点1.建立和维护用户信息库首先声明本陶瓷网的销售思想是和谐,不用注册也可以浏览全部陶瓷,就像一家服务好的商店服务宗旨永远是不买也可以进来看看.如果用户看到了自己所喜欢的陶瓷的话,可以免费注册成为我们陶瓷网的会员,注册的时候需要用户填写一些基本信息,例如:密码保护的信息等等,注册成功后页面会自动跳转到登录页面,如果用户忘记密码,还可以点击"忘密"后根据提示填写自己正确的密保信息找回,登录的时候还要填写验证码,登录后,进入用户信息管理页面,用户可以对自己的信息进行修改.2.方便和集成的电子购物环境用户登录后就可以在网站上进行购物了,当用户看到自己喜欢的陶瓷的时候,点击"购买"按钮就可以将陶瓷添加到自己的购物车里了,购买后用户还可以点击"购物车"按钮进入购物车页面,用户可以对购物车里的商品进行修改,删除操作,同时购物车里还根据用户购买的陶瓷显示出推荐商品.这样既可以让商家充分利用页面资源,又可以让用户发现自己可能喜欢的商品.34 景德镇高等专科学校毕业设计论文3.陶瓷后台管理陶瓷的后台管理只有管理员才能够登录,陶瓷管理页面分为商家、陶瓷类别、陶瓷三级管理。管理员输入帐号、密码后先登录到商家陶瓷后台管理,点击商品类目进入陶瓷类目管理,再点击商品管理进入陶瓷管理.这三级管理都可以分别进行添加、删除、选择.管理员通过后台的管理能够及时的更新陶瓷网,从而让用户第一时间看到陶瓷网的最新消息.34 景德镇高等专科学校毕业设计论文第三章网站的设计3.1主要设计模块本站借助由代码语言编程所实现的各种交互式效果，增加了网页界面的生动性和复杂性，也使得网页设计者需要考虑更多页面元素的排布、优化。为了建造一个符合我建设，商务网站平台。根据陶瓷购买的实际情况，按照网站开发的基本观点对网站进行分解，从内容上可对网站作如下划分：首页、注册、登录、购物车、留言、搜索等几个栏目。在陶瓷情概况下又分新品陶瓷与精品陶瓷；如下图所示：3.1.1根据功能需要把系统划分为以下几个子模块，如(图3-1)陶瓷电子商务系统陶瓷类目显示陶瓷目录显示搜索类目收款系统类目管理购物篮处理客户订单推荐系统客户信息管理(图3-1)陶瓷电子商务系统总体功能结构图3.1.2商品类目显示模块包括如(图3-2)所示的几个部分陶瓷类目模块显示陶瓷类目列表获取陶瓷详细信息(图3-2)陶瓷类目显示模块34 景德镇高等专科学校毕业设计论文3.1.3陶瓷目录显示模块包括如(图3-3)所示的几个部分陶瓷目录显示模块显示类目的详细信息显示指定类目的陶瓷列表显示主页上推荐的陶瓷列表(图3-3)陶瓷类目显示模块3.1.4陶瓷后台管理模块如（图3-4）所示的几个部分。陶瓷后台管理模块管理员身份验证管理陶瓷商家管理类目管理陶瓷管理陶瓷细节上传陶瓷图片（图3-4）陶瓷后台管理模块34 景德镇高等专科学校毕业设计论文3.1.5购物篮模块包括（图3-5）所示的几个部分。购物篮模块添加陶瓷入购物车更新陶瓷数量删除不想要的陶瓷检索购物车所有陶瓷计算购物陶瓷总价（图3-5）购物篮模块3.1.6处理客户订单包括（图3-6）所示的几个部分处理客户订单订购系统管理订单列表订单细节管理订单流水线管理通知客户信用卡授权库存检查付款发货（图3-6）处理客户订单34 景德镇高等专科学校毕业设计论文3.1.7客户信息管理模块包括（图3-7）所示的几个部分客户信息管理客户登录客户注册未注册客户检查客户找回密码（图3-7）客户信息管理3.2首页设计3.2.1页头的设计思想陶瓷网首页以橘黄色为主要色调，散发出青春活力气息，左上角添加本网的标题图片，图片下面添加“设为主页”和“加入收藏”的代码，中间添加一个陶瓷网的flash，让人耳目一新，flash下面是用Fireworks处理的按钮，用于陶瓷分类查看，表现出本陶瓷网分类欣赏的特色，右边是用户注册、登录和管理员登录窗体的链接，单击后可分别跳转到注册，登录的页面。如（图3-8）（图3-9）（图3-8）首页页头34 景德镇高等专科学校毕业设计论文（图3-9）陶瓷类目浏览3.2.2首页中搜索栏的设计思想网站中的搜索栏是使用Fireworks处理的图片，先将其在Dreamweaver里布局好，然后将代码导入到MicrosoftVisualStudio.NET2003里进行后台代码编写。在搜索栏的左上方添加了显示日期时间的代码，它和图片的结合显示出和谐的效果，使用户可以在浏览网站的同时了解当前的日期时间，同时也给首页添加了几分时尚的气息。搜索部分是在Datalist控件里选择陶瓷类目，然后在搜索栏里输入陶瓷名称，点击“go”按钮进行搜索。如（图3-10）（图3-10）首页搜索栏3.2.3首页中整体设计思想34 景德镇高等专科学校毕业设计论文首页的整体设计思想是使用web用户控件生成上下文，首页使用的控件有：页头的head.ascx控件（图3-11）、注册的main.ascx控件（图3-12）、显示陶瓷的ProductsList.ascx控件（图3-13），其中ProductsList.ascx不是直接拖入页面表格的，而是在html里给表单的单元格定义id，再在后台根据判断语句返回当前所需要显示的陶瓷，因为首页main.aspx会根据不同的操作显示不同的效果，从而加载不同的控件，因此这样做可以充分使用页面。首页的整体布局除了上面所说的页头和搜索栏部分外，在搜索栏的左下方是注册部分，注册的下方是查看购物车按钮，单击后转到购物车页面，注册控件旁边是显示商品，显示的商品配合用Fireworks处理的橘黄色图片给人耳目一新的视觉如(图3-14)。（图3-11）控件head.ascx（图3-12）控件main.ascx（图3-13）控件ProductsList.ascx（图3-14）首页整体布局34 景德镇高等专科学校毕业设计论文3.3用户登录页面的设计3.3.1用户注册、登录、忘密页面的设计思想用户注册、登录、忘密页面的设计思想是将多个表格全部放在一个页面里，这样就有利于传值。首先：注册页面（图3-15、图3-16、图3-17、图3-18）是运用了高级验证控件提示用户在注册的时候必须注意的问题；其次：登录页面（图3-19）运用了验证码功能，而且使用session检查用户是否登录；最后：忘密页面（图3-20、图3-21、图3-22、图3-23、图3-24）是根据用户注册时候填写的密保信息找回密码，并且可以重新设置新密码。（图3-15）注册条款声明（图3-16）用户帐号信息填写34 景德镇高等专科学校毕业设计论文（图3-17）用户基本信息填写（图3-18）注册成功（图3-19）注册页面34 景德镇高等专科学校毕业设计论文（图3-20）输入用户名（图3-21）输入密码提示答案（图3-22）找回成功（图3-23）设置新密码（图3-24）新密码设置成功34 景德镇高等专科学校毕业设计论文3.4购物页的设计3.4.1购物页中购物车的设计思想购物车的设计思想是在首页main.aspx里添加“购物车”按钮，单击它后main.aspx页面就会加载购物车的ShoppingCart.ascx控件（图3-25），ShoppingCart.ascx控件的设计是利用datagrid从表ShoppingCart和表Product里面读取数据，为了让数据显示在具体的表格里面，在html里给相应的单元格添加了绑定代码：<%#DataBinder.Eval(Container,"DataItem.字段名")%>，从而在页面上显示出绑定的具体数据，为了方便用户修改，购物车还实现了修改产品数量和删除商品的功能。如（图3-26）（图3-25）ShoppingCart.ascx控件（图3-26）购物车页面布局34 景德镇高等专科学校毕业设计论文3.4.2购物页中推荐商品的设计思想购物页中的推荐商品功能是根据用户已经选购的商品，显示出用户可能感兴趣的商品，也是使用ProductsList.ascx控件如(图3-27)(图3-27)商品推荐页3.5陶瓷网后台管理页的设计3.5.1管理员登录页面的设计思想管理员登录窗体guanlilogin.aspx是验证管理员进入后台管理的时候是否输入帐号、密码，如果没有登录就会自动转到guanlilogin.aspx页面，其实现功能是在web里设置的，下一章将给出详细代码。如(图3-28)(图3-28)管理员登录窗体34 景德镇高等专科学校毕业设计论文3.5.2后台管理页面的设计思想后台管理页面是从管理商家页面如(图3-29)→管理陶瓷类目页面如(图3-30)→管理陶瓷页面如(图3-31、图3-32)的三级层次管理关系构建的，它们都具有添加、删除和选择的功能。(图3-29)商家管理(图3-30)陶瓷类目管理34 景德镇高等专科学校毕业设计论文(图3-31)陶瓷管理(图3-32)陶瓷图片管理34 景德镇高等专科学校毕业设计论文第四章面向对象分析与数据库设计4.1系统用例图4.1.1确定参与者根据第三章对系统模块的分析，可知本陶瓷网的参与者有：⑴系统管理员⑵注册用户⑶非注册用户在visio中创建系统的参与者如(图4-1)所试示(图4-1)系统的参与者4.1.2创建系统用例图⑴未注册用户的用例图如(图4-2)所示（图4-2）未注册用户用例图34 景德镇高等专科学校毕业设计论文⑵注册用户用例图如（图4-3）所示（图4-3）注册用户用例图⑶系统管理员用例图如（图4-4）所示（图4-4）管理员后台管理用例图4.2系统时序图时序图按时间顺序描述系统元素之间的交互。本陶瓷网的时序图主要有如下几个。⑴管理员管理产品的时序图如（图4-5）所示34 景德镇高等专科学校毕业设计论文（图4-5）管理员管理产品时序图⑵管理员管理类目的时序图如（图4-6）所示（图4-6）管理员管理类目时序图34 景德镇高等专科学校毕业设计论文⑶用户购买商品的时序图如（图4-7）（图4-7）用户购买商品时序图4.3系统协作图由于系统的时序图和协作图一般描述相同的内容，因此根据系统的时序图，本陶瓷网的协作图可分为以下几个：⑴管理员管理产品的协作图如（图4-8）34 景德镇高等专科学校毕业设计论文（图4-8）管理员管理产品协作图⑵管理员管理类目的协作图如（图4-9）（图4-9）管理员管理类目协作图⑶用户购买商品的协作图如（图4-10）34 景德镇高等专科学校毕业设计论文（图4-10）用户购买商品协作图4.4系统状态图⑴后台产品管理状态图如（图4-11）（图4-11）后台产品管理状态图⑵后台类目管理状态图如（图4-12）34 景德镇高等专科学校毕业设计论文（图4-12）后台类目管理状态图⑶前台业务模块的状态图如（图4-13）（图4-13）前台业务模块状态图4.5系统活动图⑴前台业务模块的活动图如（图4-14）（图4-14）前台业务模块活动图34 景德镇高等专科学校毕业设计论文⑵后台业务模块的活动图如（图4-15）（图4-15）后台业务模块活动图4.6数据库设计根据模块的划分，本陶瓷网应建立的数据表如下：⒈Customer表：用户信息表。⒉Department表：陶瓷商家信息表⒊Category表：陶瓷类目信息表⒋Product表：陶瓷信息表⒌ProductCategory表：把陶瓷和陶瓷类目相关联起来的表⒍ShoppingCart表：存储所有购物车的信息表⒎Orders表：存储订单本身的数据和发出定单的客户信息表⒏OrderDetail表：存储每个定单中的商品信息表⒐Audit表：审核定单信息表⒑Status表：状态表表之间的关系如（图4-16）34 景德镇高等专科学校毕业设计论文（图4-16）各表关系图34 景德镇高等专科学校毕业设计论文第五章模块设计5.1首页设计代码实现5.1.1首页的特效代码实现设为主页，加入收藏：设为主页加入收藏