毕业设计（论文）基于JSP的化妆品在线销售系统的设计与开发

1、目目 录录化妆品在线销售系统的设计与开发 .1摘 要 .1第 1 章 绪论 .21.1 课题背景21.2 课题研究的意义21.3 化妆品销售网站的现状3第 2 章 系统需求分析 .32.1 化妆品销售网站背景32.2 网站的市场定位分析42.3 网站的开发工具42.4 网站业务流程4第 3 章 系统总体设计 .53.1 系统功能概述53.2 系统功能分析63.3 系统功能模块划分6第 4 章 数据库的设计与实现 .74.1 数据库需求分析74.2 数据库概念结构设计84.3 数据库逻辑结构设计11第 5 章 网站的风格及页面设计 .145.1 页面设计的原则145.1.1 线条的使用 .145

2、.1.2 色彩的选择 .155.2 网站设计构思155.3 网站的风格版面设计165.4 商城主页设计175.5 客户端界面结构设计185.5.1 界面头、尾设计 .185.5.2 界面左恻快捷菜单设计 .19第 6 章 系统详细设计 .196.1 客户端界面设计196.1.1 商品（化妆品）信息浏览模块 .196.1.2 购物车管理模块设计 .206.1.3 提交订单模块设计 .236.2 系统调试运行26结 论 .28致 谢 .29参考文献 .30 化妆品在线销售系统的设计与开发化妆品在线销售系统的设计与开发摘 要电子商务形式的网上商店具有高效、快捷，信息畅通的特点,还可以很大程度上降低销

3、售成本。本文通过在线化妆品销售系统的建设以实现商业零售企业的信息化管理。着重论述了在线化妆品销售系统功能的实现与设计过程。在系统的设计与开发过程中严格遵守软件工程的规范，运用软件设计模式，从而减少系统模块间的偶合，力求做到系统的稳定性、可重用性和可扩充性。本系统功能主要包括会员注册、帐户管理、购物车、搜索、结帐等基本功能。系统运用 jsp 技术实现，后端数据库采用 access 作为数据库服务器，前端开发工具使用 macromedia dreamweaver 8。本系统具有用户使用简单、界面直观等优点，可以帮助顾客更快更准的了解化妆品市场信息，以便取得物美价廉的化妆品。关键词：电子商务，网上商

4、店，化妆品购物 第 1 章 绪论1.1 课题背景近年来，随着 internet 的迅速崛起，互联网已日益成为收集提供信息的最佳渠道并逐步进入传统的流通领域。于是电子商务开始流行起来，越来越多的商家在网上建起在线商店，向消费者展示出一种新颖的购物理念。网上购物系统作为 b2b（既企业对企业）,b2c(即企业对消费者),c2c(即消费者对消费者)电子商务的前端商务平台,在其商务活动全过程中起着举足轻重的作用。网上购物系统具有强大的交互功能，可使商家和用户方便的传递信息，完成电子贸易或 edi 交易。这种全新的交易方式实现了公司间文档与资金的无纸化交换。本文旨在研究如何建设 b2c 的在线化妆品销售

5、系统。1.2 课题研究的意义企业与消费者间的电子商务 b2c，是一种网上直销方式，网上销售化妆品缩减了中间渠道，产品一般直接源自厂商的生产基地，不但品质有保证价格上也更优惠。同时网上销售在缩减支出方面的有时也是传统店铺无法比拟的，由于不需要实际的店面，不仅避免了店铺租金的开销，还可省去装修、管理等方面的诸多费用，所以价格成为众多网上购机用户的首选因素。另外所不同的就是网上购物可以足不出户，各地商品任选，如此方便快捷，无时间空间限制是传统经营模式无法比拟的，如今人们生活质量的提高，购物方式也变得轻松自由化、个性化，这将成为网上销售化妆品的一大优势。传统的购物和网上购物相比，有其自身的许多优势。（

6、1）网上购物的快捷，方便是传统购物没法比较的。（2）网上购物是基于互联网的一种商务活动，互联网本身具有开放性全球性，特点，电子商务可为企业个人提供丰富的信息资源，为企业创造更多商业机会。（3）网上购物简化了企业与企业，企业与个人之间的流通环节，最大限度地降低了流通成本，能有效地提高企业在现代商业活动中的竞争力。（4）网上购物将大部商务活动搬到网上进行，企业可以实行无纸办公化节省了开支。 （5）网上购物将传统的商务流程数字化、电子化，让传统的商务流程转化为电子流、信息流，突破了时间空间的局限，大大提高了商业运作的效率，并有效地降低了成本。1.3 化妆品销售网站的现状随着中国互联网行业迅速的发展，

