丁当礼品网店的设计与实现

一、叮当礼品网上商城系统规划 （一）系统背景 自20世纪90年代，互联网飞速发展，与此同时企业也迎来了一个全新的发展机会。与此同时，电子商务与网站建设也成为了发展的热门话题，这期间，电子商务带动的经济发展更是迎来了新的高度。高效推进电子商务的发展成为我们的目标。进入21世纪以后，随着互联网的飞速发展、技术的高效推进，各企业也纷纷的加入到电子商务领域发展的大潮中来。网上经营商品买卖，可以省去场地的费用，同时可以降低库存压力，压缩经营成本。现阶段更多的企业选择在网上销售商品，及时获取市场的有效信息，调整经营时的策略，找到符合经营效果最好的渠道和方法。因为网上经营商品的买卖，省去了平常实体店铺装修的经济压力，节约了一定程度的人工成本，因此本礼品商城的运营费用很低，使得商品所带来的附加费用极低，所以商品的定价都不同程度的低于实体店面的价格。另外，对于经济市场来讲，这种网上购物的新型方式帮助市场有效的进行了资源的配置。以上对于消费者产生购买行为都起到了至关重要的作用。比如阿里巴巴、天猫、施华洛世奇等等涉及礼品销售的网站的发展也变得有目共睹。由《中国礼品市场发展分析及前景规模调查报告》分析，随着人们对于社交、文化、精神生活的需要，他们消费不再只满足于温饱，而是更注重享受、品质和情怀，他们对于网上购物追求的可能是某一种情怀的再现，可能是朋友互赠礼物，又或者情侣之间纪念日的礼物，消费者对礼品有了更多的需求，希望款式多样化、彰显身份地位、展现品味风采等。（二）系统开发目的及意义1、开发目的礼品行业是一个新兴行业。随着社会的发展，越来越多的场合需要礼品的出现，比如各种节日，母亲节，情人节等，在朋友之间也会出现更多的创意小礼品的互相赠送，也有不同年代的消费者会在网上选购带有怀旧色彩的小礼品丰富生活。伴随着经济社会的发展，人们在满足日常生活所需之外，开始追求个性化的象征和品味生活，便推动了这一新兴行业的发展。通过网站的开发，以及上架各种礼品，通过不同类的人群进行详细的市场细分。购买礼品的消费人群主要在个性的彰显、身份的象征以及品味的突出上有更多追求，因此本网上商城的消费人群定位在年轻情侣、职场女性及中年人上。具体可分为怀旧风礼品、搞怪类礼品、个性饰品三类。2、开发意义及发展前景分析叮当礼品网上商城作为一个电子商务类网站，方便消费者全面的了解各种礼品价格、品牌和详情，让购物变得更加便利。网上购物走进平民百姓家走入千家万户，它带来的不仅是信息获取上的便利，也引发了包括礼品在内的零售行业消费模式上的改变。更多人喜欢通过网络去了解品牌的有关信息。此外，随着市场的竞争不断地加剧，各种零售行业也都随之改变增加销售方式，这时，互联网销售商品显得尤为火热，投入成本低，信息流通的快捷都促使礼品网上商城的产生与建设。由此本网站利用电子商务模式跨越时空界限优势进行现代化礼品销售，创造一个更便捷安全的礼品购买销售环境，发展前景广阔，未来可期。二、叮当礼品网上商城系统分析 （一）可行性分析1、经济可行性开发一个礼品类电子商务网站，可以减少前期的公司场地、水电成本，我们还可以利用自身专业优势为网站宣传推广减少成本，前期需要负担的只有网站的注册、域名购买费用还有相关的人工成本。叮当礼品商城设计开发成本较低，由一个人单独完成，只需要下载上述的各种软件以及阅读查看相关资料，就可以实现全部的开发任务。搭建此网上商城的软件可以在网上直接下载使用，所以成本很低。在使用上，用户需要一台计算机，连接上网，就可以登录叮当礼品商城进行网上浏览和购物。至于本网上商城的收益方面，由于本商城开发成本极少，经营秉承着薄利多销的原则，再加上我们供应商方面会减少我们的库存压力，销售出的每一件商品都会有厂家直发到消费者手中，我们盈利的点主要在吸引买家的注意，刺激消费，从中挣得商品差价和相应的抽取供应商不同程度的提成。如果有用户在本商城购买了礼品，结合各种运营、采购等成本来看，收益将远远大于成本，综上所述，从经济角度来看，本礼品网站薄利多销、经济实惠，又功能完备，具备很好的经济可行性。2、技术可行性一个好的技术环境直接影响到一个程序的开发好坏。叮当创意礼品商城运用Dreamweaver、MyEclipse68.6，采用java语言，JSP分层开发的技术，实现商城的建设，提示信息完善，界面友好有亲和力，简单易学而且灵活方便。3、操作可行性本礼品商城网站界面设计简单，各个功能一目了然，java使用。每一步设计人性化操作起来简单。容易被用户所接受。在网站的首页有良好的导航功能，只要会操作电脑的人就可以轻松使用本网站来购物。系统前后台设计简明，对于系统管理员管理会员、礼品、订单等都容易方便，操作简单容易上手。综上所述，此系统的开发具备可行性。结合经济、技术和操作的可行性分析可得，叮当礼品网上商城顺应时代发展要求，以低成本高技术设计开发网站，可以成熟的实施进行下去。具备网上商城的可行性。（二）业务流程分析我们根据当代网络发展规律，结合创意礼品实际购买流程进行了细致的市场调研，从而详细的分析了整个叮当创意礼品销售网站的业务流程，做出业务流程图。叮当礼品购物网站用户分两种，注册会员和未注册用户，注册用户即为会员，非注册用户即为普通用户。普通用户只能浏览首页和搜索商品，无法正常使用其他功能，注册会员即可以享用网站所有功能。会员可以将自己所需礼品放入到购物车中,在购物车中可以方便地增加、删除、清空购物车中的礼品，也可以继续购物或结算。如果会员确定要购买购物车中的礼品后，会提供一张订单给客户填写相应的地址信息等。图2-1用户业务流程图系统管理员是管理信息系统的运营人员，其功能为：维护运营人员的登录密码、管理礼品相应信息，包括类目及详情，管理已注册会员的人相关信息，管理所有在叮当礼品商城下订单的信息，在管理员应用管理信息系统方面，他可以在后台修改密码可以增加或删除礼品的种类、信息；在会员信息方面，可以删除会员信息；在留言板块方面，可以删除留言。这些功能全部在后台界面实现，操作简单易懂，网站的修改更加方便快捷。图2-2管理员业务流程图（三）需求模型的建立1、用例模型用例图：展现用例、参与者及它们关系的模型，展示了系统开发人员希望如何使用一个系统，以便人们更好的了解和分析系统。本礼品商城系统中存在三种操作者，分别为：管理员、用户和会员。各个参与者的描述如下。用户可以进行系统注册和商品浏览或者商品搜索。会员在登录本系统之后可以对商品进行浏览或者搜索，对自己较为中意的商品可以添加购物车后付款、生成订单和支付等。管理员在登录叮当礼品商城后端信息管理系统之后，有以下管理模块。例如本商城会员管理、订单管理、叮当礼品信息管理、库存管理等。（1）用户用例图图2-3叮当礼品商城用户用例图（2）叮当礼品商城用户部分用例文档如表2-1到表2-4所示。表2-1叮当礼品商城“用户注册”用例的事件流表2-2“用户登录”用例的事件流表2-3“用户修改购物车中商品”用例的事件流（3）“礼品选购”用例的事件流如表2-4所示表2-4叮当礼品商城“礼品选购”用例的事件流（4）管理员信息管理用例图图2-4叮当礼品商城管理员信息管理用例图（5）叮当礼品商城“信息管理”用例的事件流如表2-5所示表2-5叮当礼品商城“信息管理”用例的事件流2、活动图描述活动图表示两个活动之间的顺序。包含了活动状态和动作状态等元素。用户注册活动图图2-5叮当礼品商城用户注册活动图（2）叮当礼品商城用户登录活动图图2-6叮当礼品商城用户登录活动图（3）叮当礼品商城礼品选购活动图图2-7叮当礼品商城礼品选购活动图（4）叮当礼品商城会员管理活动图图2-8叮当礼品商城会员管理活动图（5）叮当礼品商城订单管理活动图图2-9叮当礼品商城订单管理活动图（6）叮当礼品商城礼品管理活动图图2-10叮当礼品商城礼品管理活动图（8）叮当礼品商城购物车活动图图2-11叮当礼品商城购物车活动图（四）分析模型的建立分析模型就是对客户事物或现象的一种描述。下面用分析类图和协作图描述叮当礼品商城的构建。1、分析类图分析类图是分析过程的前阶段，明确了功能需求，为在设计阶段设计出可编程的类打下基础，是一个承前启后的过程。（1）用户注册分析类图图2-12用户叮当礼品商城注册分析类图（2）用户登录分析类图图2-13叮当礼品商城用户登录分析类图（3）礼品选购分析类图图2-14叮当礼品商城礼品选购分析类图（4）信息管理分析类图图2-15叮当礼品商城信息管理分析类图2、协作图协作图说明发送消息与接收信息这两个主体之间的组织结构关系。（1）用户注册协作图图2-16叮当礼品商城用户注册协作图（2）用户登录协作图图2-17叮当礼品商城用户登录协作图（3）礼品选购协作图图2-18叮当礼品商城礼品选购协作图（4）会员管理协作图图2-19叮当礼品商城管理员协作图（5）订单管理协作图图2-20叮当礼品商城订单管理协作图（6）商品管理协作图图2-21叮当礼品商城商品管理协作图（7）用户购买商品协作图图2-22叮当礼品商城用户购买商品协作图三、叮当礼品网上商城系统设计 （一）系统总体设计1、网站UI设计UI又叫界面设计，指的是人机之间的交互以及系统的板块各方面的设计，下面从系统的商城以及后端管理系统分别说明。（1）板块设计叮当礼品商城的设计简洁明了，分为7大模块。第一大模块，首页大标题栏。第二大模块，导航栏，分为最新上架、会员注册、我的购物车、我的订单、留言板块、会员登录。第三大模块，展示最新上架的礼品。第四大模块，展示礼品分类。第五大模块，礼品搜索导航栏。第六大模块，日历。第七大模块，本店发布的信息。管理信息系统设计简要操作简单，分为叮当礼品商城注册会员管理、创意订单信息管理、创意礼品类别及相关详情管理等。（2）色彩及风格设计本网站销售的礼品具有创意性，要表现出符合消费者不同品味的特性，所以整个界面以纯色为主，促销图片风格以卡通小动物为主，风格搞怪可爱，简洁大方，易被消费者所接受。2、网站总体结构叮当礼品商城网站的功能结构包括前台和后台两个模块。前台主要实现用户登录注册，选购商品进行下订单，查询商品信息等功能。后台功能主要包括修改登录密码、会员信息管理、创意礼品类别管理、创意礼品信息管理以及所有用户订单信息管理功能。叮当礼品商城前台结构图如图3-1所示：图3-1叮当礼品商城商城结构图叮当礼品商城后台主要功能模块有：叮当礼品商城注册会员管理模块、创意商品管理模块、订单管理模块、库存管理模、商品类目管理模块等。叮当礼品商城后台组织结构图如图3-2所示：图3-2叮当礼品商城管理系统结构图3、目录结构与链接设计Java代码的分包规则是根据不同的功能，分大包，再进行细分包名，如下图所示，前端页面主要分包规则是前台页面和后台页面。叮当礼品商城前台代码目录设计图如图3-4所示：图3-3叮当礼品商城前台页面目录设计图叮当礼品商城后台代码目录设计图如图3-4所示：图3-4叮当礼品商城后台代码目录设计图（2）网站的链接设计叮当礼品商城的目录结构与连接设计采用星状结构与树状结构这两种方式。第一二级页面采用星状结构，二、三、四级页面采用树状结构。二者互相配合补充，方便会员快速高效浏览网页，又可以清晰的知道自己所在的位置。（二）静态结构模型类图(ClassDiagram)用来描述系统的静态结构。1、实体类图如图3-5所示：图3-5实体类图2、界面类图如图3-6所示：图3-6界面类图（三）动态行为模型1、顺序图顺序图是强调消息的时间顺序的交互作用图，描述实时系统。（1）叮当礼品商城用户注册顺序图如图3-8所示 图3-8叮当礼品商城用户注册顺序图（2）叮当礼品商城用户登录顺序图如图3-9所示图3-9叮当礼品商城用户登录顺序图（3）叮当礼品商城商品搜索顺序图如图3-10所示图3-10叮当礼品商城商品搜索顺序图（4）叮当礼品商城添加购物车顺序图如图3-11所示图3-11叮当礼品商城添加购物车顺序图（5）叮当礼品商城下订单顺序图如图3-12所示图3-12叮当礼品商城下订单顺序图（6）叮当礼品商城会员信息修改顺序图如图3-13所示图3-13叮当礼品商城会员信息修改顺序图（7）叮当礼品商城管理员商品信息修改顺序图如图3-14所示图3-14叮当礼品商城管理员商品修改顺序图（四）数据库设计 针对叮当创意礼品商城而言，需要分析该网站功能所隐含的对数据应用的需求，从而确定数据库的结构。在本网站中所使用的实体分别为用服务实体、用户实体、管理员实体、订单实体等。关键实体的E-R图如下：1、叮当礼品商城总体E-R图如图3-7所示图3-7叮当礼品商城总体E-R图2、叮当礼品商城数据库表结构结构分析图（1）叮当礼品商城用户表如图3-1所示：表3-1用户表:user字段名字段类型字段长度说明备注idint11id主键usernamevarchar20用户名passwordvarchar30密码addressvarchar50地址phonevarchar11手机paywordvarchar30支付密码（2）叮当礼品商城管理员表如图3-2所示：表3-2管理员表:admin字段名字段类型字段长度说明备注idint6id主键usernamevarchar20用户名passwordvarchar30密码（3）叮当礼品商城商品表如图3-3所示：表3-3商品表:product字段名字段类型字段长度说明备注idint6id主键namevarchar50名称covervarchar50封面地址pricedecimal8（小数点2）价格introvarchar255简介stockint6库存category_idint6类目id外键（4）叮当礼品商城订单表如图3-4所示：表3-4订单表:indent字段名字段类型字段长度说明备注idint6id主键totalfloat总价amountint6商品总数statustinyint4状态订单状态(1未付款/2已付款/3已发货/4已完成)paytypetinyint4支付方式支付方式(1微信/2支付宝/3货到付款)systimetimestamp0下单时间user_idint6下单用户外键（5）叮当礼品商城购物车表如图3-5所示:表3-5购物车表：shopcart字段名字段类型字段长度说明备注idint6id主键amountint6数量product_idint6产品id外键indent_idint6订单id外键（6）叮当礼品商城类目表如图3-6所示：表3-6类目表:：category字段名字段类型字段长度说明备注idint6id主键namevarchar20名称（7）叮当礼品商城商品表（新品）如图3-7所示：表3-7商品表(新品)：product_new字段名字段类型字段长度说明备注idint6id主键product_idint6产品id（8）叮当礼品商城商品表（特价）如图3-8所示：表3-8商品表(特价)：product_sale字段名字段类型字段长度说明备注idint6id主键product_idint6产品iddiscountint3折扣(x%)默认100(100%)无折扣（9）叮当礼品商城商品表(推荐)如图3-9所示：表3-9商品表(推荐)：product_show字段名字段类型字段长度说明备注idint6id主键product_idint6产品idshowtextvarchar200推荐理由（10）叮当礼品商城订单项表如图3-10所示：表3-10订单项表：items字段名字段类型字段长度说明备注idint6id主键pricefloat0购买时价格amountint6数量product_idint6产品id外键indent_idint6订单id外键四、叮当礼品网上商城系统实现（一）开发环境 1、开发的环境（1）硬件环境：CPU双核2.0以上，内存2g\4g以上更好，硬盘100g以上。（2）软件环境：Windows7，java运行环境，apache-tomcat-8.0.45服务器，Eclipse，MySQL5.0.83和数据库管理工具navicat110_premium。2、开发软件的相关介绍MySQL是一个关系型数据库，属于Oracle公司。MySQL关联数据库把数据存储在不同表中，增加了速度和灵活性。SQL语言是访问数据库最常用的语言。并且MySQL开放源码。Eclipse开放源代码，是基于Java的可扩展开发平台。它只是一个框架和服务，用于通过插件组件构建开发环境。OfficeVisio2010是一款将复杂化的流程和信息进行分析绘制的软件。可以生成很多图表。SSH是struts+spring+hibernate的集成框架。帮助开发人员在短期内搭建结构清晰、维护简单、复用性强的Web应用程序。（二）主要功能模块实现在前期商城设计基础加上调研之后，确定了叮当礼品商城的主要功能。叮当礼品商城会员主要功能包括，注册个人信息并登录系统，浏览本网页创意礼品信息，将喜欢的创意礼品加入到购物车下订单等。管理系统管理员主要功能包括，修改叮当礼品商城管理信息系统密码、管理已注册成功的会员信息、全部创意礼品详情、所有叮当礼品商城会员下订单信息等。1、系统登录功能界面在进入系统之后首先到浏览首页的页面，会员需要注册叮当礼品商城会员，并且输入自己的登录名和密码进去本商城，否则只能浏览首页促销信息。2、修改登录密码功能界面管理员登录系统成功之后导航栏上有修改密码处，需要输入下方信息进行修改或者重置。3、会员注册功能界面用户在登录系统后点击上方导航，进行叮当礼品商城的会员注册，填写一些列相关信息进行会员的注册。其页面如图4-4所示。图4-4会员注册界面4、管理叮当礼品商城会员信息功能界面这个页面可以显示在叮当礼品商城注册过的所有会员信息，还可以删除某些需要删除的会员信息。其页面如图4-5所示。图4-5会员管理界面5、创意礼品类别管理功能界面在礼品类别信息管理页面中可以列表显示出所有的类别信息，并可以选择指定的类别进行删除的操作。其实现页面如图4-6所示。图4-6礼品类别管理界面如果需要添加类别信息，可以进入到类别添加页面，添加时系统会对必填项进行非空验证。其实现页面如图4-7所示。图4-7礼品类别添加界面6、礼品信息管理功能界面礼品信息管理页面功能是展示当前叮当商城已经添加到系统当中的所有创意礼品信息列表，可以选择指定的创意礼品信息进行删除操作。其页面如图4-8中所示。图4-8创意礼品信息管理界面如果需要在商城添加创意礼品信息，需要点击礼品信息管理处，添加时系统会对必填项进行非空验证。其页面如图4-9所示。图4-9礼品添加界面7、订单信息管理功能界面此页面展示所有的订单信息,包括编号日期等，在操作处可以点击受理订单将状态更新为已受理。其实现页面如图4-10、4-11中所示。图4-10订单信息管理界面图4-11订单信息管理界面8、浏览礼品信息功能界面会员登录系统之后可以在系统首页即可看到最新上家的礼品信息，点击可查看详细内容。其实现页面如图4-12、4-13中所示。图4-12浏览礼品信息界面图4-13礼品详细内容界面9、礼品信息查询功能界面会员登录系统之后可以按照礼品名称和价格取件查询礼品信息，在这里输入礼品名称关键字和价格区间数字，将返回有关礼品信息。其实现页面如图4-14所示。图4-14礼品信息查询功能页面10、订购礼品功能界面会员选择自己喜欢的创意礼品，再点击订购后会跳转至购物车页面，在此时，可选择添加其他喜欢的创意礼品还是直接提交订单至收银台。其页面如图4-15、4-16、4-17所示。图4-15购物车界面图4-16订单填写信息图4-17订单提交成功提示界面11、订单信息查看功能界面会员可以点击叮当礼品商城首页我的订单处查看自己所有的订单。其页面如图4-18所示。图4-18订单信息列表界面（三）主要功能测试 系统测试方法主要分两种，分别是黑盒以及白盒测试。目的就是通过测试发现问题并且及时的解决和规避掉问题，为系统需求者提供尽可能完美的系统。因此,建立测试是必须的也是最基本的工作,不但能够及时的找出系统的bug,还能帮助开发人员养成良好的习惯。对于开发人员来说没开发完成一个局部功能后对其进行测试,是非常必要的。整个测试过程中,更多的是采用那个黑盒测试，对每一个模块和整体进行测试。测试用例的设计是最为重要的。合理的测试用例不但能够及时发现问题,还能降低在系统上线后发现问题修改问题所带来的损失。能通过测试发现从没发现过的bug才是真正成功的测试。本系统尽可能多的黑盒测试,确保每一个模块都可以单独正常运作;检查完所有模块后,需要检查所有模块组合后的程序是否可以正确访问,是否能正确的跳转到目标地址,最后查看不同的浏览器不同分辨率是否也能正常运作。1、叮当礼品商城用户管理模块的测试如表所示：表4-1叮当礼品商城用户管理模块的测试2、商品管理模块的测试如表4-2所示：表4-2商品管理模块的测试3、订单管理模块的测试如表4-3所示：表4-3订单管理模块的测试购物车模块的测试如表4-4所示：表4-4购物车模块的测试用户登录模块的测试如表4-5所示：表4-5用户登录模块测试总结本系统实现了一个B2C类礼品网上商城的基本功能，前台功能主要包括用户注册和登录、商品分类浏览、商品搜索和购物车等功能；后台功能包括管理员登录、用户管理、商品管理、库存管理、订单管理等功能。本礼品网上商城通过互联网向消费者销售礼品，顾客可以通过计算机网络搜索到自己需要的信息，购买自己需要的礼品，在线下达订单，然后由礼品网上商城后台来处理相关的订单信息。本网上商城的缺陷也是明显的，如安全性，效率问题、页面搭建颜色以及有些功能不全面问题等等。我相信我也认识到了自己的不足，也很感谢所有老师同学对我的帮助，我会不断学习丰富自己的。由这次毕业设计也让我对java和Mysql有更深一步的认识，学会使用Apache和Tomcat结合进行基础的软件开发以及数据库的使用。也尝试对于软件开发的学习有了更深的理解。这都对我自己走向社会走向工作岗位有了很大的帮助，我认为这次毕业设计重要的是它对我能力、对待事物认真的态度的培养和提升，以及过程中学到的东西和收获的友谊，这些是我收获最宝贵的东西，此外这种独立操作和自学能力将对我以后在工作中有着重要的影响，使我受益匪浅。在今后的学习和工作中，我会像这次对待毕业设计一样用心投入、认真对待，用所学所见创造更好的未来。

