随着现在网络的快速发展，网上管理系统也逐渐快速发展起来，网上管理模式很快融入到了许多企业的之中，随之就产生了"基于vue的穷游管理系统"，这样就让基于vue的穷游管理系统更加方便简单。
对于本基于vue的穷游管理系统的设计来说，系统开发主要是采用java语言技术，在整个系统的设计中应用MySQL数据库来完成数据存储，具体根据基于vue的穷游管理系统的现状来进行开发的，具体根据现实的需求来实现基于vue的穷游管理系统网络化的管理，各类信息有序地进行存储，进入基于vue的穷游管理系统页面之后，方可开始操作主控界面，主要功能包括管理员；首页、个人中心、会员管理、景点信息管理、酒店信息管理、公告信息管理、留言板管理、管理员管理、我的收藏管理、系统管理、订单管理，前台首页；首页、景点信息、酒店信息、公告信息、留言反馈、个人中心、后台管理、购物车，会员；首页、个人中心、景点信息管理、酒店信息管理、公告信息管理、留言板管理、我的收藏管理、订单管理等功能。
本论文主要讲述了基于vue的穷游管理系统开发背景，该系统它主要是对需求分析和功能需求做了介绍，并且对系统做了详细的测试和总结。具体从业务流程、数据库设计和系统结构等多方面的问题。望能利用先进的计算机技术和网络技术来改变目前的基于vue的穷游管理系统状况，提高管理效率。
关键词**：** 基于vue的穷游管理系统；SSM框架，mysql数据库，B/S模式
开发技术介绍
B/S结构
BROWSER/SERVER程序架构方式是使用电脑中安装的各种浏览器来进行访问和使用的，相比C/S的程序结构不需要进行程序的安装就可以直接使用。BROWSER/SERVER架构的运行方式是在远程的服务器上进行安装一个，然后在任何接入互联网的电脑上访问和使用。BROWSER/SERVER架构的开发方式给会员带来了极大的便利，在任何时间和地点都可以使用开发的程序系统。
在B/S的结构中，会员可以在任何可以上网的地方访问和使用系统网站的功能，没有地域和时间等方面的限制，B/S结构是把程序完整放置到计算机网络的服务器上，通过计算机互联网给用户提供远程的网络服务。在三层体系结构的B/S系统中，通过浏览器，会员可以对很多服务器发出请求， B/S系统会很大程度的降低工作量，会员只需要安装运行较少的客户端即可，大量的工作将由服务器承担，另外，服务器也完成包括访问数据库，执行应用程序的工作等等。
B/S结构主要有三层，分别为数据层、控制逻辑层和视图层。用户通过视图层，让控制层调用数据层的数据，从而达到整个访问过程。三层相互独立，维护方便，使用安全，三层有互相调用，提高效率。
2.4 SSM框架
当今流行的"SSM组合框架"是Spring + SpringMVC + MyBatis的缩写，受到很多的追捧，"组合SSM框架"是强强联手、各司其职、协调互补的团队精神。web项目的框架，通常更简单的数据源。Spring属于一个轻量级的反转控制框架(IoC)，但它也是一个面向表面的容器(AOP)。SpringMVC常常用于控制器的分类工作模式，与模型对象分开，程序对象的作用与自动取款机进行处理。这种解耦治疗使整个系统的个性化变得更加容易。MyBatis是一个良好的可持续性框架，支持普通SQL查询，同时允许对存储过程的高级映射进行数据的优化处理。大型Java Web应用程序的由于开发成本太高，开发后难以维护和开发过程中一些难以解决的问题，而采用"SSM组合框架"，它允许建立业务层次结构，并为这个问题提供良好的解决方案。
系统分析
整个系统的功能模块主要是对各个项目元素组合、分解和更换做出对应的单元，最后在根据各个系统模块来做出一个简单的原则，系统的整体设计是根据会员的需求来进行设计的。为了更好的服务于会员要从基于vue的穷游管理系统的设计与实现方面上做出相应的功能模块和内部信息保持一致的联系。所以我们在设计时候要避免一些代码的相互的重复和耦合的情况发生。
系统功能需求分析
对于一个新的网站来说开发新网站我们就要做出这个系统的任务需求分析，因为对系统分析的质量好坏它可以决定这个网站开发的意义，俗话说得好一个好的开头是成功的一半，对于开发这个基于vue的穷游管理系统来说前期的分析是比较重要的，所以任务分析它可以决定这系统的开展和设计，这样就可以保证会员满意性。
任务的需求它能决定这个系统开发过程当中一个重要环节，所以我们在系统开发过程所用质量是比较重要的，因为我们在系统应用过程当中不一定那会出现问题，所以我们在进行对系统分析是比较重要的，因为它可以决定这个系统功能和需求。
本课题要求实现一套基于vue的穷游管理系统的开发与实现，主要实现功能包括；管理员；首页、个人中心、会员管理、景点信息管理、酒店信息管理、公告信息管理、留言板管理、管理员管理、我的收藏管理、系统管理、订单管理，前台首页；首页、景点信息、酒店信息、公告信息、留言反馈、个人中心、后台管理、购物车，会员；首页、个人中心、景点信息管理、酒店信息管理、公告信息管理、留言板管理、我的收藏管理、订单管理等功能。
（1）管理员用例需求如图3-1所示：
图3-1管理员用例需求图
- 会员用例需求如图3-2所示：
图3-2会员用例图
- 前台首页用例需求如图3-3所示：
图3-3前台首页用例图
3.4 业务流程分析
在系统流程分析当中调查分析它是比较重要的环节，因为在这个系统当中它都涉及到每个环节的业务流程，所以从基于vue的穷游管理系统的整体设计上要保证各个信息的正确输入和输出以及对数据储存的完整，并结合实际的操作步骤来绘制出具体的流程图。具体流程图如下图3-4所示：
图3-4系统开发流程图
3.4.1登录流程
为了保证系统的安全，会员要想进入基于vue的穷游管理系统必须进行登录操作，会员登录流程图如图3-5所示
图3-5 登录流程图
第四章 系统设计
4.1 系统的功能结构图
通过系统需求分析，本基于vue的穷游管理系统主要实现功能包括；管理员；首页、个人中心、会员管理、景点信息管理、酒店信息管理、公告信息管理、留言板管理、管理员管理、我的收藏管理、系统管理、订单管理，前台首页；首页、景点信息、酒店信息、公告信息、留言反馈、个人中心、后台管理、购物车，会员；首页、个人中心、景点信息管理、酒店信息管理、公告信息管理、留言板管理、我的收藏管理、订单管理等功能。其功能结构图如下图4-1所示：
图4-1 系统功能图
4.2 系统数据库设计
4.2.1 数据库E-R图
在该系统的信息中，由于数据库的支持，我们可以对数据库进行收集、整理、更新和加工等操作。由于数据库的存储功能强大，所以数据库已经成为了计算机必不可少的一部分，一个数据库的好坏直接影响该系统的质量和效率。一个系统中的数据库是必不可少的，并且起着决定性因素。通过之前的系统分析，可以规划出本系统中使用的主要等，下面设计出这几个关键实体的实体关系图：
（1）会员信息实体E-R图如图4-2所示：
图4-2会员信息实体图
（2）景点信息实体E-R图如图4-3所示：
图4-3景点信息实体图
（3）酒店信息实体E- R图，如图4-4所示：
图4-4酒店信息实体图
系统功能实现
5.1登录
管理员登录，通过填写用户名、密码、角色等信息，输入完成后选择登录即可进入基于vue的穷游管理系统，如图5-1所示。
图5-1管理员登录界面图
5.2管理员功能实现
5.2.1 景点信息管理
管理员对景点信息管理进行填写景点编号、景点名称、景点信息、景点图片、线路信息、发布日期、价格并进行详情、删除、修改、查看评论等操作。景点信息管理效果图如图5-2所示。
图5-2景点信息管理界面图
5.2.2 酒店信息管理
管理员对酒店信息管理进行查看酒店编号、酒店名称、酒店信息、酒店图片、酒店位置、发布日期、价格等信息进行详情、删除、修改查看评论等操作。酒店信息管理效果图如图5-3所示。
图5-3酒店信息管理界面图
5.2.3会员管理
管理员对会员管理进行编辑账号、密码、姓名、性别、身份证号码、手机号码、相片等信息进行详情、删除、修改操作。会员管理效果图如图5-4所示。
图5-4会员管理界面图
5.2.4 公告信息管理
管理员对公告信息管理进行编辑公告编号、公告标题、相关图片、发布日期等信息进行详情、删除、修改查看评论操作。公告信息管理效果图如图5-5所示。
图5-5公告信息管理界面图
5.2.5 留言板管理
管理员对留言板管理进行编辑用户名、留言内容、回复内容等信息进行详情、删除、修改操作。留言板管理效果图如图5-6所示。
图5-6留言板管理界面图
5.2.6订单管理
管理员对订单管理进行编辑订单编号、商品名称、商品图片、购买数量、价格/积分、折扣价格、总价格/总积分、折扣总价格、支付类型、状态、地址等信息进行详情、删除、修改操作。订单管理效果图如图5-7所示。
图5-7订单管理界面图
5.3前台首页功能 实现
基于vue的穷游管理系统，在前台首页可以查看首页、景点信息、酒店信息、公告信息、留言反馈、个人中心、后台管理、购物车等内容，如图5-8所示。
图5-8前台首页界面图
5.3.1登录、会员注册
登录、会员注册，会员通过输入账号、密码、姓名、身份证号码、手机号码等信息进行注册、登录，如图5-9所示。
图5-9登录、会员注册界面图
5.3.2景点信息
景点信息进行填写景点编号、景点信息、线路信息、发布日期、价格等信息进行添加购物车、立即购买或点我收藏等操作 如图5-10所示。
图5-10景点信息界面图
5.3.3酒店信息
酒店信息，在酒店信息页面可以填写酒店编号、酒店信息、酒店位置、发布日期、价格等内容进行添加购物车或立即购买等操作 如图5-11所示。
图5-11酒店信息界面图
5.3.4购物车
购物车，在购物车页面可以填写购买商品、价格、数量、总价等信息进行点击购买或删除操作，如图5-12所示。
图5-12购物车界面图
5.4会员功能实现
5.4.1景点信息
会员进入景点信息可以查看景点编号、景点名称、景点信息、景点图片、线路信息、发布日期、价格等操作。景点信息效果图如图5-13所示。
图5-13景点信息界面图
5.4.2我的收藏管理
会员对我的收藏管理进行查看收藏名称、收藏图片等操作。我的收藏管理效果图如图5-14所示。
图5-14我的收藏管理界面图
系统测试
软件测试它是对做完一个系统进行最后的一项工作，因为我们在做系统的时候，在进行编码以后可以开始对软件进行测试，在测试当中我们可以找出这个软件的错误与缺陷，这样我们可以及时处理，不影响后期正常的使用，同时也方便我们在后期使用过程中出现的问题容易去找出。所以软件测试是解决这些问题主要手段。一般来说软件测试在系统开发过程当中占据整个系统设计45%的工作量。测试的目的：对于测试目的来说它主要是能够让我们找出这个软件的错误与缺陷，所以我们对测试的工作是比较认真的，同时软件测试也是非常重要的。
测试分析
经过以上的测试与分析基于vue的穷游管理系统主要是从以下几个方面来进行的：
（1）窗体测试：为了能够保证我们在系统操作界面上弹出每一个子菜单的小窗口，我们对系统功能会员做了一个简单的模拟信息操作数据，具体的每一个管理窗体它都有具体的添加、删除等功能操作，并保证了各个窗口的功能正确实现。
（2）数据跟踪：通过对该项目的测试以后我们可以对系统的查询运算和功能的测试做出正确的运算，然后根据该项目模块设计输入原有的数据来进行相应的数据统计，和以前的手工计算来做比较，它是依据自己所检验数据的正确来做比较的，这样更加计算准确。
（3）综合测试：通过对以上的测试以后，我们可以对系统做出整体的测试，应用系统功能基本符合设计来总结出自身所存在的缺陷，从而使整个程序检查来做出阶段性的判断，从而找出系统所存在的错误，让系统变得更加完美：
用例名称：会员登录测试
基本描述：通过登录拥有系统的管理权限
测试方案：分别使用不同的登录方法进行登录，从而查看系统是否相应的错误和成功提示。
由于文章篇幅有限，所以只选取了几个代表模块进行测试，并得到了测试结果，测试用例如下：
（1）会员登录测试：
表6-1 登录测试用例表
|------|---|-------------|--------|---|------|
| 用例编号 || UC-TEST-002 | 测试名称 || 登录测试 |
| 前提条件 || 打开首页页面并未登录 ||||
| 步骤 || 操作描述 | 数据 | 期望结果 ||
| 1 || 点击登录按钮 | 无 | 跳转到登录页面 ||
| 2 | 填写用户名和验证码，点击登录按钮 || 用户名 | 输入框清空内容并提示"请输入用户名和密码" ||
| 3 | 填写密码和验证码，点击登录按钮 || 密码 | 输入框清空内容并提示"请输入用户名和密码" ||
| 4 | 填写用户名和密码，点击登录按钮 || 用户名、密码 | 输入框清空内容并提示"验证码输入错误" ||
| 5 | 填写错误的或不存在的用户名密码 || 用户名、密码 | 输入框清空内容并提示"用户名或密码错误" ||
| 6 | 填写正确的用户名密码 || 用户名、密码 | 跳转到首页，右上角显示用户姓名 ||
| 测试说明 | 无 |||||
| 测试结果 | 成功 || 测试人 || |
6.3 测试结论
排错它是针对自己所知道的错误来做的事情并进行解决的。而对于测试来说它是在你认为程序能工作的情况中进行一套整体化的试验。一开始做的时候我们把代码写的越好，在后期的工作中也就出现的错误越少，你也就可以相信我们在测试过程当中所做的一切就更加彻底。同样我们在日后的工作中也就出现的问题也就越少，同样这些毛病有可能最容易出现我们手工制作的过程当中，所以我们尽可能要减少手工测试，进行自动测试是我们最理想的方式，所以我们在以后的工作中要增强自动测试这样就减少我们工作中出现错误的问题，这样有助于我们对出现问题来做局部化的处理。