7、上网人数的增多，化妆品网上销售正在被消费者普遍接受，国内各大型综合门户网站也在网站上开展了化妆品电子商务，如新浪商城、搜狐商城，以及专门销售化妆品的“长信化妆品” ()和 5291()。归纳起来，销售化妆品的网站大致分为以下几类：综合门户网站购物商城、专业电子商务网站、专业销售化妆品网站。其中，综合类网站中的购物商城 60%，专门销售化妆品的网站 25%，专门做销售的购物网站 15%。第 2 章 系统需求分析2.1 化妆品销售网站背景最近几年，随着国内化妆品用户量的迅猛发展，化妆品行业的竞争愈演愈烈，化妆品网上销售为化妆品生产商和经销商提供了一个良好的契机。有关数据也表明，化妆品网上销售正在被

8、消费者普遍接受，国内各大型综合门户网站也在网站上开展了化妆品电子商务。由于网上销售缩减了中间渠道，产品一般直接源自厂商的生产基地，不但品质有保证，价格上也更优惠。2.2 网站的市场定位分析系统主要定位于中小型化妆品销售商，使其能以电子商务的形式通过网络平台进行产品的销售，客户端为浏览器，用户为化妆品购买者，因为购买者的背景和文化层次不同，本系统必须简单易用，不能让购买者在购买化妆品时摸不着头脑。服务器端为本系统和 access 数据库服务器，如果考虑到性能，可以将本系统部署在应用服务器上，通过应用服务器访问数据库服务器。系统后端主要面向的是系统管理员和数据库管理员，系统在开发的过程中力求做到可

9、维护性强和操作简易。作为一个网上交易的平台，也考虑了系统的稳定性、安全性和网络传输的效率，力求做到系统对用户有较好的响应速度。2.3 网站的开发工具（1）网络服务器操作系统：windows xp （2）web 服务器：tomat 6.0（3）后台数据库系统：access（4）网页编程语言：html，jsp，javascript（5）网页前台编辑工具： micromedia dreamweaver 8.02.4 网站业务流程此化妆品销售网站主要是顾客选购商品，确认之后然后下订单结帐。化妆品销售网站业务流程如图 2-1 所示：客户登陆会员注册收银台选择付款方式购物车购物区选择送货方式交易完成下订单

10、满意图 2-1 化妆品销售网站业务流程第 3 章 系统总体设计3.1 系统功能概述在线化妆品销售系统是以电子商务为运营模式，其模型是典型的网上购物实践中最为普遍的电子商务企业对客户 (b2c) 模式，主要包括会员注册、帐户管理、购物车、搜索、结帐等基本功能。本系统完全基于 jsp 技术，在系统的设计与开发过程中严格遵守软件工程的规范，运用软件设计模式，从而减少系统模块间的偶合，力求做到系统的稳定性、可重用性和可扩充性。3.2 系统功能分析在线化妆品销售系统主要的功能如下：（1）客户界面部分：选购化妆品（可按厂商查找化妆品，或通过关键字进行查询）可以查看热门化妆品和最优惠化妆品购物车功能查看化妆

11、品详细情况用户注册用户登陆查看用户的订单信息修改用户个人信息找回密码功能购物帮助功能维护购物帮助：增加，修改和删除购物帮助3.3 系统功能模块划分根据系统功能分析，可以画出系统的功能模块图，这里从客户界面理界面对功能模块图加以描述。客户界面的系统功能模块图 3-1 如图所示。最新推荐化妆品最优惠商品热门商品厂商列表购买商品查找商品香水查看商品详细信息详细信商品缩略图预览清空购物车提交购物清单修改购物信息查看购物车修改个人信息会员登陆会员注册问题答案问题列表网站首页化妆品列表购物帮助购物车会员功能在线化妆品销售系统客户界面图 3-1 客户界面的系统功能模块图第 4 章 数据库的设计与实现数据库在

