ssm基于WEB技术的在线商品交易平台的设计+vue

摘 要

近年来，信息化管理行业的不断兴起，使得人们的日常生活越来越离不开计算机和互联网技术。首先，根据收集到的用户需求分析，对设计系统有一个初步的认识与了解，确定在线商品交易平台的总体功能模块。然后，详细设计系统的主要功能模块，通过数据库设计过程将相关的数据信息存储到数据库中，再通过使用关键的开发工具，如IDEA开发平台、AJAX技术等，编码设计相关的功能模块。接着，主要采用功能测试的方式对系统进行测试，找出系统在运行过程中存在的问题，以及解决问题的方法，不断地改进和完善系统的设计。最后，总结本文介绍的系统的设计和实现过程，并且针对于系统的开发提出未来的展望工作。本系统的研发具有重大的意义，在安全性方面，用户使用浏览器访问网站时，采用注册和密码等相关的保护措施，提高系统的可靠性，维护用户的个人信息和财产的安全。在方便性方面，促进了在线商品交易平台的信息化建设，极大的方便了相关的工作人员对在线商品交易平台信息进行管理。

2理论基础

2.1 B/S模式
B/S模式（Browser/Server）是一种比较常用的网络结构模式[7]。B/S模式是由模型、视图、控制器（Model-View-Controller，MVC）结构组成[8]。模型主要是指业务模型，视图主要是指用户界面，控制器主要是控制保证视图和模型的同步执行。B/S模式的三层结构是相互独立的，换句话说，当某一个模块发生修改和更新，其不会对其他模块产生影响。根据B/S的这一特点，可以将对业务逻辑的处理以及约束条件集中到中间层中，便于前端增加对模型和方法的调用和复用。并且可以直接通过中间层对数据库进行相关的操作处理，大大减少了数据库的连接数，节省了计算机的对相关的资源配置空间。
使用B/S模式可以节省系统资源配置，提高研发工作效率，减少开发时间，因而大大提高了我们开发软件的可能性。B/S模式有针对性的改变了传统的客户端/服务器模式（Client/Server，C/S模式），也可以说这是对C/S模式进行了扩展。在这种结构模式中，用户不用再向使用C/S模式一样，下载客户端，其可以直接通过使用浏览器的方式，打开网站地址，即可访问和使用相关的系统功能服务。
2.2 IDEA开发环境
软件开发使用的编程语言有许多种，而每种编程语言需要通过与其相对应的开发平台进行编译和运行。IDEA平台都是目前比较常用的开发环境。IDEA平台是开源的，具有功能强大、可扩展性强等特点，可以应用于C/S模式软件的开发，但是它所占据的内存容量比较大，运行较慢，并且其并未提供Tomcat服务器，运行过程中需要将代码发布到Tomcat服务器中，测试使用的时间较长，故而不太适用于B/S模式软件的开发。
IDEA平台是建立在IDEA平台的基础之上，增加了许多的应用插件，比如Tomcat插件、mail组件等。IDEA平台增加了Tomcat插件，代码编写完成或者更新完成时，程序员无需将代码发布到Tomcat服务器中，可以直接通过调试实现程序的运行。IDEA平台增加了Mail组件，该组件可以为本程序提供标准的邮件方法，便于开发人员完成与邮件功能相关的编译工作。IDEA平台占据的内存空间较小，同时其也具有较高的可扩展性，编程人员可以根据需要添加和使用相关的插件。可以支持主流的开源产品和相关的开发框架，被广泛运用到相关的移动系统、web应用系统等开发中。相比于IDEA平台，本系统比较适合使用IDEA平台进行编程和开发。
2.3 MySQL数据库
MySQL是一种小型的关系型数据库管理系统，因为其运行速度快，占用内存空间小，并且源代码也是开源的，运行和维护成本低，系统性能稳定，受到了许多开发人员的喜爱[9]。考虑到MySQL数据库开发成本低，功能齐全等因素，大多中小型网站选择使用MySQL数据库管理数据信息。
SQL Server也是近几年使用较多的关系型数据库，其与MySQL数据库存在的不同之处主要有，在环境方面，SQL Server数据库比较适合于.NET环境，而MySQL数据库适用于几乎所有的语言；在成本方面，SQL Server数据库是商业化的，其运行多个数据库可许证，虽然有一个免费版，但是只能让你对关系型数据库管理系统有一定的认识与了解，熟悉相关的使用流程。如果要想使用SQL Server数据库的话，就需要支付相关费用，而MySQL数据库是开源的，其对于用户来说，使用是完全免费；在实际应用方面，SQL Server数据库和MySQL数据库均支持Java语言、PHP语言、C++语言等多种编程语言，但是MySQL数据库除了支持上述SQL Server数据库能支持的编程语言外，还支持Scheme、Eiffel等其他编程语言，故而MySQL数据库受欢迎程度比SQL Server数据库更高。
2.4 Java语言
Java语言是一种面向对象的编程语言，其主要具有继承、封装、多态等特征，从而提高编程工作效率，实现软件的设计和开发[10]。继承机制可以继承相关的类和方法，新的类可以在继承已经定义的类的相关特性基础上，扩展自己新的数据和功能，进而提高自身的能力。封装机制可以提高程序的安全性，其隐藏对象的相关属性和行为，对外只提供一个接口，用户直接通过访问相应的接口来实现自己需要的功能操作。多态机制可以描述对象的多样性，简单的来说就是引用相同的对象做不同的事务。Java语言具有安全高效的优点，并且其通过依靠Java虚拟机，可以实现跨平台操作[11]。Java语言比较容易学习和掌握，就目前软件开发所使用的开发类语言而言，Java语言比较受程序员喜爱，应用比较广泛。

