《基于Web前端技术的购物网站设计与实现》8300字

基于Web前端技术的购物网站设计与实现目录TOC\o"1-2"\h\u14658基于Web前端技术的购物网站的设计与实现 1301681绪论 278301.1选题的意义 269831.2网上购物网站的开发现状 2187261.3课题目的 3311422设计技术与开发环境 420462.1相关技术介绍 421217第一，使用jdbc连接数据库 420515第二，具有平台无关性且安全可靠。 416267(4)多样化和功能强大的开发工具支持 430971(5)支持服务器端组件[3]。 4159082.2MVC模式和几种框架 5166203需求分析与可行性分析 635183.1需求分析 610203.2数据流程分析 7139733.3可行性研究 1072944系统设计 10308704.1系统总体设计 10261224.2数据库概念设计 11222474.3数据库逻辑结构设计 12238935系统实现 14289115.1环境配置 14275535.2用户注册管理 1472895.3用户信息管理 1489275.4购物车管理模块 1745615.5订单管理 1760785.6后台管理模块的实现 18169276程序测试与评价 22125936.1程序调试 22290046.2测试的目的 2216697（1）测试的重要性 2214373（1）用户登录测试 236393（2）信息发布测试 2330886（3）后台管理登录测试 2367416.3系统的特点和优点 2423953（4）使用方便，操作简单。 2470916.4改进方案 2419777总结 2422166参考文献 25摘要：当下是一个高度信息化的世界，几乎什么事情都可以在网上完成，就连购物也是，而且网上购物的品种也非常的丰富多样。购物平台是一个产品网上购物信息应用解决方案。人们通过网络，在互联网上面购买自己需要的产品，然后网购的公司通过第三方的物流公司，讲购买的产品送到用户的手中，当然也有一些自营的平台，是用自己的物流配送，速度更快，这就有大家熟悉的京东平台，电子商务已经对传统的物品买卖方式发生了变化，我们做一个一个当代的大学生，十分有必要的去了解和学习这个知识，并且学会用自己学过的编程知识去开发购物平台，我们将通过java编程语言进行开发，java是目前最流行的语言，安全性高，开发的使用者多，而且免费，数据库可以采用mysql，一个轻型的数据库语言。比起其它的mysql和oracle，使用的范围更广，更加受到开发者的欢迎。本文研究了产品购物平台，从而加快了商店产品信息化建设的步伐。关键词：电子商务，网购，java，mysql绪论选题的意义信息技术的发展，带来机遇的同时，也使商店的产品信息管理工作面临严峻的挑战。要顺应社会发展的大趋势，现在互联网的大致是大势所趋，已经进入了我们的家庭生活，因此学习和掌握网络购物平台建设，非常的重要，对以后的工作有极大的帮忙，现在互联网企业非常多，这方面的企业更是层出不穷。因此，作为现代商店，必须建立一种能够应付这些新形式的新的产品信息管理模式，购物平台就是一种理想的选择。而现如今的购物平台，在各方的努力下从原本的功能单一，界面简洁逐渐趋于完美。在当下技术的限制下，如何从一众购物网站之中脱颖而出，吸引大家的注意力，就需要我们另辟蹊径，从商城的内容上做到让大家耳目一新且具有实际作用。而女性作为当今社会逐渐崛起的一个新团体，更是受到各界的注目，她们作为潜在的强大的消费群体，是各大商家瞄准的客户之一。而本次课题就是专注于女性化妆品的网上购物网站，在检验4年学习成果的同时与社会相接轨。网上购物网站的开发现状目前最流行的三种开发语言是Php，asp，net，应用比较多的是php的web开发，包括外国的一些主要网站，例如facebook。Asp这个开发语言时出现的比较早，因为经常会有漏洞，所以已经逐渐被市场所淘汰；虽然net的语言还在用，但是也算很老的技术，而现在国际上出现了一种较新的以安全为特点的技术，那就是JSP，并且深受各类网站的喜爱。三者中，JSP已经是当前发展的主流。我国目前大多数店铺都建立了内部的局域网系统，而外部和因特网相连从而实现了信息化管理且系统功能齐全。不过商用的系统功能都非常的强大，我们作为一个学习和设计的商城，我们需要作出自己的特色，未必需要和软件公司开发的系统，一较高下，有订单管理，用户管理，产品管理等基本功能即可。课题目的通过对编程语言的学习，熟练的运用学过的java编程语言，利用编程软件开发一个操作简单能满足我们日常管理的一股简洁实用的网上购物网站。同时在这个过程中还要学会SQL的相关技术，例如，如何建立一个数据库，如何创建表的字段结构，如何进行数据调用，如何对数据库内容进行增加、删除、修改等操作。在整个过程中不断学习新的知识，巩固大学4年的所学，同时增强动手能力，不断提升自我，为以后的就业打下坚实的基础。设计技术与开发环境相关技术介绍JSP简介Jsp是一种常用的开发语言，主要用在java的web开发中，它是一种动态的语言，和php，asp，net等web开发语言一样。他的特点很明显，就是安全性非常的高。SunMicrosystems首先提出并且提倡JSP技术，其属于基于Java语言的跨平台,跨Web服务器的动态网页技术。和ASP有点类似,其在网页HTML中插入Java程序段以及JSP的标记,建成JSP网页并且能够连接数据库，使页面的数据传送到数据库，从数据库中读取相关的数据[1]。jsp技术安全性非常的高，在银行，政府的系统里面应用的非常多。我们能从以下几个方面看到它的特点：第一，使用jdbc连接数据库在Java语言中，JDBC(JavaDataBaseConnection）是应用程序与数据库沟通的桥梁,即Java语言通过JDBC技术访问数据库。JDBC是一种“开放”的方案，它为数据库应用开发人员、数据库前台工具开发人员提供了一种标准的应用程序设计接口，使开发人员可以用纯Java语言编写完整的数据库应用程序。JDBC提供两种API，分别是面向开发人员的API和面向底层的JDBC驱动程序API，底层主要通过直接的JDBC驱动和JDBC-ODBC桥驱动实现与数据库的连接[2]。第二，具有平台无关性且安全可靠。以下列了一些jsp的优点：(1)—次编写,到处运行(2)系统的多平台支持(3)强大的可伸缩性从只有一个小的Jla文件就可以运行Sewlet.dSP到由多台服务器进行集群和负载均衡,到多台Appication进行事务处理消息处理一台服务器到无数合银务器.Java显示了一个巨大的生命力。(4)多样化和功能强大的开发工具支持Myeclise8.5，以及最近出来的myeclise9，myeclise10，tomcat6.0，tomcat7，jdk，等等，都是jsp开发的强大的工具。(5)支持服务器端组件[3]。B/S模式分析众所周知B/S即浏览器和服务器结构，相对C/S结构的一种改进的结构。用户操作界面是通过浏览器来实现，这样简化了客户端用户电脑载荷,大大减轻了软件的维护和升级的成本和及其工作量[4]。而这种新出现的网上信息发布功能恰好是网上购物系统所需要的。这让店铺的大部分纸质文件可以被电子文件所取代，从而提高店铺的工作效率，简化店铺各类行政工作的手续，节约更多的物力和人力。sqlserver简介SQL是英文StructuredQueryLanguage的缩写，意思为结构化查询语言。SQL语言的主要功能就是同各种数据库建立联系,进行沟通。SQL语句可以用来执行各种各样的操作，例如更新数据库中的数据，从数据库中提取数据等。绝大多数流行的关系型数据库管理系统，如Oracle,Sybase,MicrosoftsQLServer.Aecess等都采用了SQL语言标准。虽然很多数据库都对SQL语句进行了再开发和扩展，但是包括Select,Insert,Update,Delete,Create，以及Drop在内的标准的SQL命令仍然可以被用来完成几乎所有的数据库操作[5]。MVC模式和几种框架本系统采用JSP技术，基于MVC模式开发。mvc是大家熟悉的框架结构主要是由三个框架构成的：模式框架，视图框架以及控制器。这种模式的优点就是把各部分内容有效的分开，视图层里面就是页面的html语言，可以在这里修改模板而不需要脚本语言和静态代码混合，如果是调用某个动态，就可以再控制层里面，三层的结构各司其职，不管哪个部分出现问题，都不会对其他的层里面的内容产生影响，是一个非常好用的编程结构。它由Struts框架，Spring框架，Hibernate框架构成的。Myeclipse简介MyEclipse是集合了很多插件的java开发非常好的一个工具。但是它也有一个很大的问题，那就是里面的东西多了，整体体积就会变的很大，然后它运行起来就会变得很慢，有时候程序过大，一般的电脑拖都拖不动，所以，要想更好地运行，有时还需去提高一下自己的电脑配置。Tomcat简介Tomcat是ApacheJakarta的子项目之一，作为一个优秀的开放源代码的Web应用服务器，Tomcat基于Java技术,全面支持JSP12以及Seve2.3规范(Tomcat4.0以前版本支持JSP1.10以及Servlet2.4，T.mcat5.0将支持JSP2.0以及Servlet2.4)。因其技术先进、性能稳定，而且免费，因而得到了许多软件开发商的认可，成为目前比较流行的Web应用服务器[6]。Tomacat的最新版本是tomcat9.0，在此之前已经经历了很多的版本，从开始推出以后，先后有tomcat4.0，tomcat5.0，tomcat6.0，tomcat7.0和tomcat8.0。需求分析与可行性分析需求分析生活水平的提高，女性越发的爱美之心了，大家的腰包鼓了，就喜欢消费，从而促进电子商务的蓬勃发展，用户规模也是越来越庞大。而电子商务的发展离不开网上购物的开发技术，掌握这个技术，对于以后互联网电子商务的发展有着非常重要的意义，我们能够不出门，就可以把自己想要的东西买到手，然后送到自己的楼下。从图3-1可知，未来中国网店数量规模和网络购物用户规模都呈现快速增长的趋势，而且网络购物用户规模的增长速度明显快要网店数量增长速度，未来中国消费者的网络购物需求会继续扩张[7]，所以掌握开发购物网站的技术显得十分有必要。而此次毕设我们要开发的网上化妆品购物网站所需的系统要效率高，容易理解、便于维护。图3-1网络购物（电商）用户规模及渗透率数据流程分析系统主界面系统主界面系统登录界面系统管理输入操作员及密码检查密码正确功能界面功能处理错误信息密码错误数据库图3-1系统操作流程图管理员在后台登录界面按要求输入账号密码，然后系统会校对管理员输入的信息与数据库中的数据是否一致，如果一致就可以正常登陆，然后即可对后台数据进行修改，如果不一致，则会提示重新输入。用户在登录界面按要求输入相关信息时，系统会自动生成编号，这个编号是用户没有权限修改的。然后系统会校对用户输入的信息是否符合要求，如果符合就会自动保存到对应的数据库中，便于下次的调用，如果不符合，则会提示重新输入。开始开始自动生成编号输入数据是否合法写入数据库结束图3-2数据增加流程图管理员登录后台后，如果需要修改信息，则需要在相应的页面选中要修改的对象，重新输入对应的数据，然后系统会照例校对数据是否符合要求，如果符合要求就会把新的数据覆盖到旧的数据上，如果不符合要求，就会提示重新输入。开始开始选择需要修改记录输入数据是否合法写入数据库结束图3-3数据修改流程图管理员/用户要删除数据时，要先选择要删除的对象，然后点击删除，此时系统判断操作成功后，就会更新数据库。开始开始选择需要删除记录是否删除更新数据库图3-4数据删除流程图可行性研究电子商务是一个发展潜力巨大的市场,极具有发展前景。电子商务的广泛推广，打破了时空限制,改变了贸易形态，大大加速了整个社会的商品流通,有助于降低企业成本，提高企业竞争力，尤其能够使中小型企业直接进入国际市场参与国际市场竞争。所以应该掌握先进的管理方式，从而提高商店的效率和降低成本，而购物网站系统在给消费者提供了更多的选择的同时,也提供了更好的便利性[8]。且本系统采用Spring+Hibernate的框架。Spring框架提供了对Hibernate、JDO和MYBATIS的集成支持。Spring对Hibernate有很好的支持，整合了许多IOC的方便特性，解决了许多典型的Hibernate集成问题。系统设计系统总体设计网上购物系统不仅要做到功能齐全，而且还要做到界面友好。因此，要设计一个成功的系统，首先要把功能模块设计好，根据对网上购物系统的了解和分析,注册、登录、商品查询、购物车、商品结算等几个模块是网上购物系统的核心部分[9]。系统功能模块如图4-1所示：购物平台购物平台系统设置管理销售信息管理商品信息管理订单信息管理用户信息管理帐号信息设置管理密码信息设置管理用户信息添加用户信息删除用户信息修改管理商品信息管理商品信息提交订单荐人添加订单荐人修改订单荐人删除销售信息添加销售信息修改销售信息删除图4-1系统功能模块图数据库概念设计数据库实体E-R图如图4-2所示：查询产品信息查询产品信息属于属于查询管理用户分类信息管理员购物平台管理管理管理nnnn11n111图4-2系统实体E-R图数据库逻辑结构设计本系统的数据结构比较清晰，依据购物平台的功能要求，主要设计出数据库的表如下：admin管理员信息表列名数据类型长度说明idint4编号namevarchar50管理员IDpasswordvarchar50管理员密码addtimevarchar50时间Fenlei分类信息表列名数据类型长度说明idint4编号Titlevarchar50标题Sjvarchar50时间Member会员信息表列名数据类型长度说明idint4编号Usernamevarchar50帐号Realnamevarchar50姓名Sexvarchar50性别Agevarchar50年龄Addressvarchar50地址Emailvarchar50邮箱Regtimevarchar50时间Ifusevarchar50使用Gys供应商信息表列名数据类型长度说明idint4编号Mcvarchar50名称Bzvarchar50备注Lb购物信息表列名数据类型长度说明idint4编号Sidvarchar50名称Slvarchar50数量Membervarchar50会员Ztvarchar50状态Tjsjvarchar50提交时间Xzvarchar50备用字段Sale销售信息表列名数据类型长度说明idint4编号Titlevarchar50名称urlvarchar50路径Dzvarchar50价格Ybvarchar50积分Dhvarchar50品牌Jdvarchar50分类Contentvarchar50介绍Addtimevarchar50时间Djvarchar50点击Xsslvarchar50销售Sh订单信息表列名数据类型长度说明idint4编号Ddhvarchar50订单号Sjvarchar50时间Ddvarchar50地点Lxrvarchar50联系人Lxfsvarchar50电话Membervarchar50会员Tjsjvarchar50提交时间Ztvarchar50状态Xw新闻信息表列名数据类型长度说明idint4编号Titlevarchar50标题Contentvarchar50内容Sjvarchar50时间系统实现环境配置Myeclise的安装和配置，myecise的安装第一步就是要下载一个软件，现在网上有很多免费的和绿色的版本，我建议到myeclise的官方中文版去下载，地址是，下载完安装包以后，解压，大概在一个G多点，然后进行安装，安装的时候，需要注意的地方，就是安装的路径，以及workspace的位置，workspace是以后源文件放的位置，以后所有的运行文件，都存放在这个目录下。集成SSH框架的系统，由表示层、业务逻辑层、数据持久层和域模块层四层构成，非常的省事，那么下面我们就列举hibernate的配置，供大家参考，其它的两种配置，书面上都有，这里不再赘述。用户注册管理 前面的环境配置好以后，那么给程序运行起来，如果是第一次登陆，需要先注册。不注册的话，该购物网站的某些功能是无法正常使用的，例如加入购物车，执行该功能需要先注册账号，提交相关信息，各信息经过后台检验合法后保存到对应的数据库中，然后提示注册成功。之后需要用户重新登录即可进行有效的购物。用户信息管理第一次进入网站的用户需要先进行会员注册，输入符合要求的信息，然后系统会将数据保存到后台。注册页面的运行结果如图5-1所示：图5-1系统注册界面注册以后，系统会重新跳到登录页面。用户只需输入刚刚注册的用户名和密码即可登录会员，进行正常的购物操作。登陆页面的运行结果如图5-2所示：图5-2系统登陆界面系统在首页提供了导航菜单，用户可以点击相应的菜单链接跳转到其页面来完成对应的操作。系统首页效果如图5-3所示：图5-3系统首页界面经常对密码进行管理和新密码的设置有利于系统和自身信息的安全性保障。修改密码界面效果如图5-4所示：图5-4密码管理模块界面会员中心可对已注册的信息进行修改，会员资料修改的运行结果如图5-5所示：图5-5会员资料修改界面购物车管理模块在用户登陆成功的情况下，在商品展示的界面找到了自己想要的商品，然后点击该商品，页面就会跳到该商品相对应的详情页，用户点击订购即可将商品加入购物车，演示的页面效果如图5-6所示。图5-6购物车页面订单管理用户在购物车页面对商品进行最后的筛选后，只需将下面的信息填写完整即可提交订单，之后该订单的信息就可以在“已提交的订单”的页面中查询演示的页面效果如图5-7所示。图5-7订单管理页面后台管理模块的实现前面从用户角度讲了注册，登录，选择商品，订购，生成订单等一系列操作。那么，接下来我们就要从管理员角度来讲，作为管理员我们需要登录后台，对系统进行不定期的维护，比如商品的增删改查，订单的核对等等。后台的管理功能是网上购物的非常重要的功能。管理员登录后台时，需要进行身份验证，即输入正确的帐号密码，之后才能登录后台。这里提醒一下。由于后台非常的重要，为了防止被黑，所以，密码要尽量的设置的很复杂。系统管理员登录界面如图5-8所示。图5-8管理员登录界面进入管理界面后，管理的主要功能有促销资讯管理、供应商管理、商品信息管理、客户信息管理、销售订单管理、商品评价管理等八大模块。促销资讯管理促销咨询管理操作如图5-9,5-10,5-11 图5-9促销资讯发布界面图5-10促销资讯管理界面图5-11促销资讯前台界面供应商管理供应商的登记和管理界面如下：图5-12供应商登记页面图5-13供应商管理页面商品信息管理图5-14商品类别管理页面图5-14商品信息管理界面图5-15商品添加界面图5-16商品查询界面在商品管理模块中，管理员可以添加新商品，也可以对已有的商品信息进行修改，或者进行增删改查的操作。客户信息管理图5-17客户信息界面这个模块中，我们可以看到客户的登录以及使用的相关信息，并且可以对其进行删除操作。销售订单管理图5-18销售订单管理界面图5-19已发货订单管理界面库存查询统计 图5-20库存查询界面销售信息统计图5-21销售信息查询界面评论信息管理图5-22评论信息管理界面程序测试与评价程序调试每当一个系统或者项目做完以后，我们都需要进行一定的测试，为了确保该系统的功能完善且运行良好，不会出现一些常见的错误，减少返工所带来的的巨大成本的消耗。同时，作为一个理工科专业的学生，天生就该保持一种严谨的态度。测试的目的测试的重要性及目的（1）测试的重要性第一，及时发现并改正错误。第二，做好后期的软件维护。但当我们实际操作起来的时候，我们又会发现，测试并非我们想象中的那么简单，同样令程序员头秃。主要包括:测试人员会觉得这类工作非常的无聊且枯燥。测试出了问题就是对开发者的否定，这样引起同事关系走向恶化。测试工作不足以引起我们的兴趣和爱好;测试工作需要是细致而艰苦的进行;测试实例（1）用户登录测试用户登录信息测试过程如表6-1所示:表6-1用户登录测试表测试目的操作流程测试用例预测结果测试结果用户登录填写用户名密码，点击首页【登录】按钮用户名：1密码：a登录失败提示错误信息用户名：liu密码：123456登录成功登录成功（2）信息发布测试信息发布测试过程如表6-2所示：表6-2信息发布测试表测试项目操作流程测试用例预测结果测试结果信息发布管理员登陆后点击首页【信息】按钮，发布信息空发布失败，弹出提示按钮发布失败，提示请填写内容物流有可能延迟发表成功发表成功（3）后台管理登录测试后台管理登录测试过程如表6-3所示：测试目的操作流程测试用例预测结果测试结果后台管理登录点击首页填写用户名密码，点击首页【登录】按钮用户名：liu密码：123456登录失败提示错误信息用户名：a密码：a登录成功登录成功表6-3后台管理登录测试系统的特点和优点系统的主要特点和优点归纳如下：（1）本系统最大的特色在于其内容是专注于女性化妆品的一个网站。（2）本系统只需要安装一个支持JSP和JDK就可以直接在独立的服务器上运行。（3）系统后台管理信息内容全面，便于数据维护。（4）使用方便，操作简单。改进方案每个项目都不能说没有问题，购物平台系统虽然基本满足了一般的基本功能，能够实现简单的产品信息管理和查询等功能。但大家都知道一个成熟的系统，是需要经历长时间的检验和积累的，所以，本系统难免还存在很多不足方面，主要体现在以下几个方面：（1）UI不够美观和成熟，由于没有专业的美工提供技术支持，没有进行专业的ps设计，系统的主要表现方式还是以表格＋文字的方式，颜色比较单调，一些界面不够美观，对整个系统美感造成了不小的影响。（2）后台的管理功能不够完善，由于多方面的原因，人力和时间缺乏，设计开发本系统后台方面管理的功能不是特别完善。里面的管理员权限的设置，以及管理员用户信息的更改，栏目功能的更改，后台模板管理功能，附件大小设置功能，图片预览功能，产品的多图展示，以及放大效果功能，访客统计，促销活动，打折商品，支付接口，物流信息，在线客服等等功能，都没有很好体现。总结到此为止，我的网上购物系统的雏形已经出来了，虽然各项功能还没有完善，但是做到现在这样每一步我们都付出了自己很多的心血。在实现这个系统的过程中，我发现了自己的不足，以往我对代码仅仅停留在会读，以及一些粗浅的理解上，一旦要自己独立完成一个购物网站系统的设计，就会无从下手，对bug的出现也缺少解决能