12、一个信息管理系统中占有非常重要的地位，数据库结构设计的好坏将直接对应用系统的效率及实现的效果产生影响。合理的数据库结构设计可以提高数据存储的效率，保证数据的完整和一致。设计数据库系统时应该首先充分了解用户在各个方面的需求，包括现有的及将来可能增加的需求。数据库设计一般包括如下几个步骤：（1）数据库需求分析（2）数据库概念结构设计（3）数据库逻辑结构设计4.1 数据库需求分析用户的需求具体体现在各种信息的提供，保存，更新和查询方面，这就要求数据库结构能充分满足各种信息的输出和输入。收集基本数据，数据结构及数据处理的流程，组成一份详细的数据字典，为后面的具体设计打下基础。通过上述系统功能分析，针对

13、一般在线化妆品销售系统，总结出如下的需求信息：用户分一般用户，注册用户和管理员用户；一般用户和注册用户无需登陆就可以查看化妆品信息并购买；注册用户登陆后可以维护自己的个人信息，并且在向网站发出订单时会自动填写自己的联系信息；化妆品按化妆品厂商来分类，每一个化妆品都对应一个厂商；订单分单张详细订单和总订单；一个用户可以购买多个或多种型号的化妆品；一个用户对应一张订单列表；一个订单列表对应多张订单详细信息；提供购物帮助功能。关于订单列表与订单详细信息可以这样理解：因为用户一次可以购买多种产品，则对每一种产品（即每一款型号的化妆品）生成一条订单详细信息记录，然后多个这样的订单详细信息组成一个订单列表

14、。每一个订单列表才与一个用户对应，在发货时以订单列表为单位，也既用户在操作时所看到的“订单” 。经过上述系统功能分析和需求总结，考虑到将来功能上的扩展，设计出如下的数据项和数据结构：（1）注册用户（会员） ，包括数据项，用户 id，用户名，密码等。（2）化妆品，包括数据项：化妆品编号，化妆品名称，分类编号等。（3）化妆品分类，包括数据项：分类编号，分类名称，上级分类编号（4）订单详细信息，包括数据项：订单编号，订单列表编号，化妆品编号，购买数量。（5）订单列表，包括数据项：订单列表编号，用户编号，下单时间，联系方式等。（6）购物帮助，包括数据项：问题 id，问题标题，答案和点击次数。4.2 数

15、据库概念结构设计得到上面的数据项和数据结构以后，就可以设计出能够满足用户需求的各种实体，以及他们之间的关系，为后面的逻辑结构设计打下基础。这些实体包含各种具体信息，通过相互之间的作用形成数据的流动。根据上面的设计规划出的实体有：注册用户（会员）信息实体，产品实体，产品类型实体，订单详细信息实体，订单列表实体和常见问题实体。实体之间关系的 e-r 图如下图 4-1 所示： 1nmn购买用户1n订单列表商品/香水商品分类订单图 4-1 实体间的关系 e-r 图注册用户会员账号姓名密码地址图 4-2 注册用户信息实体 e-r 图化妆品实体 e-r 图如下图 4-3 所示：香水信息编号名称说明明类型图

16、 4-3 化妆品实体 e-r 图化妆品类型实体 e-r 图如下图 4-4 所示：香水类型上级类型类型名称类型编号图 4-4 化妆品类型实体 e-r 图订单详细信息实体 e-r 图如下图 4-5 所示：订单详细信息编号所属订单列表购买商品购买数量图 4-5 订单详细信息实体 e-r 图订单列表实体 e-r 图如下图 4-6 所示：订单列表编号客户信息应付款额处理状态图 4-6 订单列表实体 e-r 图常见问题实体 e-r 图如下图 4-7 所示：常见问题编号问题答案点击数图 4-7 常见问题实体 e-r 图4.3 数据库逻辑结构设计数据库的概念结构设计完毕后，现在可以将上面的数据库概念结构转化为

17、某种数据库系统所支持的实际数据模型，也就是数据库的逻辑结构。在线化妆品销售系统数据库中各个表的设计结果如表 4-1表 4-6 所示。每个表格表示在数据库中的一个表。（1）会员表（会员帐号，密码，e-mail，电话，地址，邮编）主键：会员帐号 not null说明：会员表记录系统中注册用户的详细信息。其表结构如下表 4-1 所示：表 4-1 会员表（member）数据类型长度允许空备注memberidvarchar20会员账号（主键）pwdvarchar16密码emailvarchar30e-mailphonevarchar16电话addressvarchar60地址zipcodevarchar