致谢首先，我要感谢我的论文指导老师唐彬老师，作为我的指导教师，无论在论文撰写网站设计还是实践方面都给了我很大的帮助，在我大四去泛微软件实习期间也孜孜不倦的异地指导我的学习，督促我完成毕业设计。给我了明确的方向和目标。良师益友就是对您的描述，感谢您不管是在学业上的帮助以及生活态度上的引导，总之，感谢您！我也很感谢其他老师在此期间的关怀和帮助，以及学院为我提供良好的毕业设计环境。在此也要感谢在百忙之中评阅论文的各位老师，老师辛苦了！感恩、感谢！感谢在毕业设计中为我提供帮助的同学，在毕业设计这段时间里，我认识到了自己的不足并努力的争取独立完成我的设计，最终收获很多，通过不断遇到问题解决问题学到了以前很多没有学到的知识，同时也巩固了所学过的知识。感谢论文所涉及到的学者们，是数位前辈学者优秀的研究成果启发了我今天的论文设计。致敬！四年时光飞逝，回想起来，有在北湖校区主楼320教室上课的150510班同学，有不管校区多远天气如何恶劣也提前到教室等我们的老师们，有林园校区永远的电子商务教研室，有熟悉的食堂阿姨门卫叔叔或许这一个个熟悉的温暖亲切的面孔会渐行渐远，或许我们马上就要和这一切的一切说一声再见，但我依然相信，多年之后这里依然会充满着我们的朝气，承载着不变的笑容，对此我永远期待着一直在路上。最后，我想对我的同学们说，细水长流，青山常在。前途光明，来日方长。祝愿我可亲可敬的各位老师们身体健康，工作顺利，遇见大家，我有幸有知有乐，感恩这一切我的大学。参考文献[1]吴亚林.基于java的购物网站建设[J].信息与电脑(理论版),2015

