小型网上商城的设计与实现

小型网上商城的设计与实现

ID:12510460

大小:1.85 MB

页数:43页

时间:2018-07-17

上传者:U-3269
小型网上商城的设计与实现_第1页
小型网上商城的设计与实现_第2页
小型网上商城的设计与实现_第3页
小型网上商城的设计与实现_第4页
小型网上商城的设计与实现_第5页
资源描述:

《小型网上商城的设计与实现》由会员上传分享,免费在线阅读,更多相关内容在行业资料-天天文库

本科生毕业设计(论文)小型网上商城的设计与实现摘要本文对网上购物系统的开发过程作了详细的描述,系统是用asp技术和access2003数据库技术进行开发的,并且达到功能明确,费用低廉,通用性强,适合我国国情的购物网站系统。文中着重论述了该系统的设计与实现,并对关键的技术作了较详细的介绍。本系统共分两个部分:前台用户部分和后台管理部分。在前台系统中有用户注册登陆、浏览商品、订购商品、订单查询、发表评论和留言板。后台系统中有系统管理,会员管理,订单管理、商品管理、留言管理。在用户注册模块中,特别加强了用户注册信息验证的严格性;在商品或商家信息浏览和查询模块中,用户可以对商品进行浏览检索,查看商品的详细资料;并且规定注册成会员的用户才能对商品进行评论。没有注册成会员的用户只能浏览商品。在后台系统中,系统管理员可以对已注册的用户进行审查,并对提交的订单进行处理;可以对现有的商品进行管理以及对留言进行管理。整个系统结构清晰,功能明确,页面风格鲜明,易操作,适合客户的需要。使交易能够更加方便和快捷。关键词网上购物;ASP;access2003数据库14 本科生毕业设计(论文)DesignandImplementationofOnlineShoppingMallAbstractThisarticlethroughdetaileddescriptionfordevelopmentoftheonlineshoppingsystem.ThesystemisbasedonASPandAccess2003Databasedevelopmenttechnology,bythetimeachievedfunctionformidable,theexpenseisinexpensive,versatile,suitsourcountrynationalconditiontheshoppingwebsitesystem.Inthearticleelaboratedonemphaticallythissystemfunctionandtherealization.Andhasmadethedetailedintroductiontothekeyrelatedtechnology.Thesystemincludestwomoduleswhicharetheforegroundsystemandthebackgroundsystem.Intheforegroundofmysystem,Thereareusersregisteringandlogin,querymerchandise,ordermerchandise,orderedquery,makecommentsandmessageboards.Inthebackgroundsystem,therearesystemmanagement,membershipmanagement,ordersmanagement,productmanagement,messagemanagement.Inthemoduleofusersregistering,inparticular,Istrengthentheuserregistrationinformationtothestrictcertification;inthemoduleofbrowsingandqueryingcommodityorbusinessinformation,userscanbrowseandsearchforproducts,viewsproductsandthebusinessdetails.Inthebackgroundsystem,thesystemadministratorhastobearegisteredusertoreviewandsubmitordersforprocessing;thesystemadministratoralsocanmanageexistingproducts,transportingwaysandcustomersmail.Theentiresystemstructureisclear,unambiguous,pagestyleclear,easy-to-operate,suitablefortheneedsofcustomers,thusenablingtorealizeonlinetradeandmakingthetrademoreconvenient.Keywordsshoppingonline;ASP;access2003database14 本科生毕业设计(论文)目录摘要IAbstractII目录III第1章绪论1第2章系统开发及运行平台22.1选择ASP的原因22.2Access2003简介32.3开发环境介绍4第3章需求分析53.1可行性分析53.1.1技术可行性53.1.2经济可行性53.2需求说明53.2.1性能需求63.2.2功能需求6第4章系统的总体设计74.1系统总体结构图94.2网站流程图94.3数据库设计114.3.1数据库需求分析114.3.2数据表结构的详细设计11第5章系统功能模块设计145.1前台首页布局145.1.1前台首页的设计145.1.2用户注册模块设计165.1.3用户登录模块设计185.1.4购物车界面215.1.5我的订单界面225.2后台首页设计235.2.1系统管理模块245.2.2会员管理模块245.2.3类别管理模块255.2.4订单管理模块255.2.5商品管理模块255.2.6留言管理模块26结论27致谢28参考文献29附录A译文3014 本科生毕业设计(论文)可视化组织30附录B外文原文3514本科生毕业设计(论文)14 本科生毕业设计(论文)第1章绪论传统购物已经不能满足人们日益增长的需求,传统购物受到商店营业面积的限制,想买到所有想买的东西,要逛好几家商店才有可能买到,浪费很多时间和精力。而且大多消费者受到营业时间的限制,不能随时随地的买东西。传统商店的店铺费,代理费以及其它相关费用,可能使得商品的的销售价格变为原来成本价格的2倍可能更多。随着互联网的不断发展,网络已日益成为收集提供信息的最佳渠道并进入传统的流通领域。为了解决传统购物的一些问题,一种全新的购物理念开始形成并逐步发展。本文讲述了小型网上商城购物系统的设计与实现的全过程,向消费者展示出一种新颖的购物理念。网络商店中的商品种类多,没有商店营业面积限制。它可以包含国内外的各种产品,充分体现了网络无地域的优势。网络购物没有任何时间限制。作为网络商店,它可以24小时对客户开放,只要用户在需要的时间登录网站,就可以挑选自己需要的商品。购物成本低。对于网络商品购买者,他们挑选、对比各家的商品,只要登录不同的网站,或是选择不同的频道就可以在很短时间内完成,而且可以直接由商家负责送达,免去了传统购物中舟车劳顿的辛苦,时间和费用成本大幅降低。网上购物是一种具有交互功能的商业信息系统。它向用户提供静态和动态两类信息资源。所谓静态信息是指那些不经常变动或更新的资源,动态信息是指随时变化的信息,如商品报价,商品类别等。网上购物系统具有强大的交互功能,可使商家和用户方便的传递信息,完成电子贸易。网上购物系统不仅要有漂亮的网页,更要有严谨的规划,注重每一个细小的环节。这样才能使得在电子交易时避免不必要错误发生。本文使用ASP技术来编辑网页,运用ACCESS技术把数据库和动态网页相关联。传统的管理信息系统信息获取方法是由专业文字录入人员将信息输入到管理系统的数据库中,这种方法在数据量不大时有很多的应用场合。当数据量比较大,并且有较强的专业性时,录入的费用和出错的可能性都相应上升。本设计在实际应用中的解决方案是建立网站,以及自己的数据库,使得所需商品信息可以及时的保存、更新,可以更好的及时了解商品买卖的情况。14 本科生毕业设计(论文)第2章系统开发及运行平台2.1选择ASP的原因ASP(ActiveServerPages动态网页)是微软公司推出的一种用以取代CGI(CommonGatewayInterface通用网关接口)的技术。通过ASP我们可以结合HTML网页、脚本语言和ActiveX元件建立动态、交互且高效的WEB服务器应用程序。有了ASP你就不必担心客户的浏览器是否能运行你所编写的代码,因为所有的程序都将在服务器端执行,包括所有嵌在普通HTML中的脚本程序。当程序执行完毕后,服务器仅将执行的结果返回给客户浏览器,这样也就减轻了客户端浏览器的负担,大大提高了交互的速度。以下阐述了ASP的几个特点1.ASP使用简单,容易学习。使用VBScript、JavaScript等简单易懂的脚本语言,结合HTML代码,即可快速地完成网站的应用程序。当你安装ASP时,系统提供了两种脚本语言:VBsrcipt和Jscript,而VBscript则被作为系统默认的脚本语言。你也可以根据自己的喜好改变系统默认的脚本语言。 2.无须编译,可在服务器端直接执行。当执行ASP程序时,脚本程序将一整套命令发送给脚本解释器(即脚本引擎),由脚本解释器进行翻译并将其转换成服务器所能执行的命令。 3.使用普通的文本编辑器,如Windows的记事本,即可进行编辑设计。4.ASP使用的ActiveX技术基于开放设计环境,用户可以自己定义和制作组件加入其中,使自己的动态网页具有无限的扩充能力,这是传统的CGI等程序所远远不及的地方。使用ASP还有个好处,就是在于ASP可通过ADO(ActiveDataObject)方便的访问数据库。5.ASP的源程序,不会被传到客户浏览器,因而可以避免所写的源程序被他人剽窃,也提高了程序的安全性。如果使用VB14 本科生毕业设计(论文)、C++或JAVA等编程语言开发过后端Web应用程序,将会发现ASP是用于创建Web应用程序的灵活而快速的方法。除了添加脚本为应用程序创建迷人的HTML界面外,还可以建立自己的COM组件。可以将应用程序的商业逻辑封装在可重复使用的模块中,以便在脚本、其他组件或其他程序中调用[1]。2.2Access2003简介该系统是在WindowsXP下开发的,后台数据库使用的是Access2003。Access2003以其简单易用的特点,逐渐成为办公领域流行的数据库软件。使用Access2003,用户不需要进行专业程序设计能力培养,就可在较短的时间内通过简单直观的可视化操作(操作向导)完成大部分的数据管理任务,设计出功能强大的数据库管理程序。即使要开发复杂或专业的数据库管理程序,也只需编写少量的程序代码。Access2003是微软公司开发的基于Windows平台的小型数据库管理系统,是Office2003的组件之一。它承袭了旧版本Access的各项优点,又新增和完善了数据访问页、个性化菜单、internet/intranet、编程、安全保密等功能[8]。数据库管理系统DBMS(DataBaseManagementSystem),它是允许用户对数据库进行创建、修改,并可以对数据库内的数据进行加工处理,生成各种报表的软件系统。用户使用数据库的命令、执行数据库应用程序都需要通过数据库管理系统来完成。Access2003就是可以完成上述任务的一个流行的数据库管理系统[9]。关系型数据库系统RDBMS(RelationDataBaseManagementSystem)它是以数据的关系模型为基础,根据自己定义的关系来存储、处理和管理数据库信息的系统[10]。Access2003数据库是一个典型的关系型数据库。用户在使用Access2003时,可以为每一种类型的信息创建一个表,将数据分别存放在自己创建的表中,并建立起表与表之间的关系;然后使用查询,从一个或多个表中查找符合条件的数据;使用窗体,编辑表中的数据;使用报表,分析、汇总表中的数据,并可以根据实际的需要将所需的数据打印出来;利用数据访问页,查看、编辑WEB页;使用宏,自动完成事先定义好的一系列操作;通过嵌入模块,采用VisualBasic语言编写一段程序代码来实现一些复杂功能,在Access2003上开发出功能更完善的数据库管理程序[8]。Access是一个面向对象的、采用事件驱动机制的小型关系数据库管理系统。在Access中,用户可以根据实际需要对数据进行分类,然后使用表对象分别存储每一种类型的数据,并建立起不同类型数据之间的关系,供报表使用。此时,每条信息仅在一处存放,减少了冗余数据的产生,节省了宝贵的存储空间,同时也加快了更新数据的速度。14 本科生毕业设计(论文)在Access数据库中,任何有名字的事物都可以称之为对象。Access使用了与Windows一致的风格,采取面向对象的方式,完成数据库的各种功能。极大地简化了用户的开发工作。针对用户在实际应用中的需求,Access数据库提供了表、查询、窗体、报表、页、宏和模块等七个对象,用于收集、存储和操作各种不同的信息。为了便于使用,Access的每个对象都为用户提供了设计器和生成向导。用户可以在设计器中设计生成对象,或对生成的对象进行编辑;用户也可通过生成向导方便快速的生成一个完备的对象。2.3开发环境介绍操作系统:WindowsXPIIS5.1(InternetInformationServer5.1)Dreamweaver8.0脚本语言:JavaScript数据库工具:MicrosoftAccess2003浏览器:IE6.0基于B/S结构14 本科生毕业设计(论文)第3章需求分析3.1可行性分析计算机网络作为一种先进的信息传输媒体,有着信息传送速度快、信息覆盖面广、成本低的特点。因此,很多个人或企业都开始利用网络开展商务活动,可以看到,在个人或者企业进行网上商业活动时产生的效益是多方面的。但是,开发任何一个基于计算机的系统,都会受到时间和资源上的限制。因此,对在接受任何一个项目开发任务之前,必须根据客户可能提供的时间和资源条件进行可行性分析,以减少项目的开发风险,避免人力、财力和物力的浪费。可行性分析与风险分析在很多方面是相互关联的,项目风险越大,开发高质量的软件的可行性就越小。3.1.1技术可行性毕业设计整个系统是以ASP技术来开发,由于代码是经过服务器执行之后才向浏览器发送的,所以在客户端看到的只能是经过解析之后的数据,而无法获得源代码,故编写者不用担心自己的代码会被别人剽窃。数据库的创建使用MicrosoftAccess2003,为了便于编程,前台的操作页面和后台的数据库管理页面的设计我是分别进行的。在整个程序编写完之后,在将后台的数据库管理页面通过管理员在前台的登录来调用,这样就把前台和后台有机的连接起来,使操作更加方便。当用户以会员身份登录调用执行的是前台的操作页面,而当以管理员身份登录时,则进入后台管理页面来对数据库进行操作。3.1.2经济可行性本系统开发费用不是很高,将来运行、维护的费用依数据库的规模而定。估计该系统投入使用后,可以为人们的购物带来方便。不过,如果在投入使用之后,可能会花费一笔钱,用于网站平时的维护,因为在人们购物结束之后,管理员必须对所销售产品、库存产品等进行统计,还有要定时发布商品的新消息。3.2需求说明随着www(WorldWideWeb)的普及,动态网页技术也急速发展。从原来的CGI(CommonGatewayInterface)到ASP(ActiveServerPage)14 本科生毕业设计(论文)都从某种程度上满足了网页开发人员对动态网页开发技术的需求。通过ASP我们可以结合HTML网页、ASP指令和ActiveX元件建立动态、交互且高效的Web服务器应用程序。因为所有的程序都将在服务器端执行,包括所有嵌在普通HTML中的脚本程序。当程序执行完毕后,服务器仅将执行的结果返回给客户浏览器,这样也就减轻了客户端浏览器的负担,大大提高了交互的速度。3.2.1性能需求考虑到目前处于毕业设计阶段,但是该系统今后有可能投入到应用实践中,所有该系统的总体性能应有一定的严格要求,具体如下:1.数据精确度在精度需求上,根据使用需要,在各项数据的输入,输出及传输过程中,由于本系统使用了数据结构,可以满足各种精度的需求。2.时间特性由于网络发展的速度之快,在发布消息时,应该讲究“准,及时”,做到能更好完全满足用户要求。3.可使用性当用户访问网站时,用户可以方便地进行搜索和了解自己要想的信息。4.可维护性维护模块是整个系统运行的基础,用于对网站进行日常管理和维护,包括商品的增加、权限设置和数据删除等功能。3.2.2功能需求根据本网站主要任务和系统的需求,确定本网站主要完成以下功能:1.用户注册2.商品浏览3.会员评论4.购物车5.收银台6.查看订单7.后台管理员设置14 本科生毕业设计(论文)第4章系统的总体设计随着Interent的发展,电子商城已成为21世纪网络发展的主流,网上购物也成为一种购物时尚。目前国内很多企业正加入到一些电子商城里,通过网络进行交易将成为未来商品交易的重要组成部分。而人民的生活水平的提供和生活节奏的加快,工作中的人民没有大量的时间花在购物上,所以网上购物也已经成为了一种时代进步的产物。人们可以在家,也可以在工作休息时,在网上挑选自己喜欢和想要购物的东西。所以,一些网站的还是起到很大的作用。根据本网站主要任务和系统的需求,确定本网站系统设计目标:前台要实现的功能:由于在商场进行购物的顾客是来自不同的群体,如何帮助他们正确使用购物过程中的操作和技巧,尽快投入到购物中,必须在这个设计中体现出来。(1)界面友好,操作简单,提供大量的使用和提示说明。(2)提供会员制:可以对自己的注册资料进行修改,可以进入系统查询商品,订购商品;可以对商品发表评论;可以查看自己的订单处理。(3)提供最新、推荐、促销商品信息的浏览。(4)对站内所有的商品能够进行分类。(5)显示商品的具体信息时,要详细显示商品的大部分信息,并注明不同用户和不同产品价格区别,并能够提供对同类相关产品的显示。(6)允许会员用户对商品进行评论。未注册顾客可以浏览评论内容。(7)为了更好与用户进行沟通,给用户提供留言功能,以利于用户与商场管理员之间的交流。(8)对于用户购买物品到提交订单整个流程要做到简单明了、安全,尽量模拟现实购物的习惯。对于购物车内的物品要用列表一一显示出来,并提供删除功能,对于重复够买的物品要累加计算。在用户提交订单时要提供多种运送方式,并对信息提供重复审核的功能。(9)整个界面以绿色为主色调,布局统一,用CSS统一整个版面的样式。系统结构清晰,功能明确,页面风格鲜明,易操作。14 本科生毕业设计(论文)后台管理功能:要能够对网站绝大部分的动态信息直接操作,尽量不改动页面。提供系统管理,会员管理,类别管理,订单管理,商品管理,留言管理等。(1)系统管理模块可以修改管理员密码,数据库备份路径,以及数据库的其它信息;(2)会员管理模块对注册的会员统一管理以及会员短信的管理(3)类别管理模块对系统中的商品类别进行管理,在该模块中管理员可以对商品类别进行添加和管理;(4)订单管理模块在该模块中对当前订单进行处理和确认;(5)商品管理对商品进行添加和管理及对商品评论进行管理;(6)留言管理模块对客户的留言进行处理解决。14 本科生毕业设计(论文)4.1系统总体结构图前台管理系统如图4.1所示:用户注册登陆发表评论购买商品客户留言查看购物车查看定单修改资料浏览商品会员资料管理图4.1前台功能模块图后台管理系统如图4.2所示:管理员登陆留言板管理商品管理订单管理类别管理会员管理系统管理商品评论商品添加和查看订单查询处理订单类别删减类别添加会员信息管理会员查询上传文件管理网站信息管理图4.2后台功能模块图14 本科生毕业设计(论文)4.2网站流程图本系统功能流畅,操作简单,具体操作流程如图4.3所示:主页面登陆不注册注册用户登陆验证修改资料查看定单查看购物车管理员登陆验证系统管理会员管理类别管理订单管理商品管理留言板管理用户管理员失败失败注销成功成功成功客户留言浏览商品商品介绍图4.3网站流程图14 本科生毕业设计(论文)4.3数据库设计4.3.1数据库需求分析现代的,成熟的和广泛占领市场的数据库产品一般都是关系数据库产品。关系数据库产品具有坚实的理论基础,access是由微软开发的适合中小型应用的一款关系型数据库产品,在安装office时可以选择安装。这个购物网站是针对于毕业设计而做的,所以选择操作比较简单的access作为后台数据库。4.3.2数据表结构的详细设计本网站重要的数据表,分别如下adminuser(后台管理员信息表)、basket(顾客购物记录表)、book(客户留言表)、csort(商品分类表)、dvote(商品评论表)、links(友情链接信息表)、orders(订单信息表)、user(会员信息表)下面分别来说明这些数据表。1.adminuser(后台管理员信息表)后台管理员信息表如图4.4所示。图4.4后台管理员信息表界面2.basket(顾客购物记录表)顾客购物记录表此表主要用来记录消费者订购信息。如图4.5所示。图4.5顾客购物记录表界面3.book(客户留言表)客户留言表主要用来保存留言者的信息的。如图4.6所示。33 本科生毕业设计(论文)图4.6客户留言表界面4.csort(商品分类表)商品分类表主要是保存出售商品的信息的。如图4.7所示。图4.7商品分类表界面5.dvote(商品评论表)商品评论表主要用来记录会员对商品的评论信息。如图4.8所示。图4.8商品评论表界面6.links(友情链接信息表)友情链接信息表主要是用来保存你的友情链接的主要信息的。如图4.9所示。33 本科生毕业设计(论文)图4.9友情链接信息表界面8.orders(订单信息表)订单信息表用来保存订单的详细信息。如图4.10所示。图4.10订单信息表界面9.user(会员信息表)会员信息表主要用来存储所注册的会员的信息。如图4.11所示。图4.11会员信息表界面33 本科生毕业设计(论文)第5章系统功能模块设计5.1前台首页布局开发一个网站,好的页面风格和页面框架是非常重要的,特别是对购物网站来说,应该需要更好的页面风格和布局。其效果图如图5.1所示:图5.1前台首页界面5.1.1前台首页的设计33 本科生毕业设计(论文)33 本科生毕业设计(论文)5.1.2用户注册模块设计用户若要在本网站中购物或享受会员权利就必须在本网站注册并登录,这是一个必须的步骤,下面让我来详细介绍一下本模块的功能实现。注册界面如图5.2所示。图5.2用户注册界面在用户登记个人的详细资料时,仍然使用ASP中的Recordset的对象,对数据库进行添加的操作,其方法如下:setrs=server.createobject("adodb.recordset")sql="select*fromuserwhereuser_id='"&user_id&"'"rs.opensql,conn,3,3rs.addnewrs("user_id")=user_idrs("user_adds")=user_addsrs("user_mail")=user_mailrs("user_password")=passwordrs("regip")=request.servervariables("remote_addr")rs("user_postalcode")=user_postalcoders("user_name")=user_name33 本科生毕业设计(论文)rs("sex")=request("sex")rs("user_tel")=user_telrs("user_grade")="会员"rs("regdate")=now()rs("logins")=1sex=rs("sex")user_grade=rs("user_grade")user_tel=rs("user_tel")user_password=rs("user_password")rs.updatesession("user_id")=rs("user_id")session("user_grade")=rs("user_grade")rs.close申请成功后进入提示界面,告诉用户已经申请成功。如图5.3所示。图5.3注册成功界面在会员注册中,首先是检查该顾客所申请的用户名是否以被人申请了,若已被人申请了该用户名,则系统将提示给用户“该用户名已存在”的信息。其方法还是使用对数据库的操作:setrs=server.createobject("adodb.recordset")sql="select*fromuserwhereuser_id='"&user_id&"'"rs.opensql,conn,3,333 本科生毕业设计(论文)查找数据库,检查用户名是否已经注册过ifnotrs.eofthenerrmsg=errmsg+"
"+"

  • 对不起,该帐号已被别人注册,请点击浏览器的后退键重新选择您的登陆帐号"founderr=trueendifrs.close5.1.3用户登录模块设计用户只有通过登录模块的验证才能进入网站。当用户在左侧“用户信息”区域中的“用户名”和“密码”文本框中输入用户名和密码后,单击“登录”按钮,如果验证成功,用户将以会员的身份进入时装购物网的首页,并可在网站中进行购物。其效果图如表5.4所示图5.4登录界面设计用户登录页面,查找数据库,利用用户名和密码登录网站:sql="select*fromuserwhereuser_id='"&user_id&"'anduser_password='"&user_password&"'"Setrs=Server.CreateObject("ADODB.RecordSet")rs.opensql,conn,3,3session("user_id")=rs("user_id")session("user_grade")=rs("user_grade")注册的会员可以实现对注册资料的修改,如图5.5所示。33 本科生毕业设计(论文)图5.5用户资料修改界面用户可以浏览所有商品,查看商品的详细信息。浏览商品界面如图5.6所示:图5.6商品详情界面如果是会员用户可以对商品评论,如图5.7所示。但是没有成为会员的用户不能对商品发表评论,如图5.8所示。33 本科生毕业设计(论文)图5.7会员评论界面图5.8没有注册的用户不能发表评论界面具体实现代码如下:ifsession("user_id")=""thenresponse.write"alert('会员可发评论,请先登陆');"response.write"javascript:self.close()"response.endendifdisplay=CurPagesetrs=server.createobject("adodb.recordset")ifrequest("action")="save"thengrade=request("grade")ifrequest("content")<>""thencontent=replace(replace(replace(request("content"),"'","‘"),"<","<"),">",">")endifsql="select*fromDvotewheredownid="&request("id")&"orderbyiddesc"rs.opensql,conn,1,1ifrs.bofandrs.eofthenV_num=033 本科生毕业设计(论文)pingrade=0endif5.1.4购物车界面购物车界面如图5.9所示:图5.9购物车界面/*建立购物篮的详细代码*/<%sql="select*fromproductwhereid="&request("id")sql="select*frombasketwhereuser_id='"&session("user_id")&"'andbasket_check=false"setrs=server.createobject("adodb.recordset")rs.opensql,conn,3,3ifrs.eofthen%>…..<%elsedowhilenotrs.eof%>这个是对购物篮的商品进行清空的处理">清除
  • 如果用户点击去收银台,会将界面跳转到cash.asp,选择付款方式和配送方式,然后提交订单。如图5.10所示。33 本科生毕业设计(论文)图5.10购物住处确认界面购物确认之后,订单界面如图5.11所示:图5.11完成订购界面5.1.5我的订单界面用户在购买商品之后,可以查看自己的订单,也可以查看订单的状态,其中订单状态包括(未受理、已付款、已发货)。33 本科生毕业设计(论文)我的订单如图5.12所示:5.12我的订单界面查询成功的代码实现如下:<%sql="select*frombasketwhereorder_number='"&order_number&"'"setrs1=server.createobject("adodb.recordset")rs1.opensql,conn,3,3%>5.2后台首页设计后台系统中包括以下几个子模块,系统管理,会员管理,类别管理,订单管理,商品管理,留言管理等。后台首页界面如图5.13所示。图5.13后台首页界面33 本科生毕业设计(论文)5.2.1系统管理模块系统管理模块中可以修改管理员密码,如图5.14所示。图5.14管理员修改密码界面修改数据库备份的位置,如图5.15所示。图5.15数据库备份修改路径界面以及其它网站信息的设置,图5.16所示。图5.16网站信息管理界面5.2.2会员管理模块会员管理模块中可以管理注册的会员,如图5.17所示。33 本科生毕业设计(论文)图5.17会员管理界面5.2.3类别管理模块在类别管理模块中可以对所有商品的类别进行管理,如图5.18所示。图5.18类别管理模块界面5.2.4订单管理模块在订单管理模块中可以对顾客下的订单进行处理,如图5.19所示。图5.19订单管理模块界面5.2.5商品管理模块在商品管理模块中,可实现对商品的管理,添加新的商品,并可以实现会员商品的评论管理。如图5.20所示。33 本科生毕业设计(论文)图5.20评论管理模块界面5.2.6留言管理模块在留言管理模块中可实现对所有留言用户的管理,如图5.21所示。图5.21留言管理模块界面33 本科生毕业设计(论文)结论在历时将近三个月的时间里,我的毕业设计是从学习新的知识(ASP语言),到建立网上购物系统的网站。我遇到了若干的问题和解决了不少的问题.从建立自己的虚拟服务器,到网站服务,我对建立网站的认识从无到有,有了具体详细的认识。本文所建立的网上购物系统只是一个网上的购物的基本原理,里面要涉及到的方方面面的问题我们未曾遇到或现有的条件限制而未能实现。购物系统并不是我们想象的写程序那么简单,它包括了编写程序、数据库设计、网页制作、图象处理、版面设计、数据采集、文本编辑、服务器管理等等,要搞好一个好的,完善的网站需要一个详细的、合理的、可行性的规划设计。在用ASP开发的时候,在程序的调试上出现了很大的问题,要使用浏览器来浏览才能找出错误所在,这一定程度上延长了开发周期。在开始的时候往往要为了找一个小错误花上大半天的时间。经过多看程序,现在已经对程序有了一定的了解。因为我的专业也不是学编程的,所以毕业设计完成的也是比较辛苦的。随着Web技术的进一步发展和Internet的逐渐大众化,基于Internet的电子商务系统无疑比传统商务具有更加广阔的应用前景。而如何提高电子商务系统中的数据访问效率、交易平台的安全性及事务处理的能力仍是当前人们所关注的热点问题。这些问题有待于我们大家作更深入的探讨,相信在不久的将来电子商务将表现出越来越大的作用。在整个设计过程中学习到了很多关于ASP的知识,得到了很多学习经验,也得到了很多锻炼,同时提高了自己分析和解决问题的能力.我的毕业设计还有一些漏洞和不足之处,由于时间和能力关系,没来得及实现,希望以后能够完善。33 本科生毕业设计(论文)致谢此次的毕业设计得到了许多老师和同学的关心和帮助,在此我对他们表示诚挚的谢意.首先应该要感谢的是我的指导老师陈莹莹老师,在这次的毕业设计过程中,陈莹莹老师一直对我们认真的指导和监督,给我们指出了学习的方向,让我们可以按时的完成设计.其次我要感谢四年来传授知识给我的各位老师,感谢他们四年来对我们的教导和关心,使我们具备了一定的专业知识和能力.最后我还要感谢同学们,因为大家一起的努力,相互帮助学习,我们才可以在这四年的时光时快乐的学习.在这次的设计中我学到了很多很多,给我的启示也是让我终生受益。今后我在工作中也许不会触及这方面,也许根本没有机会再与这些知识接触,但是有了这次的体会我会认真的去对待每一个件事和每一个机会,争取做到最好!33 本科生毕业设计(论文)参考文献1《ASP网络编程从入门到精通》顼宇峰马军编著清华大学出版社2《Dreamweaver8+ASP动态网站开发从基础到实践》戴一波等编著电子工业出版社3《ASP开发实例》清汉计算机工作室编著机械工业出版社4《ASP实例演练之组建商务网站》洪传华编著中国电力出版社5《电子商务网站建设》薛万欣编著北京交通大学出版社6《ASP动态网站之旅》李福荣曹庆臻编著人民交通出版社7《ASP数据库开发实例解析》李严于亚芳王国辉编著机械工业出版社8《Access2003数据库管理从入门到精通》李海兵杨晓亮编著中国青年出版社9《Access2003数据库应用教程》 陈佛敏金国念编著华中科学技术出版社10《Access数据库技术与应用》谭浩强编著清华大学出版社33 本科生毕业设计(论文)附录A译文可视化组织5.1引言网页的外观,跟外观在其他许多情况中一样重要。精美的履历能给人留下好的第一印象从而赢得信心。有趣的过期报纸比草率的报纸能得到更多的尊重。在网页上,好的可视化组织能让使用者知道那些条目是有联系的,同时也能帮助人们很快的找到需要的页面。内容组织和视觉组织是紧密相连的。一个有效的布局能加强站点的内容组织,当然,也使得站点更容易导航。或许你已经体验到一个视觉组织好的网站带给你方便的实例。比如说,当你行驶在洲际的公路上,如果你看到右侧通道上方有一个出口标志,那么它直接的表示出口也在右侧。再如,当你浏览桌上放着的一本书的目录,内容的布局能使你很快明白书的结构。因此,你能直接翻到你想看的那部分。一旦你知道你的用户群体是哪些,你就能决定网页的外观应该包含什么。简单说来:内容组织依赖与视觉组织。这是一个设计网页布局的开发者的观点。作为一个使用者的观点,我不得不说以下这点。好的视觉组织能使我们快捷的查找出所需内容的地点。看一个网又或者看整个世界,人们往往会从他们看到的外观和事物的布置上来推断它的结构。在本文的第2段格式塔定律(Gestalt)已经充分让我们认识到可视化组织在网页上的必要存在性。在本文章中,你将从四个简单而有强有说服力的原则来教你建网页的视觉组织。按照以下四个原则,网站能让使用者更加快速地找到需要的信息。文章的目标在本文中,你将会了解以下四个关于可视化组织的原则以及如何应用它们:1.近距离性2.线性排列3.一致性4.对比性5.2简单阐述43 本科生毕业设计(论文)以下就是这四个原则,不要掉以轻心:近距离性:人们通常认为紧密相关的数据项应该放在一起。把有关系的项目作为组放在一起,分开没有关联的项目。比方说,将段落的标题放到与相对应的段落附近。线性排列:将相关的数据项目排列成为一条虚拟的线。使同等重要的条目排成一行,把略为重要的条目缩进。这些从属于主标题的项目就是清楚使用这些线的具体阐述。一致性:使有关系的数据项目看起来类似。在每个网页的左边建立一个导航条是体现连贯性的的一个方面,使所有的工具按钮为同样的大小是另一个方面。对比性:使不同的数据项目起来也不相同。把每个章节的标题用大的粗体与内容中的略小的字体区分开。一个优秀的网页可视化组织便是依赖与以上四个原则。通常在建网页时,会将这四个原则结合起来,但是首先在设计的时候每个原则都是各自独立的。5.3近距离性丹的服装店女装男装童装特殊尺码七月特卖雨衣特卖粉色袜子脱销店面地址开设帐户帐户等级注销联系我们这是格式塔定律(Gestalt)之一,在第2段中已经提及。应用该原则更能清晰的将有关的数据项组织在一起。如下两图。图1是一个小商店的初步体现近距离性的导航表。图2是一个合理的布局,利用近距离性充分的表达了整个商店的内容结构。丹的服装店注销粉色袜子脱销联系我们七月特卖童装男装开设帐户雨衣特卖特殊尺码店面地址帐户等级女装图1服装店站点草图图2更加合理的布局43 本科生毕业设计(论文)从图1中,开发商忘记了什么?很难说,因为我们无法采访他,但一个合理的猜测,他忘记协调好他的任务分析,也没有事先将内容做卡排序。如果他有记得,他会意识到人们去网上购物会带着各自不同的目的。一些人想去浏览着找到他需要的具体条目;有些是针对降价产品或者特卖去的;有些是想与店主洽谈帐户事宜。假设他事先将内容用卡分做为以下几组:第一组:女装、男装、童装、特殊尺码第二组:七月特卖、雨衣特卖、粉色袜子脱销第三组:店面地址第四组:开设帐户、帐户等级第五组:注销第六组:联系我们。上图中图2更加合理的利用了近距离性,将内容清晰的组织了起来。由此看来,近距离性能使表面看起来相关的事物更加紧密的组织在一起。以上两个例子虽然不十分贴切,但是它强调了近距离性的基本思想。究竟哪一个利用可视化组织表达了内容结构,相信读者一眼就能看出来。近距离性不仅仅是你应当将相关内容组织在一起,同样你还得将无关内容区分开来。近距离性屡屡使用在网页设计中,正面看来,有关东西被组织在一起了,相反的看,无关东西被区分开了。5.4线性排列格式塔(Gestalt)心理学的概念连续性直接引导出可视化组织的下一原则,即对准."准"来自拉丁根"线".在平面设计中,它通常是处理何时将东西沿实线放置,何时将东西沿虚线放置。有较强对准性的页面会含有很多连续的实线。很难再找到一个网站没有用到线性排列。图3中显示了一个叫EddieBaner的站点。这个页面很多部分都包含了线性排列这一准则,其中顶部包括公司名标志和一些重要的为客户过去和当前的购物服务的链接。在这个页面的左部保留了一些季节性的或当前的特殊广告,在页面右边的暗色背景部分,是一个为有购物清单用户提供的快速购物通道。所有的这些部分都是以左部为线性排列的。43 本科生毕业设计(论文)图3关于线性排列的好例子5.5一致性一致性是使网站易于理解和导航的最强大的工具之一。这里的一致性是指在网站同一页面甚至者跨页的时候,布局上也要保持高度一致。图4地球科学网页43 本科生毕业设计(论文)这个页面的布局是否含盖了所有的页面?这是我们所希望的;将一个包含很多站点的页面聚集在一个相同的模板下不能有效的通过视觉效果表达出它的内容。因为,就算是在缩进的第三层页面,那也要与上一页面宝石相当的一致。图4中能显示出网页浏览者“我在哪?我应该去哪?我能从这儿到哪去?”这些问题的答案。使用一致性连接创建网页,或者连使用一致性布置各个文档的时候,都会大大提高整个网页的可用性。下面,我们将话题转向第四个原则,即对比性。5.6对比性四个原则中的最后一个原则就是对比性。对比性能使你网页上的条目更加吸引人的注意,也能使你在创建视觉层次的同时加强你的内容层次感。换句话说,文章标题用大的粗体字比小标题让人感觉到更加重要。当你决定让两个条目不同的时候,那么必须使他们看起来真的,真的不同。如果你决定把标题做得更大,那么就使它们是正文字体的两倍大小。当然,当你做这些的时候,同样也要用粗体标明标题,这样更加增强你页面的对比性。5.7总结如果你在你制作的网页中了使用了这四个原则——近距离性,对准、一致性和对比性,那么结果将是使你的站点看起来更加专业,这将激励用户的信心,并能使用户更加容易地找到他们想要的。下次当你看到一个比较吸引你目光的好网页时,花一点时间来分析一下这四个网页制作的原则。虽然网站还主要是一个视觉媒介,但在我们有限的视野内越来越多的被人们所使用。你不一定要设计出有艺术家视觉效果的网页。你甚至可以建立仅用HTML(超文本标记语言)和文本文档编辑的一些有特色的网页。你需要一些天赋和训练来创造原始的艺术网页,不管是你自己亲自创作或者是使用AdobeIllustrator软件,但你不必以一个艺术家的标准,为了使视觉组织、内容组织更清晰来来布局文本内容。有效的视觉组织,能强化内容组织,使得页面更加容易导航。附录B外文原文43 本科生毕业设计(论文)VisualOrganization5.1IntroductionAppearancematterswithWebpages,justasitdoesinmanyothersituations.Apolishedlooktoyourresumecreatesafirstimpressionandinvitesconfidences.Anattractivelylaid-outtermpapergetsmorerespectthanasloppy.OntheWeb,agoodvisualorganizationletsuserknowwhatcontentitemsarerelatedandhelpsthemfindthepagestheywant.Contentorganizationandvisualorganizationgohand-in-hand.Aneffectivelayoutreinforcesasite’scontentorganization,andtheresultiseasynavigation.Youalreadyhaveexperiencewithusinginstancesofvisualorganizationtoyouradvantage.Forexample,whendrivingonaninterstatehighway,ifyouseeanoverheadsignforanexitovertherightlane,Itisaprettyfairassumptionthattheexitisalsoontheright.Whenyouscanthetableofcontentsofabook’scontentssoyoucangettothepartyouwant.Onceyouknowhowyourusersgroupcontentitems,youcandecidehowtheitemsshouldappearonaWebpage.Simplystated:Contentorganizationdrivesvisualorganization.Thisisadeveloper’spointofviewfordesigningWebpagelayout.Turningitaroundtoauser’spointofview,wemightsaythenext.Goodvisualorganizationmakesiteasytolocatecontent.WhenlookingataWebpageortheworldingeneral,humansinferorganizationfromtheappearanceandarrangementoftheobjecttheysee.ThematerialonGestaltprinciplesinChapter2helpedyourecognizevisualorganizationintheWebpagesthatalreadyexist.Inthischapter,youwilllearnfoursimpleyetpowerfulprinciplesthatwillhelpyoucreateWebpagesthathaveeffectivevisualorganization.FollowingthesefourprinciplesresultsinWebpagesthathelpusersfindthingsquickly.GoalsofthisChapterInthischapter,youwilllearnthefollowingfourprinciplesofvisualorganizationandhowtoapplythem:1.proximity2.alignment3.consistency4.contrast5.2TheFourPrinciplesHerearethefourprinciplesoverlightly:·Proximity.Peopletendtoperceiveitemsthatarelocatedclosetogetherasbeingrelated.Grouprelatedcontentitemsclosetogether.Separateunrelateditems.Forexample,placeparagraphheadingsclosetotheparagraphtheyintroduce.·Alignment.Placerelateditemsalonganimaginaryline.Alignitemsofequalimportance.Indentsubordinateitems.Indentingtheitemsthatbelongtoamainheadingisanexampleofusingalignmenttoclarifymeaning.·Consistency.Makerelateditemslookthesame.Puttinganavigationbarontheleftsideofeverypageofawebsiteisanexampleofconsistency.Makingallofthebuttonsthe43 本科生毕业设计(论文)samesizeisanother.·Contrast.Makedifferentitemslookdifferent.Thelarge,boldletteringofachaptertitlesetsitapartfromthesmallerletteringinthebodyofthepage.Awebpagewithgoodvisualorganizationdrawsonallfourprinciples.Usuallyyouwillusesomecombinationofthesefourprincipleswhenyouareplacingitemsonapage,butthisfirstdiscussionwilllookateachprincipleinisolation.5.3ProximityThisisoneoftheGestaltprinciplesdiscussedinChapter2.ApplyingProximitycanaddclaritytoapagebyorganizingrelateditems.Figure1showsapreliminarystudyforthenavigationalplanforadepartmentstore.Figure2isabetterlayout,usingproximitytoconveycontentorganization.Dan’sClothingStoreCheckoutCloseoutonpinksocksEmailusJulyspecialsKid’sclothesMen’sclothesOpenanaccountSaleonrainwearSpecialsizesStorelocationsYouraccountstatusWomen’sclothesDan’sClothingStoreWomen’sclothesMen’sclothesKid’sclothesSpecialsizesJulyspecialsSaleonrainwearCloseoutonpinksocksStorelocationsOpenanaccountYouraccountstatusCheckoutEmailusFigure1FirstsketchFigure2AbetterlayoutFromFigure1,whatdidourdeveloperforget?Hardtosay,sincewecan’tinterviewhim,butareasonableguesswouldbethatheforgottoconsulthistaskanalysisandcard-sortinginterviews.Ifhehadremembered,hewouldhaverealizedthatpeoplegotothewebsiteforastorewithdifferentgoals.Somewanttobrowsestofindspecificitems;someareattractedtosalesandspecials;someneedtointeractwiththestoreonaccountmatters.Supposethatthecard-sortinginterviewsyieldedthefollowinggroup:Group1:Women’sclothes,Men’sclothes,Kid’sclothes,SpecialsizesGroup2:JulySpecial,Salesonrainwear,CloseoutonpinksocksGroup3:StorelocationGroup4:Openanaccount,Youraccountstatus43 本科生毕业设计(论文)Group5:CheckoutGroup6:Emailus.Figure2showsabetterlayout.Theorganizationwillbeasclearasawhole.Thisshowsthatclosetotheperformanceofthesurfacethingsseemmorecloselyrelatedtotheorganizationtogether.Thistongue-in-cheekexampleemphasizesthebasicideaofproximity,whichisusingvisualorganizationtoconveycontentorganization,whichisusingvisualorganizationtoconveycontentorganization.Itisn’tjustthatyoushouldgroupsimilarthingstogether;youshouldseparatethemfromthingsthataredifferent.Asthetermisusedinwebsitedesign,“proximity”ispositive-thingsclosetogetherarerelated,butitisalsonegative-thingsthatareseparatedaredifferent.5.4AlignmentTheGestaltpsychologyconceptofcontinuityleadsdirectlytotheprincipleofvisualorganization,whichisalignment.Theword“alignment”comesfromtheLatinrootfor“line”.Ingraphicdesign,itusuallyhastodowithhowthingsarepositionedalongavirtualorinvisibleline.Pagelayoutswithstrongalignmentwillhavemanyunbrokenlines.ItwouldbehardtofindaWebpagethatdoesnotmakeuseofalignment.Figure3showsapagefromtheEddieBanersite.Thispagehasmanysectionstoit,includingatopareathatcontainsthecompanylogoandimportantlinksforpresentandpastshoppingaswellascustomerservice.Thereisanareaontheleftthat’sreservedforseasonalorcurrentadvertising.Underneaththisarethreecolumnsoflinks,takingausertovarioustypesofmerchandise.Ontherightofthepageisacolumnwithadarkerbackgroundthatoffersquickshoppingforuserswhohaveapapercatalog.Allofthesesectionuseleftalignment.Figure3aGoodexampleofalignment.5.5ConsistencyConsistencyisoneofthemostpowerfultoolsformakingawebsiteunderstandableand43 本科生毕业设计(论文)easytonavigate.Consistencyheremeansahighdegreeofuniformityinlayoutwithinapageanduniformityinlayoutacrosspages.Figure4TheEarthSciencepageWillthispagelayoutserveallpageinthesite?Thatistoomuchtoexpect;forcingallpagesofsuchalargesitetofitthesamemoldwouldnotservethebroaderpurposeofusingvisualorganizationtocommunicatecontenteffectively.However,evenallthird-levelpagesstillretainquiteabitofconsistencywiththeupper-levelpages.Figure4showsthattheviewerstillknowstheanswertothequestions,“WhereanI?HowdidIgethere?WherecanIgofromhere”.CreatingpageswithconsistentplacementoflinksandconsistentalignmentoftextwillsignificantlyenhancetheusabilityofyourWebpages.Wenowturntothefourthoftheprinciplesthatyoucanapply,contrast.5.6ContrastThefinaloneofthefourprinciplesiscontrast.Contrastcandrawattentiontoitemsonyourpagesandreinforcethecontenthierarchybycreatingavisualhierarchy.Forexample,Textthatislargeandboldwillbeperceivedasbeingmoreimportantthansmallertext.Whenyoudecidetomaketwoitemsdifferent,makethemreally,reallydifferent.Ifyoudecidedtomakeheadingbigger,thentwicethesizeofnormaltext.Whileyouareatit,alsomaketheheadingsbold,toincreasethecontrastfurther.5.7SummaryIfyouapplythefourprinciples——proximity、alignment、consistencyandcontrast—toyourwebpages,theresultwillbeaprofessional-lookingsitethatwillinspireuserconfidenceandmakeiteasierforyouruserstofindwhattheywant.Thenexttimeyounoticeawebpagethatstrikesyouaslookinggood,takeamomenttoanalyzethepagefortheseprinciples.43 本科生毕业设计(论文)Althoughthewebisprimarilyavisualmedium,itisincreasinglyusedbypeoplewithlimitedvision.Youdon’thavetobeanartisttodesignvisuallyeffectivewebpages.Youcancreatesomesharp-lookingpageswithjustHTMLandatexteditor.Youdoneedtalentandtrainingtocreateoriginalartforwebpages,WhetherbypaintandbrushesorwithAdobeIllustrator,butyoudon'thavetobeanartisttoknowhowtolayouttextelementssothatthevisualorganizationservestomakecontenttoorganizationclear.Effectivevisualorganizationthatreinforcescontentorganizationwillresultineasynavigation。43

    当前文档最多预览五页,下载文档查看全文

    此文档下载收益归作者所有

    当前文档最多预览五页,下载文档查看全文
    温馨提示:
    1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
    2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
    3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
    4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。
    最近更新
    更多
    大家都在看
    近期热门
    关闭