18、6邮编（2）产品信息表（产品编号，产品类型编号，产品名称，产品说明，市场价，会员价，小图片相对路径，大图片相对路径，点击数，购买次数，是否推荐，设置为推荐的日期）主键：产品编号 not null说明：产品信息表记录系统中已有化妆品产品的信息。其表结构如表 4-2所示：表 4-2 产品信息表（product）字段名数据类型长度允许空备注idint4产品编号（主键）producttypeint4产品类型编号namevarchar30产品名称introducetext16产品介绍remarktext16产品说明marketpricemoney8市场价memberpricemoney8会员价small

19、imgvarchar100小图片相对路径bigimgvarchar100小图片相对路径recommendtinyint1是否推荐（是：1，否：0）recommenddatedatetime8是设置为推荐的日期，用于在推荐产品中排序（3）产品类型表（类型 id，上级类型 id，上级类型名称）主键：类型 id not null说明：产品类型表记录系统中的厂商信息。其表结构如下表 4-3 所示：表 4-3 产品类型表（producttype）列名数据类型长度允许空备注idint4类型 id（主键）superidint4上级类型 id（备用）name varchar20上级类型名称（备用）（4）订单表

20、（订单表 id，产品 id，产品名称，产品单价，订购数量）主键：无说明：订单表记录在客户的一个订单中，针对一件商品的订货信息。其表结构如表 4-4 所示：表 4-4 订单表（orderdetail）字段名数据类型长度允许空备注idint4订单表的惟一标志ordereidint4订单 idproductidint4产品 idproductnamevarchar30产品名称pricemoney8产品单价quantity int4订购数量（5）发货订单表（订单列表编号，会员 id，客户姓名，详细地址，邮编，联系电话，电子邮件，应付款额，备注，下单时间，处理状态）主键：订单列表编号 not null说

21、明：发货订单表记录针对用户的一个订单的详细信息。其表结构如下表4-5 所示：表 4-5 发货订单表（orderlist）字段名数据类型长度允许空备注idint4发货订单编号（主键）memberidvarchar20会员 id，非会员为 0addressvarchar60详细地址（送货用）zipcodevarchar6邮编phonevarchar20联系电话emailvarchar30电子邮件paymentvarchar20应付款额remarkvarchar16备注createdatevarchar8下单时间treateddatevarchar8是送货日期treatedremarkvarchar

22、16是送货备注（6）购物帮助表（问题编号，问题标题，答案，点击数）主键：问题编号 not null说明：购物帮助表记录系统中的常见问题，用于实现购物帮助功能。其表结构如下表 4-6 所示：表 4-6 购物帮助表（faq）字段名数据类型长度允许空备注idint4问题编号（主键）questionvarchar100问题标题answertext16答案hitnum int4点击数，用于评价是否是热点问题第 5 章 网站的风格及页面设计5.1 页面设计的原则设计的 3c 原则：所谓 3c 原则是指简洁、一致性、好的对比度。web 页面设计需要遵循这三条原则。根据以上原则网站页面要做到朴素大方，线条轮廓

23、要流畅、稳重，用色要慎重不可花里胡哨。5.1.1 线条的使用直线（矩形）的应用。直线条的艺术效果是流畅、挺拔、规矩、整齐，所谓有轮有廓。直线和矩形在页面上的重复组合可以呈现井井有条、泾渭分明的视觉效果。曲线（弧形）的应用。曲线的效果是流动、活跃，具有动感。曲线和弧形在页面上的重复组合可以呈现流畅、轻快，富有活力的视觉效果。一般应用于青春、活泼的主页题材。曲、直线（矩形、弧形）的综合应用。把以上两种线条和形状结合起来运用，可以大大丰富主页的表现力，使页面呈现更加丰富多彩的艺术效果。这种形式的主页，适应的范围更大，各种主题的主页都可以应用。但是，在页面的编排处理上，难度也会相应大一些，处理得不好会