[2]朱浩悦.计算机软件java编程特点分析[J].科学技术创新,2015

[3]丁士峰等编著.网页制作与网站建设实战大全.清华大学出版社.2013[4]时代印象编著.PhotoshopCS6学习宝典.人民邮电出版社,2012[5]杨坚.电子商务网站典型案例评析.西安电子科技大学出版社,2014[6]张连元.网页布局与配色完全学习手册.清华大学出版社,2014[7]詹青龙.动态网页设计与制作.清华大学出版社,2010.6[8]王珂.我国B2C电子商务行业发展的市场结构分析.商业时代,2014[9]聂斌.HTML+CSS+DIV网页设计与布局.人民邮电出版社,2013[10]贺正悦.电商网站视觉设计与应用.时代金融,2018[11]Y.DanielLiang、李娜.Java语言程序设计(基础篇)(原书8版)[M].北京:机械工业出版社,2011.

[12]张兴科.JSP动态网站设计项目教程[M].北京:中国人民大学出版社,2010.[13]王晓东.J2EE架构的研究与应用[J].科技信息,2013.[14]唐汉明、翟振兴、关宝军、王洪权.深入浅出MySQL(第2版)[M].北京:人民邮电出版社,2014.[15]OuFeng、ZOUMinandLIXiao-Zhen.SurveyonJavaTechnologyFramework[J].ComputerSystems&Applications.2012.[16]李坚,李灵.发展中小企业电子商务的探讨[J].计算机时代.2018(08).[17]员建厦.基于对象模型的数据库设计方法[J].无线电工程.2018(04).[18]陈月波.电子商务环境下个性化服务策略研究[J].杭州电子科技大学学报(社科版).2018(02).

