户外用品销售网站的设计.doc
《户外用品销售网站的设计.doc》由会员分享,可在线阅读,更多相关《户外用品销售网站的设计.doc(50页珍藏版)》请在三一办公上搜索。
1、1.引言互联网技术的不断发展和普及,使电子商务成为许多企事业单位和个人的发展方向。网络销售网站,属于电子商务领域的重要应用之一。以阿里巴巴为代表的中国电子商务网,以淘宝网为代表的中国网络购物网站,吸引了无数商家和消费者的目光,已经成为越来越多商家进行电子商务的平台,成为网民购物、休闲的好去处。本文试图应用目前主流的网络应用程序开发软件JSP/Servlet+Access,构建一个户外用品网络销售网站,使自己所学得到一次综合应用和提高。2.网上购物系统基本情况介绍伴随着计算机技术在各行各业日益广泛和深入的应用,网络的概念早已深入人心。网络在各行各业的发展战略中占据了重要的位置,成为商家不可分割的
2、部分。商品的宣传已不只局限于电视与报纸,网络已成为商家展示自己的另一个舞台。商家建立网站,将商家各方面的宣传与服务展现于网络中,通过网络更可实现如网上购物、信息查询等功能,这些在改变我们原有经营方式与经营理念的同时,也为商家带来了更高的效益。一个个设计精美、合理的商品销售网站,无异于一座座金色的桥梁,它能将千里之外的各种商品通过网络充分的展现在每一个消费者面前,供消费者挑选、对比,加上便捷的支付手段,迅速的商品配送,实现了人们足不出户,逛街天下,商品到家的梦想。3.网上销售编程技术的介绍与分析在网络上销售商品,就好比在商场销售商品一样,店铺、柜台、营业员,一个都不能少。一个服务器中的销售主页,
3、就是一个店铺;一张张、一页页货物的图片和介绍,就是一个个陈列商品的柜台;在线的客户服务人员,就是导购的营业员。3.1网上销售编程技术介绍构建一个网上销售系统,本质上就是要设计一个由后台数据库和前台的许多个网页组成的网站。就像店铺需要装饰一样,网络销售网站也需要精心设计、制作,使之页面美观、浏览方便、选购便捷、支付安全等等。所有这些,都离不开动态网页编程技术的帮忙。在计算机技术飞速发展的今天,网页编程技术也经历了无数次的更新换代。Sun JSP/Servlet、Microsoft ASP、Microsoft ASP.NET、PHP等动态网页构建技术,都是建立各种动态网络平台的有力工具。3.2网上
4、销售编程技术分析网上销售编程技术,主要就是指动态网页技术。所谓“动态”,并不是指那几个放在网页上的GIF图片,动态网页技术有以下几个特点。 1、“交互性”即网页会根据用户的要求和选择而动态改变和响应,将浏览器作为客户端界面,这将是今后WEB发展的大势所趋。2、“自动更新”即无须手动地更新HTML文档,便会自动生成新的页面,可以大大节省工作量。3、“因时因人而变”,即当不同的时间,不同的人访问同一网址时会产生不同的页面。 除了早期的CGI外,目前主流的动态网页技术有JSP,ASP(ASP.NET),PHP等 。3.2.1 CGI 在早期,动态网页技术主要采用CGI技术,即Common Gatew
5、ay Interface(公用网关接口)。 可以使用不同的程序编写合适的CGI程序,如Visual Basic、Delphi或C/C+等。将已经写好的程序放在WEB服务器的计算机上运行,再将其运行结果通过WEB服务器传输到客户端的浏览器上。通过CGI建立WEB页面与脚本程序之间的联系,并且可以利用脚本程序来处理访问者输入的信息并据此作出响应。事实上,这样的编制方式比较困难而且效率低下,因为每一次修改程序都必须重新将CGI程序编译成可执行文件。虽然CGI技术成熟而且功能强大,但由于编程困难,效率低下,修改复杂等缺陷,所以有逐渐被新技术取代的趋势。最常用于编写CGI技术的语言是Perl(Pract
6、ical Extraction and Report Language,文字分析报告语言),它具有强大的字符串处理能力,特别适合用于分割处理客户端Form提交的数据串,用它来编写的程序后缀为.pl。 3.2.2 ASP ASP更精确的说是一个中间件,这个中间件将Web上的请求转入到一个解释器中,在这个解释器中将所有的ASP的Script进行分析,再进行执行,而这时可以在这个中间件中去创建一个新的COM对象,对这个对象中的属性和方法进行操作和调用,同时再通过这些COM组件完成更多的工作。所以说,ASP强大的不在于它的VBScript, 而在于它后台的COM组件,这些组件来无限的扩充了ASP的能力
7、。 3.2.3 PHP PHP(Hypertext Preprocessor超文本预处理器,即PHP动态网站开发技术)是一种跨平台的服务器端的嵌入式脚本语言(类似于IIS上的ASP)。PHP独特的语法混合了C、Java、Perl以及PHP式的新语法。它可以比CGI或者Perl更快速的执行动态网页。 PHP能够支持诸多数据库,如MS SQL Server, MySql,Sybase,Oracle等。 它与HTML语言具有非常好的兼容性,使用者可以直接在脚本代码中加入HTML标签,或者在HTML标签中加入脚本代码从而更好地实现页面控制。PHP提供了标准的数据库接口,数据库连接方便,兼容性强;扩展性
8、强;可以进行面向对象编程。 3.2.4 JSP JSP是Sun公司推出的新一代网站开发语言,页面由HTML代码和嵌入其中的Java代码所组成。服务器在页面被客户端请求以后对这些Java代码进行处理,然后将生成的HTML页面返回给客户端的浏览器。Java Servlet 是JSP的技术基础,而且大型的Web应用程序的开发需要Java Servlet和JSP配合才能完成。JSP具备了Java技术的简单易用,完全的面向对象,具有平台无关性且安全可靠,主要面向Internet的所有特点。 4.户外用品销售系统的分析、设计与实现经过上面的分析可以看出,构建一个户外用品销售系统,有各种技术手段可以选择,而
9、各种编程技术可谓各有千秋。特别是Sun公司倡导的Java Sever Pages(JSP)和 微软的Active Sever Pages(ASP)在技术方面有许多相似之处。两者都是为基于WEB应用实现动态交互网页制作提供的技术环境支持。同等程度上来讲,两者都能够为程序开发人员提供实现应用程序的编制与自带组件设计网页从逻辑上分离的技术。而且两者都能够替代CGI使网站建设与发展变的较为简单与快捷。不过两者是来源于不同的技术规范组织,其实现的基础:WEB服务器平台要求不相同。 ASP一般只应用于Windows NT/2000平台,而JSP则可以不加修改地在85%以上的Web Server上运行,其中
10、包括了NT的系统,符合“write once,run anywhere”(“一次编写,多平台运行”)的java标准,实现平台和服务器的独立性,而且基于JSP技术的应用程序比基于ASP的应用程序易于维护和管理。有鉴于此,本次毕业设计选择了JSP/Servlet+Access平台进行设计开发。4.1 系统分析与总体设计4.1.1 系统功能概述本系统实现一个基于Web的户外用品销售系统。我们可以将使用该系统的人划分为两个角色:一个是普通用户,主要是通过系统在线选择要购买的户外用品并提交订单;另一个是管理员,主要是通过系统对用户、订单及户外用品进行管理。系统功能划分如图4.1.1所示。用户购买系统管理
11、员管理系统用户注册模块用户登录模块修改用户密码修改用户信息商品评论模块用户购买模块用户退出模块管理员登录订单管理模块用户管理模块商品管理模块管理员退出图 4.1.11、用户购买系统用户购买系统是供用户使用的。用户通过它可以完成注册、登录,浏览、购买商品,对商品进行评价等活动。2、管理员管理系统 管理员管理系统是供管理员使用的。管理员通过它可以对用户订单、注册用户和户外用品信息进行管理。4.1.2 数据库结构及实现数据库outdoorshop(户外用品商店)总共用到6张表,表与表之间有着一定的关系,如表6.1所示。表名说明admin保存管理员账号和密码customer保存注册用户信息outdoo
12、r保存户外用品信息orderlist保存每一份订单中所包含的所有户外用品信息userorder保存订单信息outdoorcomment保存户外用品评论信息表4.11、 管理员信息表admin管理员信息表admin保存着管理员的账号和登录密码,结构如图4.1.2所示。图4.1.22、 注册用户信息表customer注册用户信息表customer保存着注册用户的账号、登录密码、姓名、性别、地址、邮政编码、电话、E-mail信息,结构如图4.1.3所示。图4.1.33、 户外用品信息表outdoor户外用品信息表outdoor保存着网站所销售的各种户外用品的详细信息,结构如图4.1.4所示。图4.1
13、.44、 订单详细信息表orderlist订单详细信息表orderlist用来保存每一份订单中所包含的各种户外用品信息,结构如图4.1.5所示。图4.1.55、 用户订单信息表userorder用户订单信息表userorder用于保存用户订单信息,结构如图4.1.6所示。图4.1.66、 商品评论信息表outdoorcomment商品评论详细表outdoorcomment保存着注册用户或游客对相关户外用品的评论详细,结构如图4.1.7所示。图4.1.7 7、各个表之间的关系除了用户信息表custermer和商品评论信息表outdoorcomment之间的关系不实施参照完整性的以外(即在cust
14、omer表中删除用户的同时,不必对outdoorcomment表内的相关内容进行更新,因为游客也可以参与评论图书),其他都是“实施参照完整性”和“级联删除相关记录”的,除了orderlist表与userorder表是“一对一”的关系外,其他的关系都是“一对多”类型。各个表之间的关系如图4.1.8所示。图4.1.8 各个表的关系4.1.3 文件目录结构本应用系统保存在outdoorshop文件夹下(服务器Tomcat安装路径下的webapps目录中),如图4.1.9所示,其中data目录下存放的是数据库文件,source中存放图片和其他界面设计相关资源,utility中保存可复用的代码文件。其他
15、的目录是TOMCAT自动生成。图4.1.9 系统文件夹结构4.2 户外用品销售网站主页设计网站的主页index.jsp是户外用品销售网站的门户,用户打开网站首先看到的就是这个主页页面。在这个网站首页,用户可以随意浏览商品。需要购买商品时首先要注册购物的账号,通过注册登记后再进行登录认证,之后就可以选购商品、对商品进行评论了。管理员进行的一切操作,如登录、查看订单、商品入库等等,也是从这个首页开始的。从系统结构上看,网站首页index.jsp既不属于用户购买系统,也不属于管理员管理系统,而是这两个系统的入口,属于用户购买系统和管理员管理系统的公共模块,网站的设计,就从这里开始。4.2.1 网站首
16、页index.jsp代码设计图4.2.1网站首页的运行效果,程序清单4.2.1是首页的完整代码。(注:所有程序代码在另外的文档中列出)图4.2.1 网站首页 从首页的代码中可以看到有这样一段代码反复出现:商品名: 类别: 单价:¥这些代码负责显示户外用品信息,供网站浏览者浏览,是网站商品展示的主要窗口。代码在显示商品的时候使用了动态技术,即并没有将户外用品信息直接写入页面,而是使用了一个vector类型的变量outdoorlist来存储要显示的户外用品信息,当需要显示的户外用品信息发生变化时,不需要修改页面代码,即可动态实时的刷新显示信息。Vector是Java语言中的一个数据结构类型
17、,是一个对象的数组,它的每一个元素都是一个对象。outdoorlist这个变量是由一个Servlet(ShowOutdoor.java)创建的,它是一个OutdoorInf类的对象(outdoor)的数组,而OutdoorInf正是用来存储户外用品信息的JavaBean。ShowOutdoor.java根据请求判断哪些户外用品需要被显示,然后从数据库中读出这些户外用品的信息,并将它们存储到outdoorlist中,最后将这个变量写入会话上下文中供index.jsp读取,这是一个典型的MVC框架结构。这样,index.jsp只需要从outdoorlist中读出这些信息并将它们显示出来就可以了,数
18、据库中的户外用品信息发生变化时,都不必修改index.jsp的代码。程序清单4.2.2是ShowOutdoor.java的代码,清单4.2.3是OutdoorInf.java的代码。在网站首页中还设计了一个让用户菜单隐藏/显示的功能。为了实现隐藏和显示用户菜单的功能,应用了在session中设置变量hidden的方法。当用户单击“隐藏”时,请求会发到一个Servlet(MenuHidden.java),该Servlet会在session中写入一个hidden变量;当用户单击“显示”时,请求会发到一个Servlet(MenuShow.java),该Servlet会在session中移除hidde
19、n变量。因此,index.jsp要做的事情就是判断在session中是否含有hidden变量:如果没有,就用include语句将用户菜单页面menu.jsp包含进来(即显示用户菜单);相反,如果有就不将菜单页面包含进来。程序清单4.2.4和清单4.2.5分别列出了MenuHidden.java和MenuShow.java的代码。4.2.2 样式表CSS文件样式表也称CSS,是层叠样式表(Cascading Style Sheets)的简称。它允许网页设计者自定义网页元素的样式,包括字体、颜色及其它的高级样式。也就是说,CSS只是与网页样式有关,并不涉及网页功能。清单4.2.6列出了户外用品销售
20、网站的CSS样式表文件,该文件与网站的相关图片同处于source文件夹下。4.2.3 网页元素文件在utility文件夹中存放着一些JSP文件,这些文件都不是完整的JSP页面,它们包含的是一些页面元素,以供其它JSP页面通过include来调用。其中,siteName.jsp用于显示网站标题;navigation.jsp是导航条元素文件;bar.jsp负责分隔条的显示;scriptFunction.jsp和scriptMenuitem.jsp用于实现一些页面的动态效果,如鼠标停留时自动显示的下级菜单;copyRight.jsp提供了版本信息;menu.jsp和adminMenu.jsp分别定义
21、的是用户系统页面菜单和管理员系统页面菜单。程序清单4.2.7、清单4.2.8、清单4.2.9、清单4.2.10、清单4.2.11、清单4.2.12、清单4.2.13分别列出了这些网页元素文件。需要特别说明的是menu.jsp文件。在这个文件中,应用了一个if语句来控制菜单页面为没有登录和已经登录的用户分别定制不同的页面:对于没有登录的用户,菜单显示快速登录表单(如图4.2.2);对于已经登录的用户,菜单显示欢迎信息和日期(如图4.2.3)。图4.2.2 用户未登录图4.2.3 用户已经登录这种分别定制的页面是通过测试会话上下文(session)中是否含有userId变量来实现的。userId变
22、量是由负责用户登录的Servlet创建的(见用户登录模块相关章节)。只有在用户登录以后系统的会话上下文中才会含有userId变量,因此可以以次作为用户是否登录的标志。4.2.4 Servlet公用类在本系统的bean文件夹下,除了存放开发中用到的所有Bean文件外,还有两个公用类文件:DBClass.java和StrClass.java。DBClass是负责数据库操作的公用类,户外用品销售网站系统中涉及到数据库操作的JSP页面和Servlet都会用到它。该类含有对数据库操作的各种方法,如连接数据库、查询/更新数据库以及关闭数据库连接等。程序清单4.2.14是它的代码。StrClass是负责对字
23、符串进行检测和转化的公用类。在销售网站系统中,经常需要判断字符串是否为数字或E-mail地址。另外,由于表单参数全部都是以字符串形式来传递的,因此常常需要将字符串转化为整数或浮点数,StrClass就提供了这些方法。程序清单4.2.15列出了它的代码。4.2.5 web.xml文件由于本系统选用的web服务器是Apache Tomcat,因此对每一个Servlet,都需要在web.xml进行配置。清单4.2.16列出了户外用品销售网站的完整web.xml内容,该文件位于WEB-INF文件夹下。4.3 用户购买系统用户购买系统是网站的两大子系统之一,包括用户注册模块、用户登录模块、修改用户密码模
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 户外用品 销售 网站 设计

链接地址:https://www.31ppt.com/p-3825424.html