2.5本章小结
本章主要介绍了实现在线商品交易平台的相关理论基础以及开发工具。本系统采用B/S模式，使用Java语言、AJAX技术、MySQL数据库等工具，设计系统功能、页面布局、后台数据等。开发本系统所使用的相关技术操作简单、容易掌握，Java语言具有跨平台性，可以支持在不同的浏览器使用本系统，MySQL数据库是开源的，减少了本系统的开发成本。

3 系统分析

当用户确定开发一款程序时，是需要遵循下面的顺序进行工作，概括为：系统分析–>系统设计–>系统开发–>系统测试，无论这个过程是否有变更或者迭代，都是按照这样的顺序开展工作的。系统分析就是分析系统需要做什么的问题，主要目的就是确定系统的功能，这也为接下来的工作做了一个好的开端。

3.1 系统可行性分析

开发一款程序软件不仅需要时间，也需要人力，物力资源。而进行可行性分析这个环节就是解决用户这方面的疑问，看看程序在当前的条件下是否可以进行开发。

3.1.1 技术可行性分析

此程序选用的开发语言是Java，这种编程语言有着丰富的数据类型，在指令控制语句上也比较完善，更重要的就是对类与对象的大力支持，这些优点为程序开发者提供了技术保障，尤其是现在代码都逐渐模块化，有关系统功能开发的源码在网络上都公开展示了，所以让具备一定计算机开发基础的开发人员独立开发系统在技术上也逐渐容易。

3.1.2 经济可行性分析

开发此程序最关键的设备就是一台电脑，无论是学校计算机室配备的电脑，还是自己入学以来购置的笔记本，都是可以符合开发要求的设备，另外在网络上，学校本已完全覆盖了校园网，所以在设备以及网络上无须考虑经济问题。

3.1.3 运行可行性分析

随着电脑软件以及配套硬件的完善升级，当下的计算机环境是一片大好，尤其是计算机已经广泛普及到家家户户，所以计算机设备现在是随处可见，由于本次开发的程序占有的资源耗费较小，在一般的电脑或笔记本上都能轻松运转起来。
通过上面的可行性描述，可以从经济，技术，运行方面解决程序开发是否可行的问题。因此可以认为该程序软件是可以进行开发的。

