【《基于JAVAEE的电子商务网站的设计与开发》8400字（论文）】

第第页共29页基于JAVAEE的电子商务网站的设计与开发摘要JavaEE技术无疑是当今因特网大型应用的最佳技术方案之一，围绕JavaEE技术的应用性，也产生了大量的Web开发框架，它们极大地提升了JavaEE技术的易用性。本文描述了JavaEE的相关技术，比如说Struts2，Hibernate，Spring等，以及一些前台JS框架，如jQuery。并用这些技术完成一个基于Web的电子商务管理系统，并开发并实现其中的全部功能模块。电子商务管理系统是如今信息行业流行的，基于WEB技术的一套成熟的项目，本系统采用了更加实用和方便的B/S结构。采用了JavaEE平台下的JSP作为开发平台，数据库采用MySQL，最终完成了程序的具体设计。本系统设计的目的是通过网页使用户实现购物。关键词互联网电子商务JAVAWEBTOC\o"1-3"\h\u目录TOC\o"1-1"\h\u285681引言2109112系统开发背景3197833B/S架构4110194系统需求分析54.1功能需求分析54.2性能需求分析64.3可行性分析74.4系统用例分析8157975网站的设计155.1界面显示模块设计155.2数据存储模块设计155.3第三方插件的使用介绍1692485.4版本管理工具的使用18191536系统实现及关键问题206.1界面显示模块设计206.2数据操作模块设计216.3网络模块设计24133467系统配置2623987总结27参考文献29TOC\o"1-1"\h\u1引言在中国经济社会突飞猛进的今天，各种行业和技术日新月异。在过去的一年，JAVA语言的依赖已更新到第12个版本了。各种编程语言也开始流行，如Python、PHP等。各种技术也引起了人们的关注，如人工智能、混合现实技术、AR、VR技术、全息投影等。在互联网+的风口浪尖的时代，我们应该不断学习新的知识。我相信每个人都像我一样对这些技术感兴趣。兴趣是学习的动力。我尝试学过python和c++,可惜时间与资源有限，只能学的很浅。不过当我用python与c++运行出我想要的程序时，我很兴奋，更加喜欢这些技术。进入正题，JAVA语言我认为是一门偏后端的技术成果。因为门技术跟服务器这打交道，如mybatis，jdbc等技术。它经常连接到关系数据库MYSQL，是一些中小型企业的最佳选择。随着移动互联网技术的兴起以及互联网信息技术应用的广泛展开,电子商务管理技术的广泛运用已经变成了一种现实。但当前市场经济环境下优秀的电子商务网站工程项目实施技术人员十分短缺,为了适应行业的要求和对于社会所培养紧缺电子商务管理系统的开发和项目建设力量,结合网络互联技术设计出了电子商务管理系统,使程序与现实一体化。电子商务网站是一款模拟实际用户在网上购物状况、覆盖各种对商品的控制操作，用户登录、注册、找回密码、购物主页、购买提交、我的购物车等。电子商务系统可以方便用户通过网页操作他们想要购买的产品。2系统开发背景随着移动互联网技术的兴起以及互联网信息技术应用的广泛展开,使得电子商务管理技术的广泛应用成为现实。但是当前市场环境下关于电子商务管理的技术研发和项目工程实施的技术人员十分短缺,适应了行业的发展需求我们B/S的架构设计这套专门为社会培育紧缺网站开发技术的系统。主要以专门针对行业真实运用的系统层次实训教学环境为依托,培养大学生自身在互联网技术应用研究开发过程中的软硬相结合。3B/S架构随着社会的迅速发展,浏览器市场也得到迅速发展,人们对浏览器的要求也越来越高,每个人手机上都有一款可以用于浏览网页。随着互联网技术的兴起，C/S体系结构的改变或改进。在这种架构下，用户界面是通过WWW浏览器实现的，很少一部分事务逻辑可以在浏览器中实现，然而，主要的三层事务处理逻辑需要在服务器端实现三层，形成我们所说的三层三层结构。B/S网络架构设计是自从2000年web网络技术开始兴起以来的一种新型网络应用架构设计模型,web网络浏览器已经发展成为目前客户端应用最主流的网络应用程序。这种工作模式将整个服务器和系统客户端完全直接统一，将系统的所有功能和能实现目标的核心部件完全集中在一台服务器上，简化整个系统的基本设计、维护和日常使用。只需在客户端上重新安装web浏览器，您就可以直接在线访问公司的网站。4系统需求分析4.1功能需求分析4.1.1用户基本功能4.1.1用户基本功能需求用户登录电子商务管理系统，基本功能应该有用户登录、用户注册、找回密码、购物等基本功能。当用户进入到主页面时，用户在不登录的情况下可也查询直接喜欢的商品以及浏览页面上的所有物品，但是当用户想查看物品详情以及购买此商品时，页面将会跳转到用户登录。4.1.2用户购物需求管理当用户想购买一件商品时，前提是用户必须要是个登录的状态。用户点击购买按钮时，系统将会让用户填写一系列的信息，包括用户名、手机号、地址、邮箱。填写完成后提交订单，系统将会自动生成一串订单编号。此时用户可以在首页中我的订单里面查看下单状况，用户可以根据自己的需求修改和取消订单。用户如果只想看看，可以将所选物品加入购物车，以便于查看，用户可以在首页中我的购物车中查看所添加的商品。4.1.2用户购物图需求4.2性能需求分析1、安全保密性为了使网站安全，设置了URL拦截器与登录拦截器，没有用户登录时输入跳转（跳转到购物车、订单、购买）的URL是无效的。为了保证数据的安全性，用了MD5加密方式将用户名与密码加密。2、可操作性开发时需要从后台读取数据、前台接收到服务器的响应并及时将响应、数据显示在界面上、操作没有卡顿、界面要美观、符合常规操作。3、运行环境需求基于ARMCortex-A9内核，ARMv7指令集、四核处理器，主频1.5GHz、128/64位内部总线结构、32/32KB的数据/指令一级缓存、1024KB的二级缓存、高性能计算能力2000DMIPS（每秒20，000指令集）可实现。安装的硬件配置推荐配置：4G以上内存，Intel(R)Core(TM)i5-3230MCPU2.6HZWindows764位后台需求后台需要支持jdk-8u121-windows-x64JAVA开发套件。后台需要支持MYSQL数据库。后台需要支持SpringBoot自带Tomcat9服务器。前台请求后台服务器时，后台服务器必须在5秒之内响应URL的请求。4.3可行性分析可行性分析包括技术可行性分析、经济可行性分析和运营可行性分析。1.技术可行性技术可行性是针对所需要的软件进行一系列的分析，评估在当下手中所拥有的条件下，软件是否能够得以设计并实现。在这里，这些条件包括手头的所有软件和硬件资源，以及可以借用和购买的资源，以及设计和实施所需人员的水平和能力。此次编写的WEB系统是建立在MAVEN开发环境下，此次设计前端主要运用H5、CSS、JS、JQUERY等，后端使用JAVA语言编程与实现。在次开发环境中是完全可行的。电子商务系统的设计主要基于页面，URL是响应的。通过B/S的结构实现网站的搭建。电子商务系统可方便用户通过浏览器端对自己喜欢的物品进行购买、查询等操作。SpringBoot框架技术和Mybatis框架技术都是比较成熟的技术，JAVA语言是一种成熟的语言，这个程序的开发没有问题，所以技术方面是可行的。2.经济可行性做项目是需要市场需求的，否则项目做的再精美也是徒劳。近几年网上购物是风口浪尖的话题，所以这个项目是值得大力花费经济的，很有前途的。3.操作可行性对于用户来说他使用系统，肯定是要操作简单易懂，符合大众的，否则用户不会使用这款系统，它就将回收不到收益。意义分析本项目旨在考察我们在企业真实项目环境下的工程实践能力、设计能力和移动应用开发的创新能力，以及团队合作、沟通能力、抗压能力、职业水准等职场素质，展示我们移动应用程序开发学生的技能和风采，激发我们对知识的渴望和参与教学活动的热情;搭建校企合作平台，引导更多行业企业参与校企合作，深化产教融合，推进产教融合人才培养模式，使我们对行业的发展趋势和行业对人才的需求有了更清晰的认识，从而满足国家互联网战略发展对软件人才的迫切需求，引领移动应用开发等相关专业的改革与发展，并适应互联网、移动互联网、大数据、智慧城市等新技术、新模式、新业态、新应用的发展。4.4系统用例分析电子商务网站功能模块描述：（1）用户登录模块当用户在浏览器中输入URL(localhost:8085/cxkh)时浏览器会进入首页页面，当用户点击左上角【登录】标签时，页面跳转到登录页面中。用户户输入账号和密码并点击【登录】按钮后，后台服务器会根据你输入的账号和密码与数据库中的数据进行对比，a.如果账号和密码正确，则进入下一个模块。b.如果用户名不存在或者密码错服务器会给用户登录页面传递错误信息。进入主页面或返回登录时错误进入主页面或返回登录时错误服务器用户输入账号与密码服务器用户输入账号与密码图4.4.1用户登录图（2）用户注册模块当新用户进入系统时，没有账号即可点击登录页面上的注册链接，页面就进入注册页面，用户填写页面上所需要填写的信息正确无误之后点击【提交】按钮。服务器会将用户所输入的信息中的用户名与数据库中的用户名匹对，a.如果所提交的用户名在数据库中不存在，则服务器将向数据库中插入一条信息，并返回注册成功提示用户。b.如果用户所输入的用户名在数据库中存在，则返回注册不成功的字段提示用户。成功数据库服务器用户提交自身信息成功数据库服务器用户提交自身信息不成功不成功返回注册不成功的字段提示用户返回注册不成功的字段提示用户图4.4.2用户注册图（3）找回密码模块当用户不记得密码时，用户点击【忘记密码？】标签，页面随即跳转到找回密码的页面，用户输入所需要填写一些用于身份验证的信息，输入新的密码。当所有内容填写好时点击【提交】按钮，服务器将用户所填的信息进入数据库中进行匹配，a.如果所填的用户名与注册时的手机号一致时，数据库中的信息将被修改。b.如果不一致时将会提示用户。如果所填的用户名与注册时的手机号一致时，数据库中的信息将被修改。如果不一致时将会提示用户用户输入一些核对身份的内容服务器如果所填的用户名与注册时的手机号一致时，数据库中的信息将被修改。如果不一致时将会提示用户用户输入一些核对身份的内容服务器图4.4.3用户找回密码图（4）电子商务主模块当用户在浏览器中输入URL(localhost:8085/cxkh)时浏览器会进入首页页面，用户可以看见许多商品。用户输入URL(localhost:8085/cxkh)服务器用户输入URL(localhost:8085/cxkh)服务器跳转到首页页面图4.4.4电子商务首页搜索所需物品：用户在页面上的搜索栏中搜索自己想要的商品，服务器会根据所输入的内容去匹对相应的物品。点击页面上物品。用户点击页面上看中的物品，页面跳转到该商品的详细页面中。用户可以对该商品够买或者放入购物车操作。（5）购物模块当用户进入到购物模块后，用户可以看见该物品的详细信息。用户可对该物品购买或者存入购物车商品详情页面商品详情页面购买存入购买存入服务器服务器我的订单购物车我的订单购物车图4.4.5页面操作图（6）购物车模块用户点击主页面上的我的购物车（用户登录后【我的购物车】与【我的订单】才可见），页面跳转到购物车页面上，服务器将该用户所存入的商品返回给用户页面依次展开。商品编号商品名商品类型存放时间个数价格操作10086哇哈哈食品2021-4-0919：24210付款重新选购删除10052洗衣液生活用品2021-4-0919：24250付款重新选购删除图4.4.6购物车1、用户点击【购买】按钮时，会跳转到填写信息界面上。2、用户点击【重新选购】按钮时，界面会返回到该商品的购物模块中，用户可以重新选着该商品，选择该商品的所有信息将会覆盖原先的信息。购物车购物车重新选购购买重新选购购买删除删除服务器服务器数据库（cx）数据库（cx）页面页面页面页面图4.4.7业务操作（7）购买模块用户点击【购买】按钮（包括直接购买与添加到购物车中后的购买）页面跳转到购买页面中，系统默认的把用户名、手机号、邮箱添加到所填写的订单中（用户也可以自行更改），用户只需填写地址即可。点击【提交】按钮后，所有数据将会提交到数据库中，自动生成订单信息。购买信息填写购买信息填写邮箱地址手机号用户姓名邮箱地址手机号用户姓名提交提交数据库DB（cx）数据库DB（cx）图4.4.8购买模块（8）订单模块用户点击主页面上的我的订单（用户登录后【我的购物车】与【我的订单】才可见），页面跳转到订单页面上，服务器将该用户所购买的商品返回给用户页面依次展开。已完成订单订单编号用户名商品编号购买时间价格状态操作CX523300118001100862021-4-0919：2410完成删除订单再次购买CX533660218002100052021-4-0919：2450完成删除订单再次购买图4.4.9已完成订单表未完成订单表订单编号用户名商品编号购买时间价格状态操作CX523300118001100862021-4-0919：2410未完成取消订单修改订单CX533660218002100052021-4-0919：2450未完成取消订单修改订单图4.4.10未完成订单表5网站的设计本系统是由服务器和浏览器构成。要求服务器在前端的响应下完成系统的交互。系统架构大致是通过Tomcat连接在后台服务器和数据库中的数据之间。该系统功能划分为几个模块如下，（1）用户登陆模块，（2）用户注册模块，（3）密码检索模块（4）电子商务主模块，（5）购物模块，（6）购物车模块（7）购买模块，（8）订单模块Html页面（VIEW）5.1系统体制架构Html页面（VIEW）服务器服务器数据数据数据数据数据数据数据数据数据库DB（cx）数据库DB（cx）图5.1系统架构图本系统要求前端页面、后台服务器、数据库平台连在同一平台中连接中。后台服务器从前台获取数据操作来对数据库中的数据操作，再将数据库获取的数据装入Model中返回给页面。5.2系统总体流程图5.2系统流程图5.3第三方插件的使用介绍（一）