24、产生凌乱的效果。5.1.2 色彩的选择色彩是人的视觉最敏感的东西。主页的色彩处理得好，可以锦上添花，达到事半功倍的效果。色彩总的应用原则应该是“总体协调，局部对比”，也就是：主页的整体色彩效果应该是和谐的，只有局部的、小范围的地方可以有一些强烈色彩的对比。在色彩的运用上，可以根据主页内容的需要，分别采用不同的主色调。因为色彩具有象征性，例如：嫩绿色、翠绿色、金黄色、灰褐色就可以分别象征着春、夏、秋、冬。其次还有职业的标志色，例如：军警的橄榄绿，医疗卫生的白色等。色彩还具有明显的心理感觉，例如冷、暖的感觉，进、退的效果等。另外，色彩还有民族性，各个民族由于环境、文化、传统等因素的影响，对于色彩的

25、喜好也存在着较大的差异。所以，我以蓝白色搭配为主色调其它颜色相辅，给人以宁静深远的回味，导航栏用七色箭头点缀，彩色图片和动态元素的使用使页面朴素、大方、庄重。5.2 网站设计构思首先在制作一个网页之前，应该先进行构思。新建页面就象一张白纸，没有任何表格，框架和约定俗成的东西，你可以尽可能的发挥你的想象力，将你想到的“景象”画上去，建议用一张白纸和一支铅笔将初步的设想画在纸上，当然用作图软件 photoshop 等也可以，免得在做了一半时发现页面不和谐而重做。这属于创造阶段，不讲究细腻工整，不必考虑细节功能，只以粗陋的线条勾画出创意的轮廓即可。尽可能多画几张，最后选定一个满意的作为继续创作的脚本

26、。第一步先明确页面主题，考虑是否有合适的图片来衬托主题，如果有现成的图片就可以了，没有的话，就根据情况来决定是否自己做一幅，这里我用photoshop 软件设计了一张简单的网站标题“新世纪化妆品商城”字体颜色选用浅蓝，以便协调网站的基色。但不管怎样，标题的主色调应先定下来，这对后面几步的版面影响很大。第二步明确页面上要链接的目录，要将他们放在较显眼的位置，根据页面风格的不同可以放在顶部、左边、右边、中部等较明显的位置，主链接可以做成小图标的形式，但注意图片不能太大、也不能过分抢眼（一般情况下不比标题或主图的色彩重）。第三步是指定主图，所谓主图，就是放一幅较能反映页面主题思想的图片，他的大小可适

27、当超过页面上的其它图片，颜色不加限制，而且位置应尽量突出在前面抢眼处。这里要特别指出的是，网标，它是一个网站的标志和灵魂，在他的设计上一定要突出自己的风格和特点，能反映站点主题，体现企业文化，可以结合使用企业的标志。以上三步确定下来后，页面的基本风格就出现了，我们在根据情况进行调整，或者看是否加上背景，主要考虑主图是否需要背景。5.3 网站的风格版面设计在版面设计上我认为可以说是既继承了传统设计的优点，又作了个性化创新作为传统设计无非是用以下几种架构如图 5-1 所示：a、 b、 c、 d、图 5-1 网站架构 a 型、b 型、c 型、d 型多数网站的设计都采用了 c 型，上边为站标及广告栏，

28、左边作为导航栏，底边为版权信息及设计制作小组，中间作为内容区。我的设计基本延用了 d 型但做了一些改进。延用了上下边框和左边框的设计网页显得简洁。但没有使用共享边框，而是单独的设计制作了上边框的内容 top.jsp，下边框的内容 copy. jsp，和左边框的内容 left. jsp。使用语句完成对上述部分的调用，实现页面共享使每层网页具有相同的上下及左边框统一了风格，这样的调用方法效地解决了导航栏及超链接在深层网页的相对路径偏差问题，实现链接路径完全统一化。网站页面结构布局如下图 5-2 所示：网站购物功能链接区（top. jsp）登陆界面以及公布栏等（商 品显 示 区）最 新新 闻 版 权