3.2 系统性能分析

系统性能分析也是比较重要的内容，进行系统性能分析就是为了确保系统的功能要能够在生活中运行使用时，达到规定的指标，因此一个完整的系统软件，是需要进行系统的性能分析这个步骤的。本次进行性能分析主要从易用性指标，可扩展性指标，系统健壮性指标，系统安全性指标这几个方面进行分析。

3.2.1 易用性指标

本次程序软件的开发的目的就是让使用者可以通过使用该软件提高信息数据的管理效率，同时该程序软件也需要针对不同的操作用户设置对应的功能，因此，此程序的操作流程应该尽量与用户日常操作软件的行为习惯相贴合，另外，程序软件的设计与开发也应考虑非计算机专业用户的计算机操作水平，要让大部分使用者都可以轻松操作程序提供的各个功能。

3.2.2 可扩展性指标

当前需要开发的程序软件是根据当下的用户需求进行设计开发的，但是随着时间的推移，社会大环境的改变，开发出的程序也是需要与时俱进的，需要根据用户不断变换的需求进行相应的功能内容的扩展，需要注意的就是，当对成型的程序进行功能模块新增时，仍然需要保证程序原有架构以及功能不能受到影响，新增的功能模块在系统中也能够运行正常，该指标达标也就可以保证此程序是可以在满足信息管理要求下，从容应对市场环境的变化。

3.2.3 健壮性指标

程序软件的开发就是为了投入使用时，可以一直稳定的处理各种数据信息，程序软件一旦不稳定，也会给使用者带来干扰。因此从性能分析的角度，就要要求程序软件在应对使用者的误操作，或者是使用者因为各种原因，填写有误的数据等情况时，程序要一直保持稳定，并能够正常让使用者进行使用。当程序的某个功能模块出现异常时，程序的其它功能模块也要能够确保正常使用。程序的健壮性指标达标可以让使用者产生良好的用户体验。

3.2.4 安全性指标

程序软件的安全问题是首要问题，毕竟程序对应数据库里面存放的数据信息是庞大的，里面也包括了许多重要的个人信息，这就对程序要具备一个完善的安全机制提出了要求。因此程序必须要设置登录功能用以进行用户身份的检查，以及身份和权限的匹配，通过对不同用户身份进行功能约束，绝不容忍用户越权操作程序。另外，也需要时刻防范计算机病毒，还有黑客，通过采取针对性的办法进行安全应对，确保程序时刻处于安全的环境，让使用者放心使用。

3.3 系统流程分析

3.3.1 操作流程分析

程序上交给用户进行使用时，需要提供程序的操作流程图（如图3.1所示），这样便于用户容易理解程序的具体工作步骤，现如今程序的操作流程都有一个大致的标准，即先通过登录页面提交登录数据，通过程序验证正确之后，用户才能在程序功能操作区页面操作对应的功能。

3.3.2 登录流程分析

在这个部分，需要对程序的登录功能模块的运行流程（如图3.2所示），进行单独说明。程序设置登录模块也是为了安全起见，让用户使用放心，登录模块主要就是让用户提交登录信息，程序进行数据验证，验证通过的用户才能够成功登录程序。

3.3.3 信息添加流程分析

程序的添加功能就是提供给操作者录入信息的功能，不管是涉及到用户信息添加，还是其它功能模块涉及到的信息添加，程序的信息添加流程（如图3.3所示）都是一致的。程序都是先对操作者录入的数据进行判定，这个判定规则是一段提前编写完成的程序代码，当程序判定数据符合要求时，才会把操作者录入的数据登记在数据表里面，比如添加的用户信息，就会把新添加的用户信息写入用户信息的数据表文件里面。

3.3.4 信息删除流程分析

当从程序里面删除某种无效数据时，遵循程序的信息删除流程（如图3.4所示），先要选中操作者需要删除的数据，程序为了预防操作者误删信息，也会进行提示，当操作者真正确定要删选中的信息时，该信息就会从数据库中被永久删除。