附录（代码）网上商城首页代码如下：<%@pagelanguage="java"contentType="text/html;charset=UTF-8"pageEncoding="UTF-8"%><%@tagliburi="/struts-tags"prefix="s"%><!DOCTYPEhtml><html><head><metahttp-equiv="Content-Type"content="text/html;charset=UTF-8"><title>商城首页</title></head><body><divclass="wrap"><s:actionname="header"executeResult="true"/> <divclass="main"> <divclass="content"> <divclass="content_top"> <divclass="heading"> <h3>热销推荐</h3> </div> <divclass="clear"></div> </div> <divclass="sectiongroup"> <s:iteratorvalue="showList"status="status"> <divclass="listview_1_of_2images_1_of_2"<s:iftest="#status.count%4==1">style="margin-left:0;"</s:if>> <divclass="listimglistimg_2_of_1"> <ahref="detail.action?productid=<s:propertyvalue="product.id"/>"> <imgsrc="../<s:propertyvalue="product.cover"/>"alt="<s:propertyvalue=""/>"/> </a> </div> <divclass="textlist_2_of_1"> <h3><ahref="detail.action?productid=<s:propertyvalue="product.id"/>"><s:propertyvalue=""/></a></h3> <p><s:propertyvalue="showtext"/></p> <p><spanstyle="color:red;">￥<s:propertyvalue="product.price"/></span></p> <divclass="button"> <s:iftest="product.stock>0"><span><ahref="javascript:buy(<s:propertyvalue="product.id"/>);">加入购物车</a></span></s:if> <s:else><span><astyle="background:#ccc;color:red;">库存不足</a></span></s:else> </div> </div> </div> </s:iterator> <divclass="clear"></div> </div> <divclass="content_bottom"> <divclass="heading"> <h3>特价促销</h3> </div> <divclass="clear"></div> </div> <divclass="sectiongroup"> <s:iteratorvalue="saleList"> <divclass="grid_1_of_4images_1_of_4"> <ahref="detail.action?productid=<s:propertyvalue="product.id"/>"> <imgsrc="../<s:propertyvalue="product.cover"/>"alt="<s:propertyvalue=""/>"width="212px"height="212px"/> </a> <divclass="discount"> <spanclass="percentage"><s:propertyvalue="discount"/>%</span> </div> <h2><ahref="detail.action?productid=<s:propertyvalue="product.id"/>"><s:propertyvalue=""/></a></h2> <p> <spanclass="strike">￥<s:propertyvalue="product.price"/></span> <spanclass="price">￥<s:propertyvalue="price"/></span> </p> <divclass="button"> <s:iftest="product.stock>0"><span><ahref="javascript:buy(<s:propertyvalue="product.id"/>);"class="cart-button">加入购物车</a></span></s:if> <s:else><span><astyle="background:#ccc;color:red;">库存不足</a></span></s:else> </div> <divclass="button"> <span><ahref="detail.action?productid=<s:propertyvalue="product.id"/>"class="details">查看详情</a></span> </div> </div> </s:iterator> </div> <divclass="content_bottom"> <divclass="heading"> <h3>新品上架</h3> </div> <divclass="clear"></div> </div> <divclass="sectiongroup"> <s:iteratorvalue="newList"> <divclass="grid_1_of_4images_1_of_4"> <ahref="detail.action?productid=<s:propertyvalue="product.id"/>"> <imgsrc="../<s:propertyvalue="product.cover"/>"alt="<s:propertyvalue=""/>"width="212px"height="212px"/> </a> <h2><ahref="detail.action?productid=<s:propertyvalue="product.id"/>"><s:propertyvalue=""/></a></h2> <p><spanclass="price">￥<s:propertyvalue="product.price"/></span></p> <divclass="button"> <s:iftest="product.stock>0"><span><ahref="javascript:buy(<s:propertyvalue="product.id"/>);"class="cart-button">加入购物车</a></span></s:if> <s:else><span><astyle="background:#ccc;color:red;">加入购物车</a></span></s:else> </div> <divclass="button"> <span><ahref="detail.action?productid=<s:propertyvalue="product.id"/>"class="details">查看详情</a></span> </div> </div> </s:iterator> </div> </div> </div><jsp:includepage="footer.jsp"/></div></body></html>用户注册代码如下：<%@pagelanguage="java"contentType="text/html;charset=UTF-8"pageEncoding="UTF-8"%><%@tagliburi="/struts-tags"prefix="s"%><!DOCTYPEhtml><html><head><metahttp-equiv="Content-Type"content="text/html;charset=UTF-8"><title>商城首页</title></head><body><divclass="wrap"><s:actionname="header"executeResult="true"/><divclass="main"><divclass="content"> <divclass="login_panel"> <h3>注册新账户</h3> <s:actionmessagestyle="color:red;"/> <formaction="register.action"method="post"id="form_register"> 用户名:<inputname="user.username"type="text"class="field"placeholder="请输入用户名"required="required"> 登录密码:<inputname="user.password"type="password"class="field"placeholder="请输入密码"required="required"> 支付密码:<inputname="user.payword"type="password"class="field"placeholder="请输入密码"required="required"> 电话:<inputname="user.phone"type="text"class="field"placeholder="请输入电话"maxlength="11"> 地址:<inputname="user.address"type="text"class="field"placeholder="请输入地址"> </form><divclass="buttons"> <div> <buttonclass="grey"onclick="$('#form_register').submit();">确认注册</button> <ahref="login.jsp"style="float:right;padding-top:10px;padding-right:50px;font-size:14px">登录已有账户</a></div></div><divclass="clear"></div> </div><divclass="clear"></div></div></div><jsp:includepage="footer.jsp"/></div></body></html>用户登录代码如下：<%@pagelanguage="java"contentType="text/html;charset=UTF-8"pageEncoding="UTF-8"%><%@tagliburi="/struts-tags"prefix="s"%><!DOCTYPEhtml><html><head><metahttp-equiv="Content-Type"content="text/html;charset=UTF-8"><title>商城首页</title></head><body><divclass="wrap"><s:actionname="header"executeResult="true"/><divclass="main"><divclass="content"> <divclass="login_panel"> <h3>登录已有账户</h3> <s:actionerrorstyle="color:red;"/> <formaction="login.action"method="post"id="form_login"> 用户名:<inputname="user.username"type="text"class="field"placeholder="请输入用户名"> 密码:<inputname="user.password"type="password"class="field"placeholder="请输入密码"></form><divclass="buttons"> <div> <buttonclass="grey"onclick="$('#form_login').submit();">确认登录</button> <ahref="register.jsp"style="float:right;padding-top:10px;padding-right:50px;font-size:14px">注册新账户</a></div></div><divclass="clear"></div> </div><divclass="clear"></div></div></div><jsp:includepage="footer.jsp"/></div></body></html>我的订单代码如下：<%@pagelanguage="java"contentType="text/html;charset=UTF-8"pageEncoding="UTF-8"%><%@tagliburi="/struts-tags"prefix="s"%><!DOCTYPEhtml><html><head><metahttp-equiv="Content-Type"content="text/html;charset=UTF-8"><title>我的订单</title></head><body><divclass="wrap"><s:actionname="header"executeResult="true"/><divclass="main"><divclass="content"> <divclass="login_panel"style="width:600px"> <s:actionmessage/> <s:iftest="indentList!=null"> <h3>我的订单</h3> <s:iteratorvalue="indentList"> <tableclass="cart_table"> <tr> <td> 订单号:<s:propertyvalue="id"/> <s:iftest="status==1">(未付款)<ahref="topay.action?indentid=${id}"><button>付款</button></a></s:if> <s:iftest="status==2">(已付款)</s:if> <s:iftest="status==3">(已发货)</s:if> <s:iftest="status==4">(已完成)</s:if> </td> <tdcolspan="2">下单时间:<s:datename="systime"format="yyyy-MM-ddHH:mm:ss"/></td> <tdclass="cart_total"><spanclass="red">总价:</span></td> <td>￥<s:propertyvalue="total"/></td> </tr> <s:iteratorvalue="itemList"> <trclass="cart_title"> <td> <ahref="detail.action?productid=${product.id}"> <imgsrc="../${product.cover}"class="cart_thumb"border="0"/> </a> </td> <td>${}</td> <td>￥${price}</td> <td>x${amount}</td> <td>￥${total}</td> </tr> </s:iterator> </table><br> </s:iterator> </s:if><divclass="clear"></div> </div><divclass="clear"></div></div></div><jsp:includepage="footer.jsp"/></div></body></html>购物车代码如下：<%@pagelanguage="java"contentType="text/html;charset=UTF-8"pageEncoding="UTF-8"%><%@tagliburi="/struts-tags"prefix="s"%><!DOCTYPEhtml><html><head><metahttp-equiv="Content-Type"content="text/html;charset=UTF-8"><title>购物车</title></head><body><divclass="wrap"><s:actionname="header"executeResult="true"/><divclass="main"><divclass="content"> <divclass="login_panel"style="width:600px"> <spanstyle="color:red;"><s:actionmessage/></span> <s:iftest="#session.shopcartList!=null"> <h3>我的购物车</h3> <tableclass="cart_table"> <s:iteratorvalue="#session.shopcartList"> <trclass="cart_title"> <td> <ahref="detail.action?productid=${product.id}"> <imgsrc="../${product.cover}"class="cart_thumb"border="0"/> </a> </td> <td>${}</td> <td>￥${product.price}</td> <td>x${amount}</td> <td>￥${total}</td> <td> <ahref="javascript:add(${id});">[添加]</a> <ahref="javascript:lessen(${id});">[减少]</a> <ahref="javascript:deletes(${id});">[删除]</a> </td> </tr> </s:iterator> <tr> <tdcolspan="4"class="cart_total"><spanclass="red">总价:</span></td> <td><s:propertyvalue="#session._total"/></td> </tr> </table> <divclass="buttons"> <divstyle="float:right;padding-top:20px"> <buttonclass="grey"onclick="location.href='save.action'">提交订单</button> </div> </div> </s:if><!--<divstyle="float:left;padding-top:20px"> <ahref="renew.action">恢复历史记录</a> </div>--><divclass="clear"></div> </div><divclass="clear"></div></div></div><jsp:includepage="footer.jsp"/></div></body></html>订单管理代码如下：<%@pagelanguage="j