Postman是一个功能强大的Chrome插件，用于web调试和发送Http请求。用户需要非常简单的情况下，需要调试开发网络应用程序或使用B/S调试模式调试web应用程序。调试方法工具用于跟踪一个网页的调试请求，用户，即可以通过考虑来学习如何使用一些工具进行网络程序管理，例如世界著名的iis、firebug等web程序调试管理工具。今天我们给大家详细而简单的介绍这个免费的网页设计调试开发工具不仅可以让你调试简单如css、html、脚本等简单的网页设计基本操作信息，它还允许您甚至同时为几乎所有网页发送不同类型的请求，例如http!postman使您能够清楚地被公认为我们基于chrome网络插件http递送请求文件发件人的类似产品系列中最具国际代表性的插件产品之一。当今的网络网页设计工程开发者不仅需要同时检查调试几个不同网页的系统是否正常或者运行,并且也就不是简简单单地需要检查和同时调试一个网页的诸如html、css、java以及运行脚本等一系列的基本信息系统是否正常或者运行正常,更加重要的一点是那就是对于网页设计可以同时做到正确的还是对于一个网页需要进行用户http处理请求,毕竟这些对于网页的用户http处理请求对于一个网站和其他用户之间的网站进行交互来说是非常重要的一种请求手段和处理方式,在在非常动态的一个网站中,用户的很多请求数据都可能是通过需要经由网页http进行请求处理才能和网站服务器交互。邮递员插件充当了这种沟通和交流方式的“桥梁”。他们可以通过使用chrome插件将各种模拟用户http请求的数据发送到客户端服务器，以便开发人员有效地做出正确的反馈和响应，或者更重要的是，在产品推出之前处理发现错误的信息，这有效地保证了网站上线后产品的稳定性和安全性。在chrome中已经安装了postman插件以后,用户只是需要在开始调试一个网站的任何时候自己启动postman插件,然后来对其进行几项简易的配置就已经可以轻松地实现对该网站的基础信息进行修改和分布式发送各种类型的http到该网站中,用户在开始发送http数据的任何时候,也就是可以在开始编辑网站的相关测试数据的任何时候添加输入了一个必须量的参数信息,这样才能使得测试的数据变得更为准确,而这个postman也将会完好地得到支持。（二）Thymeleaf的使用Thymeleaf是一种专门基于用来制作渲染thxml/xhtml/html5内容的文件模板渲染引擎。类似于诸如jsp,velocity,freemaker等,它也是一种完全可以很简单地与如springmvc等其他web新型框架软件集成使用起来的并做为适合web框架应用的新型模板设计引擎。与其他的引擎模板网站搜索分析引擎操作系统软件相比,thymeleaf最大的主要优势之处之一就是它使您能够直接在您的浏览器中自动打开和正确地直接显示该引擎模板的所有网站搜索页面,而不必再遇到需要重新安装启动整个web的应用。Thymeleaf已经支持springexpressionlanguage这种语言做为一种方言,即spel,在我们进行学习jsp时我们都已经对el表达式有一定的理解和认识了,spel是一种可以广泛应用于spring中的一种el表达式。简而言之,与我们实际上所使用的jsp不同,thymeleaf主要是通过使用html的一个标签方法来直接完成对逻辑和数据的传输或者进行渲染,而且不需要像jsp一样将其作为一个servlet被重新编译再制作生成。即便单独的thymeleafhtml这个文件仍然可以正确地打开并包含有少量(相对)具有价值的资料,并且还是可以被浏览器直接打开。5.4版本管理工具的使用版本管理工具软件为您提供了完整的版本管理功能，用于存储和跟踪目录(包括文件夹)和文件修改的历史记录，它是所有软件研究人员以及所有软件企业和公司的基础设施的必备工具。版本控制软件的最高宗旨,就是要有效地支持各种软件企业和公司进行配置、管理等活动,跟踪各种版本的研究开发和维护等等活动,及时地发布和更新软件。简单地一点来说,你在进行软件开发的过程中,会不断地去发现新的需求,不断地去发现bug,如果你没有对自己的软件进行控制,或今天一个版本,明天再是一个版本。常见的版本管理工具有：VSS、CVS、SVN、GIT、MAVEN等。我的项目使用的是Maven工具来管理的MAVEN项目是一个用于构建(打包)基础项目、依靠资源管理(项目资源整合依靠)项目工具(管理基础项目资源)、项目资源信息库的聚合(主要还是应用于管理整合项目资源)。maven除了以其应用程序系统架构和开发能力具有优势的合作为其主要特色之外,还一直致力于为企业客户和其他企业人员提供专门的专业项目资源管理和信息技术解决工具。因为多行maven的开发缺省和重复构建脚本规则通常具备较高的开发可用和重用性,所以往往只要你需要重复使用两三行maven需要构建的开发脚本规则即可轻松构建一个简易化的开发项目。因为采用maven的发文是一个一种面向不同项目的发文方式,许多属于apachejakarta类的项目在每次进行后期发文时都会固定使用一个maven,并且该项目公司的每个项目中由于采用的是maven的发文比率正在不断的的上升。6系统实现及关键问题6.1界面显示模块设计图片循环可以说是最常见的效果之一。在许多著名的应用中，都有图片循环效果。虽说这个功能看上去很复杂的，不过我们可以很轻松的实现非常酷炫的图片循环播放效果。所谓的图片循环播放就是将一些图片放入一个文件夹下，将其重新命名，然后可以通过JS代码闪现出来，这是个很好的动画效果。核心代码如下：varcount=0;varmytime;functionshowImg(id){ count++; if(id>0){ clearInterval(mytime); count=id;} if(count>7){ count=1;} document.getElementById("pic").src="http://localhost:8080/king/img/ap"+count+".jpg";for(vari=1;i<=7;i++){ if(i==count){ document.getElementById("num"+i).style.backgroundColor="#F63"; }else{ document.getElementById("num"+i).style.backgroundColor="#CCC";}}} functionshowout(){ mytime=setInterval("showImg(0)",1000);} mytime=setInterval("showImg(0)",2000);6.2数据存储模块设计6.2.1将数据存储到cx数据库中cx是我给这个系统创建的一个数据库，里面创建了三张表用来存储用户、产品、订单，我们用Mybatis与数据库连接，就可以实现对数据库增、删、改、查等一些的操作。代码例如：数据存储<insertid="AddUser"parameterType="com.example.shopping.entity.User">insertintocx_user(username,name,password,phone,email,sex)values(#{username},#{name},#{password},#{phone},#{email},#{sex})</insert>数据查找<selectid="GetUser"resultType="com.example.shopping.entity.User">select*fromcx_userwhereusername=#{username}</select>数据更改<updateid="UpdateUser"parameterType="com.example.shopping.entity.User">updatecx_usersetpassword=#{password}whereusername=#{username}</update>数据删除<deleteid="DeleteOrder"parameterType="com.example.shopping.entity.Order">delete*fromcx_orderwhereorderid=#{orderid}</delete>6.2.2Mybatis对数据库的操作Mybatis是一款优秀的持久层存储框架,它已经能够完全支持用户定制和优化的sql、存储管理流程以及高级数据映射。Mybatis.它避免了几乎所有使用jdbc执行代码的性能损失以及通过移除手动程序设置的所有参数和值以获得新的结果集。Mybatis系统人员可以通过利用简单的字符xml或者使用注解符的方式使用来对其进行接口配置和直接映射其原生的接口信息,把这些接口与一个java的对象pojo(plainordinaryjavaobject,普通的是java中的对象)相互进行映射后再组合起来成为整个应用数据库系统过程中的一份信息记录。图6.2Mybatis对数据库操作流程SpringBoot配置数据库datasource:username:rootpassword:123456url:jdbc:mysql://localhost:3306/cx?useUnicode=true&characterEncoding=utf-8&useSSL=true&serverTimezone=UTC

2、SpringBoot引用Mybatis映射文件mybatis:mapper-locations:classpath:mapping/*Mapper.xmltype-aliases-package:com.example.demo.entity3、Mybatis配置数据库<?xmlversion="1.0"encoding="UTF-8"?><!DOCTYPEmapperPUBLIC"-////DTDMapper3.0//EN""/dtd/mybatis-3-mapper.dtd"><mappernamespace="com.example.shopping.Mapper.UserMapper"><resultMapid="User"type="com.example.shopping.entity.User"><resultcolumn="username"jdbcType="VARCHAR"property="username"/><resultcolumn="name"jdbcType="VARCHAR"property="name"/><resultcolumn="password"jdbcType="VARCHAR"property="password"/><resultcolumn="phone"jdbcType="VARCHAR"property="phone"/><resultcolumn="email"jdbcType="VARCHAR"property="email"/><resultcolumn="sex"jdbcType="VARCHAR"property="sex"/></resultMap></mapper>4、对数据的各种操作<insertid="AddUser"parameterType="com.example.shopping.entity.User">insertintocx_user(username,name,password,phone,email,sex)values(#{username},#{name},#{password},#{phone},#{email},#{sex})</insert><selectid="GetUser"resultType="com.example.shopping.entity.User">select*fromcx_userwhereusername=#{username}</select><updateid="UpdateUser"parameterType="com.example.shopping.entity.User">updatecx_usersetpassword=#{password}whereusername=#{username}</update><deleteid="DeleteOrder"parameterType="com.example.shopping.entity.Order">delete*fromcx_orderwhereorderid=#{orderid}</delete>6.3网络模块设计6.3.1Http协议Http网络协议(也有人称之为超文本传输协议(它是音译和文本直接传输网络协议的缩写)，它是指一种专门为从万维网直接传输超文本或超文本而开发的文本传输网络协议(www:worldwideb)web服务器到中国本地web浏览器。http协议是一种基于tcp的tcp/ip通信协议，用于通过搜索(通常包括html搜索文件，图像搜索文档，查询搜索结果等)传输数据。图6.3.1主要特点：1、简单快捷:当一个客户向服务器发出要求或者请求时,只需要向其发送一种请求的方法与途径。请求的常用方法有get、HEAD和POST。每种方法都指定客户端和服务器之间的互连类型是否相同。由于http协议简单，因此http服务器的应用程序体积和规模都很小，因此其通信速度非常快。2.灵活性:http允许用户传输任何类型的数据对象。正在传输的文件类型用content-type标记。3.无连接:所谓无连接是指将每个连接限制为只有一个请求。处理完客户的提示信息后，服务器在收到相关客户的响应后立即断开连接。而且，该方法可以有效地节省传输时间。4，无状态:http网络协议本身实际上是完全没有状态的网络协议。无事件状态性功能是一种指一个协议对于某个事件的状态处理并没有任何回忆性的能力。这种状态的缺失可能意味着，如果它在随后的数据处理中仍然需要先前的传输信息，则它必须重新传输它，这种很快有限的可