4 系统概要设计

本次拟开发的系统为了节约开发成本，也为了后期在维护和升级上的便利性，打算通过浏览器来实现系统功能界面的展示，让程序软件的主要事务集中在后台的服务器端处理，前端部分只用处理少量的事务逻辑。下面使用一张图（如图4.1所示）来说明程序的工作原理。

1.功能分析

本系统主要通过使用Java语言编码设计系统功能，MySQL数据库管理数据，AJAX技术设计简洁的、友好的网址页面，然后在IDEA开发平台中，编写相关的Java代码文件，接着通过连接语言完成与数据库的搭建工作，再通过平台提供的Tomcat插件完成信息的交互，最后在浏览器中打开系统网址便可使用本系统。本系统的使用角色可以被分为用户和管理员，用户具有注册、查看信息、留言信息等功能，管理员具有修改用户信息，发布新闻等功能，系统总体功能设计图如图4-1所示。

2.数据库分析

开发一个系统也需要提前设计数据库。这里的数据库是相关数据的集合，存储在一起的这些数据也是按照一定的组织方式进行的。目前，数据库能够服务于多种应用程序，则是源于它存储方式最佳，具备数据冗余率低的优势。虽然数据库为程序提供信息存储服务，但它与程序之间也可以保持较高的独立性。总而言之，数据库经历了很长一段时间的发展，从最初的不为人知，到现在的人尽皆知，其相关技术也越发成熟，同时也拥有着坚实的理论基础。

5系统实现

5.1管理员功能模块实现
5.1.1管理员登录
管理员可以选择任一浏览器打开网址，输入信息无误后，以管理员的身份行使相关的管理权限，管理员登录界面设计如图5-1所示。
5.1.2个人中心
个人中心模块设计的主要目的是方便管理员对密码等个人信息进行管理，用户可以根据自己的实际需求，选择每隔一段时间，更新个人账户的用户名和密码，修改密码界面设计如图5-2所示，个人信息界面如图5-3所示。
5.1.3用户管理
管理员可以通过选择用户管理，管理相关的用户信息记录，比如进行查看用户的联系电话、手机号、身份证等信息，修改用户的真实姓名，用户管理界面设计如图5-4所示
5.1.4商品管理
管理员可以通过选择商品管理，管理相关的商品信息记录，比如进行查看商品信息标题，修改商品信息来源等操作，商品管理界面设计如图5-5所示。
5.1.5公告管理
管理员可以通过选择公告管理，管理相关的公告信息记录，比如进行查看公告详情，删除错误的公告信息，发布公告等操作，公告管理界面如图5-6所示。
5.1.6公告类型管理
管理员可以通过选择公告类型管理，管理相关的公告类型信息，比如查看所有公告类型，删除无用公告类型，修改公告类型，添加公告类型等操作，公告类型管理界面设计如图5-7所示。
5.1.7商品类型管理
管理员可以通过选择商品类型管理，管理相关的商品类型信息，比如查看所有商品类型，删除无用商品类型，修改商品类型，添加商品类型等操作，商品类型管理界面设计如图5-8所示。
5.1.8商品评价管理
管理员可以通过选择商品评价管理，管理相关的商品评价信息，比如查看所有商品评价，删除无用商品评价，修改商品评价，添加商品评价等操作，商品评价管理界面设计如图5-9所示。
5.1.9商品收藏管理
管理员可以通过选择商品收藏管理，管理相关的商品收藏信息，比如查看所有商品收藏，删除无用商品收藏，修改商品收藏，添加商品收藏等操作，商品收藏管理界面设计如图5-10所示。
5.1.10商品订单管理
管理员可以通过选择商品订单管理，管理相关的商品订单信息，比如查看所有商品订单，删除无用商品订单，修改商品订单，添加商品订单等操作，商品订单管理界面设计如图5-11所示。
5.1.11轮播图管理
管理员可以通过选择轮播图管理，管理相关的轮播图信息，比如查看所有轮播图信息，删除无用轮播图，修改轮播图名称，添加轮播图等操作，轮播图管理界面设计如图5-12所示。
5.2用户功能模块实现
5.2.1用户登录
用户可以选择任一浏览器打开网址，输入正确的账户和密码信息后，登录系统，根据自己的实际需要，选择相关的功能模块，进行操作和使用，用户登录界面设计如图5-13所示。
5.2.2个人中心
个人中心模块设计的主要目的是方便用户对密码等个人信息进行管理，用户可以选择查看用户姓名、手机号、头像、身份证号、电子邮箱、余额等信息，也可以选择修改个人信息资料，更新个人密码信息，修改密码界面设计如图5-14所示，个人信息界面如图5-15所示。
5.1.3公告管理
用户可以通过选择公告管理，查看详细的公告信息记录，比如进行查看公告名称、公告图片、公告类型、公告发布实际等信息，公告管理界面如图5-16所示。
5.1.4商品评价管理
用户可以通过选择商品评价管理，查看详细的商品评价信息记录，比如进行查看商品名称、用户姓名、评价内容、评价时间、回复内容、回复时间等信息，商品评价管理界面如图5-17所示。
5.1.5商品收藏管理
用户可以通过选择商品收藏管理，查看详细的商品收藏信息记录，比如进行查看商品名称、商品照片、商品类型、用户姓名、收藏时间等信息，商品收藏管理界面如图5-18所示。
5.1.6商品订单管理
用户可以通过选择商品订单管理，查看详细的商品订单信息记录，比如进行查看收货人、电话、地址、商品名称、商品照片、商品类型、用户姓名、订单号、购买数量、实付价格、快递公司等信息，商品订单管理界面如图5-19所示。

