基于web的电子商务平台的设计和实现

--引言随着科技的发展，电子商务高速发展到现代商务模式，人们的消费习惯必然会被改变，由于电子商务的发展使网上购物变得更加流行，传统的线下实体店商品售卖不仅面向的消费群体较少，而且售卖的产品过于单一，目前，互联网与商家结合产生的电子商务平台，这种新型的商务模式，将商品放置于网页上面售卖的模式已经在逐渐成熟，互联网为实体店的经营模式带来的改变，而如今大量的各种商品遍布于市场堪称满目琳琅，因此传统的实体店需要进行把各种商品在网上进行售卖的改革，可以扩散市场还可以节约资金，因此设计网上电子商务，网上商城购物方式有不限制购物时间、任意地点进行购买各种商品类别丰富等优点，商城主要面向的是社会用户，老人孩子或者上班族，如今基本每个人都会有一两件各种商品如手机家用电等器等，因此把各种类型的各种商品在网络上面收售卖不仅市场需求大，服务的用户还很多，用户购物还更加方便快捷。1概述1.1开发背景及意义随着科技的迅速发展，互联网在科技的发展中得到了巨大的转变，现如今大量的各种商品琳琅满目，传统的实体店销售，存在面向销售客户有限，存在地点，和时间的限制交易，实体店要摆放众多的商品，这就需要占地面积，以及每日的清洁，和货物摆放工作，需要的工作人员较多，人员量大，开支多。因此再次背景下，电子商务平台系统，只需要将商品进行本地存储，以照片的形式展示到平台页面，就可以进行售卖，这样能满足人们的日常随时，随地，的购物需求，随意直至电子商务的兴起，各种商业软件迅速问世，人们的消费方式已经在发生着改变，所以我打算开发一个电子商务系统，本系统可以应用国内的个大实体店商家，可以迅速投入使用和扩展。国内的知名电商向阿里巴巴和京东企业都是通过在网上售卖商品来进行获利的，据发表和统计最高一天的营业额可突破上千亿元，系统的使用用户在中国就可累计到几亿个，可见通过在网上的电子商务售卖商品或各种商品，可以给用户在网上购买各种商品带来快捷方便的体验。1.2开发环境此项目是基于Web的电子商务系统，页面设计使用目前主流的Vue.js，操作系统为windows10，前台页面使用JSP，系统选择传统的B/S架构，安装服务器Tomcat作为Web容器，数据的存储选用Mysql，安装Navicat可视化界面可以很方便的管理数据，开发平台选用了eclipse，项目演示时以本机作为服务器，以本机作为客户端。1.3本文内容基于Web的电子商务平台设计与后台管理系统的实现。本文共分五章。各章的组织结构和内容如下，概述，阐述了本系统开发的背景和意义，从国内目前互利网发展的现状和发展趋势进行说明，及互联网目前在社会上的重要性和发展方向进行介绍，对实体店的将来发展方向如何借助互联网来扩宽销售市场进行阐述，并详细的说明了本系统的选题的因素和背景，最后介绍了实现系统的相关技术和开发环境。系统分析，阐述了电子商务平台和后台管理系统的经济可行性、技术可行性以及社会可行性的描述，系统使用不同用户角色对应的功能需求分析，以及系统的功能实现需要数据字典分析。系统设计。阐述了电子商务平台和后台管理系统的功能需求设计，以及系统所需要存储的数据，介绍数据的物理和逻辑存储设计。系统实现。整体系统的实现模块阐述，从不同的角色进行实现，对每个角色所设计与实现的功能模块进行阐述。系统测试。完成时要对系统进行整体的测试，对各个功能的缺陷和问题做出分析和更正并编写测试用例和编写测试过程。结束语与致谢。对论文全部内容进行总结以及展望和致谢。2系统分析2.1可行性分析2.1.1技术可行性在大学课程中学习了c语言，python语言，并且在校期间也参加过Web的项目实训再此基础上通过浏览网络编程教学视频和阅读了大量的书刊知识，参考着网上的商城系统进行本系统的开发和设计，让我对后台的编程语言有了处理问题的把握，在就是B/S架构，我对此也非常的了解，大学期间学习的网络基础让我对传输协议理解深入，开发语言选用java语言，页面设计的Vue技术框架，后台系统开发选用目前最流行的Node.js，通过实训期间对Axions的掌握可以让我对整体前端的页面设计很顺畅的设计出来。2.1.2经济可行性本系统设计完成后可以直接部署在服务器上，因此系统在硬件方面只需要为管理员配备价格在几千元的电脑，服务器可以在网上租一台即可，这可以省下大量的人员管理开支费用，软件方面，因为系统采用的大多数开发工具都是开源免费的，切后期维护时，管理员可直接登陆后台进行数据修改可快速方便查找进行修改，因此经济可行。2.1.3社会可行性本商城系统的使用页面简洁，在商城首页为用户提供了各种商品的分类，用户可直接点击对应类别查看，可以说基本的业务功能一目了然，考虑到商城信息内容过度，商品图片复杂和用户使用体验，在商城的主页面划分了两大板块，左侧为商城商品的分类操作，右侧为商品信息展示界面，用户登录到商城后可轻松快捷的根据根据页面按钮进行购物以及结算，并且还可以将用户喜欢的产品做出统计记录，为厂家提出各种商品使用反馈。2.2需求分析2.2.1系统功能需求基于Web的电子商务平台提供给用户在网上实现购买各种商品，提供给商家管理人员后台操作网页上的店铺的各种商品这一系列过程：用户如果想要在本平台上购买产品，那么必须要进行登录之后才可以购买商品，在访问到平台的首页后，再首页中用户能够选择登录功能，填写账号和密码后，能够成功登录到系统，并且可以看到系统的首页面；用户需要凭借账号和密码进行登录，因此需要有一个能够让用户来注册账号的功能，注册完成后需要能够永久的存储用户的注册数据；在登录到首页面后，用户需要能够在首页面中的导航栏中做的功能:可以查看商品信息，用户在首页需要有一个能够查看商品的功能，点击后可以浏览到平台的商品信息图片，点击图片后能够看到商品的详情信息；在首页面中，用户能够点击交流论坛功能，在功能中能够进行对系统存在的商品信息进行交流和反馈；在首页面中，用户登录成功后，当前的用户信息可以存储在首页，用户可以点击个人中心查看个人信息，需要修改的情况，可以点击个人中心进行修改。管理员同样需要能够在使用系统时有一个身份验证，登录后才可以对平台做出管理；平台的管理员能够查看所有的平台上的使用用户，查看后能够对用户做出管理工作，管理内容包括，修改用户信息，更改用户密码，删除用户。管理员能够在管理后台能够使用一个商品的管理功能，对系统中存在的商品信息可以进行查看，搜索，需要能够对商品信息进行管理工作，管理的内容有删除用户；管理员需要一个可以在后台对首页用户的留言进行管理的功能，点击留言管理，其中包括对留言进行回复，修改和删除。管理员能够对商品的分类类别进行维护，包括修改类别名称和删除当前存在的类别。2.2.2系统数据流图数据的逻辑描述，能更好的解决程序所存在的问题，电子商务系统的顶层数据流图如图2.1表示该商务系统和外部实体用户和管理员的信息输入，信息输出系。电子商务平台的顶层数据流图如2.1。图2.1顶层数据流图2.2.3系统数据需求数据流向为前台用户到本系统，用户登录注册，用户留言，所需的静态数据项有，用户的基本信息，其中包括的数据项：用户的id信息，用户的登录名称，用户登录的密码，用户的头像，用户的身份。管理员的基本信息，其中包括的数据项有，管理员的唯一id，管理员的名称，和登录的密码。动态数据项包括有，商品的唯一id，商品的价格，商品的存储图片，商品的生产日期。影响，分析目的就是更好的解决程序存在的问题，前台数据又无非是人工的手工输入。3系统设计 3.1系统功能设计（1）用户登录：用户在访问系统后，在首页面能够在登录页点击登录，登录成功后会跳转到平台首页。（2）用户注册，系统的访问权限可以通过注册账号和登录来解决，能更方便的管理用户信息。（3）浏览商品，商城首页展示的商品，用户在成功登录后可以进行浏览，点击任何商品的图片，都会有对应的商品详情展示。（4）个人中心，用户在点击个人中心后，会看到对应的个人信息展示页面，能够在该页面点击修改，然后能够修改个人的基本信息。（5）商品留言反馈：如果用户浏览到自己感兴趣的各种商品能够对商品留言反馈。（6）用户管理：管理员可以对用户的信息进行修改，还可以对干扰系统正常的用户进行删除，还可以查看用户信息。（7）分类管理：管理员能够通过使用分类管理页面，对商品的类别进行删除或修改。（8）留言管理：管理员能够通过使用留言管理页面，对留言的进行删除或回复。（9）商品管理：管理员可以对商品新增下架管理。如图3.1所示。图3.1功能模块图3.2数据库设计3.2.1数据库概念结构设计户的基本信息，其中包括的数据项：用户的id信息，用户的登录名称，用户登录的密码，用户的头像，用户的身份，用户的电话，如图3.2所示。图3.2用户实体属性图商品的唯一id，商品的价格，商品的存储图片，商品的类型。如图3.3所示。图3.3商品实体属性图管理员的唯一id，管理员的名称，和登录的密码，如图3.4所示。图3.4管理员实体属性图类型实体属性图，如图3.5所示。图3.5类型实体属性图留言实体属性图，如图3.6所示。图3.6订单详情实体属性图分析各实体间的模型关系，用户可以在线选购多种商品，一种商品也可以同时被多个用户选中，用户选好后下单产生订单，一个用户可以有多个订单，但是一个订单只能属于一个用户，部分实体ER图，如下图3.7。图3.7部分实体实体ER图3.2.2数据库逻辑结构设计本系统数据库共有五张表格：user表，admin表，type表,liuyan表，shangpin表。表3.1user（用户信息）表中文名称字段名数据类型描述用户编号Ltw_idInt(10)主键，自动增加，不可空用户地址Ltw_addressvarchar(30)可为空用户名Ltw_namevarchar(30)可为空用户密码Ltw_dentityCodevarchar(30)可为空电话Ltw_photovarchar(30)可为空表3.2admin（管理员信息）表中文名称字段名数据类型描述管理员编号Ltw_uidInt(10)主键，自动增加，不可空管理员账号Ltw_adminvarchar(30)可为空管理员密码Ltw_passwordvarchar(30)可为空表3.3type（商品类型信息）表中文名称字段名数据类型描述类型编号Ltw_idInt(10)主键，自动增加，不可空类型名称Ltw_typesNamevarchar(30)可为空类型Ltw_Typenamevarchar(30)可为空表3.4liuyan（订单信息）表中文名称字段名数据类型描述订单编号Ltw_idInt(10)主键，自动增加，不可空留言列表Ltw_liebiaoVarchar(10)可为空用户名Ltw_namevarchar(20)可为空留言内容Ltw_Pricevarchar(20)可为空留言时间Ltw_addressvarchar(20)可为空评论Ltw_phonevarchar(20)可为空表3.5shangpin（商品信息）表中文名称字段名数据类型描述商品编号Ltw_idInt(10)主键，自动增加，不可空商品描述Ltw_descriptionvarchar(20)可为空类型Ltw_Typevarchar(30)可为空价格Ltw_Pricevarchar(30)可为空上架时间Ltw_datadatatime(3)可为空4系统实现4.1用户界面实现前台页面设计网站首页是整个网站系统的灵活所在，好的页面会吸引用户，增加网站的访问量。首页无论学生有没有登录都可以浏览信息，把项目发布到服务器以后，当客户访问本系统的网址时，可以看到首页面的功能栏和轮播图片展示，页面划分两部分，看起来整洁舒适。图4.1网站首页展示4.2系统各功能模块实现（1）登录功能实现：用户需要登录到系统才可以进行其他操作，在进行系统登录时，用户填写的信息在<el-from-item>标签中，prpo属性分别绑定用户名和密码，将绑定的用户名和密码内容通过aioxs封装后通过.post的请求方式，将用户填写的信息提交的后台指定的Servlet入口，然后再后台的UserCon类中的Login方法中获取aioxs封装数据，将获取到的数据使用Sql的查询语句根据用户的id去查询当前用户名和密码是否存在，如果存在则返回记录数为1，登录成功，转发至首页。图4.2用户登录页面展示（2）注册功能实现：用户需要登录到系统才可以进行其他操作，在进行系统登录时，需要在注册功能中注册一个账号，用户填写的注册信息在<el-from-item>标签中，prpo属性分别绑定用户名和密码，将绑定的用户名和密码内容通过aioxs封装后通过.post的请求方式，将用户填写的信息提交的后台指定的Servlet入口，然后再后台的UserCon类中的Login方法中获取aioxs封装数据，将获取到的数据使用Sql的插入语句，将用户信息插入到数据库，然后重定向到登录页。图4.3用户注册页面功能展示商品浏览页面：在系统的首页面点击商品浏览，根据用户点击不同商品类别的id将，prpo属性绑定类别，将绑定的id通过aioxs封装后通过.post的请求方式，将用户填写的信息提交的后台指定的Servlet入口，然后再后台的UserCon类中的Login方法中获取aioxs封装数据，将获取到id数据使用Sql查询当前的id对应的类别商品，将查询到的数据存储在列表内，然后转发到首页进行浏览遍历。图4.4商品浏览页面展示（4）用户管理功能实现，管理员通过用户管理功能对用户能够进行删除和修改操作。图4.5用户管理页面展示（5）商品管理功能实现，管理员通过商品管理功能对商品进行新增，删除操作。图4.6商品管理功能页面展示5系统测试5.1测试原理测试的过程即为程序的执行过程，所以针对系统的整体数据流程和业务逻辑测试，即按照开发程序的功能模块和需求是否可以与预期的实现效果相吻合展开测试，系统采用黑盒测试法，黑盒测试治针对系统的外围接口测试，把程序看成一个打不开的黑匣子，存在没有实现的功能和数据能不能正确的接收和存储进行测试。5.2测试过程登录功能测试：测试C1:输入都为空的用户名和密码，点击登录。测试C2:输入的用户名为空，密码要求正常输入，点击登录。测试C3:输入正确的用户名和密码，点击登录是否能跳转至首页。测试C4:输入错误的用户名和密码，点击登录是否能有错误信息提示。用户管理功能测试：测试C1:点击用户管理，是否可以查询出用户的列表，任意选中一个用户点击删除，是否在页面中移除了数据，点击修改用户信息，填写修改的内容。点击保存，是否可以正常保存信息。商品分类管理功能测试：测试C1:点击商品管理，点击添加商品，填写要添加商品的数据，填写完成后点击保存，是否可以看到保存的商品。5.3测试结果表5.1登录测试结果表编号测试用例预期结果实际结果1输入都为空的用户名和密码，点击登录Ajax会动态提示用户名和密码都不能为空的信息符合2输入的用户名为空，密码要求正常输入，点击登录Ajax会动态提示用户名不能为空符合3输入正确的用户名和密码，点击登录是否能跳转至首页登录成功后能否跳转到首页面符合4输入错误的用户名和密码，点击登录是否能有错误信息提示。输入错误的用户信息和密码会出现错误的信息提示符合表5.2用户管理测试结果表场景测试用例预期结果实际结果1点击用户管理，是否可以查询出用户的列表，任意选中一个用户点击删除。用户记录在数据库中删除，是否在页面中移除了数据符合2点击修改用户信息，填写修改的内容，点击保存。修改提交后数据中会更新数据，是否可以看到更新后的数据。符合3修改用户信息不填写数据，是否会提示输入的数据不能为空。符合表5.3分类管理测试结果表场景测试用例预期结果实际结果1点击商品管理，点击添加商品，填写要添加商品的数据，填写完成后点击保存。添加成功提示，首页可浏览到商品信息，是否可以看到保存的商品符合2修改各种商品的分类首页面刷新点击修改过的商品类别会出现商品符合