29、 信 息图 5-2 网站页面结构布局5.4 商城主页设计主页是一个商城的门户，顾客一般都是首先看到此页（也有个别从链接进来者） ，因此大多数商家都希望在主页上能够显示尽可能多的信息，而且希望将自己最希望让别人了解的信息放在最吸引目光的位置。本系统的主页是 index.jsp 文件，图 5-3 是在线化妆品销售系统的主页面。图 5-3 在线化妆品销售系统主页面5.5 客户端界面结构设计在客户端界面中，出于美观考虑，没有采用框架。客户端界面结构是由头（head.jsp） 、左恻快捷菜单（left.jsp） 、体和尾（foot.jsp）四部分组成。由于没有使用框架，各个模块的页面需要在此的基础上，在

30、页面结构的“体”处加入实现功能特点的页面代码。5.5.1 界面头、尾设计为了提高代码的重用性，把客户端界面部分相同的头和尾做成两个文件分别命名为 head.jsp 和 foot.jsp 在 head.jsp 中除了功能菜单以外，还集成了一个会员登陆功能，在 head.jsp 文件中调用 showmemberlogin()过程就是为了实现此功能的，其作用是根据会员是否登陆来显示欢迎信息或登陆表单。5.5.2 界面左恻快捷菜单设计左恻快捷菜单包含三部分，分别是化妆品厂商、热门商品和最优惠商品。left.jsp 文件的实现，它所包含的每一部分都是由一个表格（table）构成，由于需要页面美化，其中每

31、个表格都包含了一些 html 修饰代码。第 6 章 系统详细设计6.1 客户端界面设计客户端界面的设计采用了界面模块化的思想，每个页面都具有一定的功能，且页面命名采用“模块名+功能名” 的方式。6.1.1 商品（化妆品）信息浏览模块商品（化妆品）信息浏览模块的主要功能：显示商品预览列表（product.jsp） ，显示商品详细信息页面（productdetail.jsp） ，存放商品基本函数（productbase.jsp） 。商品既化妆品是顾客来到网站后所关心的第一件事，对于化妆品这类注重外形的商品，具备以缩略图方式预览化妆品的功能是非常必要的，另外还需要具备查询功能。1.化妆品预览列表在本