6 系统测试

程序软件一旦被开发完成之后，在真正投入日常生活中进行运行使用之前，是必须要经历测试这一个重要的操作环节，因为开发期间注重的是每个单独功能模块的开发，尽管每次开发完成一个单独功能模块时，会通过单元测试进行检验，检验合格才会让程序员继续开发下一个子功能模块，以此类推，当程序员完成所有的系统子功能模块的开发时，这个时候就需要引进系统测试，系统测试就是把所有的子功能模块集成到一起，构建成整个系统，在指定的运行环境下进行运行，主要就是测试系统的所有功能模块在一起是否良好运行，一旦程序软件通过了系统测试这一环节，就意味着它可以进行最终的验收测试了，这个测试步骤的操作用户是程序面向的客户或者是最终用户了。

6.1 系统测试的特点

系统测试也是为了保证系统正式上线后，可以稳定正常运行，给使用者带来便利。系统测试也有其对应的特点：
（1）系统测试它包括了端到端的完整测试；
（2）系统测试也对程序软件的架构方面，程序软件的业务需求等方面进行了测试；
（3）系统测试一旦采用正确的方法进行，这将减少程序正式上线之后产生的各种错误；
系统测试一般都是在跟生产环境相似的环境当中运行，程序的功能比如添加功能，删除功能，修改功能等都会使用同样的数据在新系统和现有系统中进行比较，这样做让用户对新系统中的添加，修改，删除等功能能够更好地理解，也能提升用户对新系统的满意度。

说明文档

前台登录页面
http://localhost:8080/项目名称/front/pages/login/login.jsp

后台登录页面
http://localhost:8080/项目名称/jsp/login.jsp

管理员 			账户:admin 		密码：admin
用户 			账户:a1 		密码：admin
用户 			账户:a2 		密码：admin

在src\main\resources\config.properties中编辑

	jdbc_url=jdbc:mysql://127.0.0.1:3306/项目名称?useUnicode=true&characterEncoding=UTF-8&tinyInt1isBit=false

	jdbc_username=root	    数据库用户名 root
	jdbc_password=123456	用户密码    123456


图片存放路径： src\main\webapp\upload 里面上传图片名里面不能有中文