结束语本论文已经到了结束阶段，系统的整体的功能都可以实现，系统主要面向社会上的用户，将各种商品挂到网上进行售卖，用户可以任何时间随时随地的进行购买操作，不需要亲自到实体店内挑选，直接网上订购就可以根据地址信息送货上门，借助互联网扩散产品市场，开创电子市场。本系统操作简单，界面简洁，但是系统也有没有完善的地方，如页面设计的不够新颖，代码的编写过于杂乱没有良好的注释习惯，为后期维护系统带来很大的不利因素，数据表的字段过多冗余重复查询，以及在后期系统可能要面临多用户在线购物的高并发问题等，仍然需要后期的完善和更改。通过本次的毕业设计的对于我来说学到的知识堪比过去四年的学习，不仅让我对项目的整体开发过程有了深刻认知，而且对我四年来学习的知识进行了巩固。在两个月对论文不断地修改中，我的毕业设计也接近了尾声，系统中的功能基本都可以使用了。本系统将实现人们随时随地可以打开手机选择自己心仪的商品，节省去实体店挑选商品的时间。商家们可以利用这个系统售卖自己的商品，节约开店和装修的成本。本系统照顾一些年纪大的卖家，所以操作简单，易上手，页面简洁。同时也存在一些问题，例如页面不够精美，数据库优化还不足，设计还不够完善。这次的毕业设计运用了许多大学期间学过的内容，将书本知识转化为能力，与实际操作相结合，不仅是对大学期间学到知识的补充，更是对开发系统的整个操作流程进一步的熟悉。这次的选题也是经过我对实际生活中许多想要购买商品的人做了调查而决定的，在做毕业设计之前也咨询了老师，上网通过各类调查报告了解了网友们的需求，规划了想要实现的功能模块。通过做这次的毕业设计，使我对开发这一部分更加感兴趣，学到了很多，同时也发现了很多自己欠缺的部分，着实受益匪浅。

参考文献[1]刘金昇.基于SSH的校园电子商务设计与实现[D]