32、系统中，化妆品预览列表与查询是用同一个页面完成的，既都是product. jsp 文件，在这个文件中，默认是显示全部商品，然后可以根据化妆品厂商和化妆品名称关键字来查看过滤后所显示的化妆品。2.化妆品详细信息化妆品详细信息对应的文件是 productdetail. jsp，图 6-12 是查看某一化妆品详细信息的页面。查看化妆品详细信息是通过在 productdetail. jsp 文件中调用如下语句实现的：call showproduct(realstring(request.querystring(“id”)这里通过 request 对象获得要查看化妆品的编号，然后作为参数传入showpr

33、oduct 过程中，这个过程也位于 in-product. jsp 文件中，它的实现原理是通过传入的产品编号组织数据库语句，从数据库中检索数据，然后将查到的结果显示出来，另外 ，由于这个页面用来显示大量文本，所以一定要用 convert函数对所显示的文本进行 html 编码和用 html 的换行符“”替换字符串中的回车符，否则页面显示会很乱。图 6-12 查看化妆品详细信息6.1.2 购物车管理模块设计购物车管理模块的主要功能：显示购物车（basket. jsp） ，购物车基本函数（cash. jsp） 。购物车管理模块与订单维护模块类似，也是本系统的本质所在。本系统的目的就是用来销售，自然最

34、感兴趣的就是顾客将商品放入购物车并提交订单。但实际上购物车管理模块从技术实现角度将并不复杂，与订单维护模块类似。查看购物车用到的是 basket. jsp 和 bought. jsp 两个文件。图 6-13 是查看购物车的显示界面，从图中可以看出在购物车内可以存放多种商品，每种商品也可以购买多个。顾客利用购物车所提供的功能，可以更改所购买商品的数量或删除所购买的商品。此页的原理是每次访问此页时，都会从 request 对象和 querystring 集合和form 集合中寻找以下三个参数：（1）productid：要购买的商品编号，位于 querystring 集合中，如果找不到，报错。（2）

35、clear：是否清空购物车，位于 querystring 集合中，只有当此参数为“yes”时才清空购物车。（3）modify：修改购物车，位于 form 集合中，只有当此参数为“yes”时才更新购物车。图 6-13 查看购物车的显示界面然后，分别根据是否接收到这三个指令来执行相应的操作，这部分代码没有放在其他文件中，而是直接放在了 save to .jsp 文件中的页面体部分。在本系统中，购物车是存储在 session 中，根据所需要保存的数据，需要用到两个 session 变量，作用如下：session(“productlist”)：购买的商品 id 列表，以英文逗号分隔。session(“

36、quantitylist”)：与 session(“productlist”)对应，分别表示购买商品数量，以英文逗号分隔。例如对于下面的值：session(“productlist”)=”70,71,72”session(“quantitylist”)=”2,3,1”它所表示的意思是购买编号为 70 的商品 2 件，购买编号 71 的商品 3 件，购买编号为 72 的商品 1 件。购物车执行程序流程图如下图 6-14 所示：图 6-14 购物车执行程序流程图6.1.3 提交订单模块设计提交订单模块的主要功能：输入用户信息页面（showing.jsp） ，输入用户信息表单（pycusinfo.j

37、sp） ，确认用户信息页面（cashsave.jsp） ，确认用户信息表单（pyorderinfo.jsp） ，提交结果页面（cash.jsp） ，提交结果表单（pysucinfo.jsp） 。提交订单过程就是一个填写顾客信息，然后向 orderlist 和 orderdetail 表中插入记录的过程，一共分为三步，前两步教为简单，第三步教复杂。图 6-15为确认付款信息页面。y购物车查看商品是否满意下订单调整商品n开始结束图 6-15 确认付款信息页面当会员登陆后，此页会自动根据会员信息填写这些内容，会员只需要修改和确认即可，省去了重新输入送货信息的麻烦。图 6-16 为输入信息用户信息表单

38、。这页是对用户上一步所输入信息的确认，实现方法与管理端界面中的查看订单和客户界面中的查看购物车都很相似。图 6-16 输入用户信息表单确认提交后，就到了提交订单的最后一步，在这里，需要将订单数据写入到数据库中，如果操作成功，则给出成功信息，并提示顾客订单号，用于查询订单，如图 6-17 所示。图 6-17 订单提交成功提交订单最后一步对应的页面 cash.jsp。在这个文件中包含了 pysucinfo.jsp 文件，用于实现具体功能，并且所的数据库操作也都位于 pysucinfo.jsp 文件中。在 cash.jsp 文件中，首先利用 request 对象获取提交表单的数据，将一个订单的信息写

39、入 orderlist 表中，然后再将这个订单所包含的详细信息写入orderdetail 表中。因为这两个操作要么同时发生，要么都不发生，所以要用到事务。在进行第一个数据库操作之前开始事务，在最后一个数据库操作完成之后结束事块务，期间如果有错误发生的话，则将事务回滚。客户端系统程序流程图如下图 6-18 所示：ynny是否退出出?开始进入系统登录界面输入用户名及密码是否正确确？进入系统主页面可以对站内商品行浏览、搜索、选购结 束图 6-18 客户端系统程序流程图6.2 系统调试运行jsp 的运行环境是一种服务器端的脚本环境，当用户从浏览器向 web 服务器请求.jsp 文件时，jsp 脚本开始

40、运行，然后 web 服务器调用 jsp，jsp 全面读取请求的文件，执行所有脚本命令，并将 web 页传送给浏览器，这就意味着用户不能简单的在现有的操作运行.jsp 文件需要服务器端的支持，安装支持jsp 的服务器端环境，因为本站点是在 xp 下制作的，所以安装的是 xp 下的personal web server,首先在 xp 盘运行“add-onpws”目录中的 setup.exe 文件，进行完 personal web server 安装后，重起计算机后，可以在栏中看到相应的图标，双击图标，就会出现个人 web 管理器最全面，单击“启动”按钮，刚服务器启动，在该界面单击“高级”，然后再单击“添加”，添加新的虚拟目录，这里选择的就是本站点的实际物理路径，在“别名”中输入站点名称，不改变默认的访问权限，然后按“确定”按钮，这虚拟目录就建好了，这时就可以在浏览器中的地址中输入 http:/localhost:8080/webroot/index.jsp 文件，这样就可以预览本站点中的页面了，同时也可以看出有哪些错误，当然直接单击 index.jsp 网页，从而进入本站首页，可以通过连接在各个页面之间进行转换，进行会员注册等操作，看看是否可以安全运行，通过对程序的调式，是系统可以正常的运行。结 论通过对在线化妆品系统的毕业设计，使自己在网