在系统流程分析当中调查分析它是比较重要的环节，因为在这个系统当中它都涉及到每个环节的业务流程，所以从基于vue的穷游管理系统的整体设计上要保证各个信息的正确输入和输出以及对数据储存的完整，并结合实际的操作步骤来绘制出具体的流程图。具体流程图如下图3-4所示：

图3-4系统开发流程图

为了保证系统的安全，会员要想进入基于vue的穷游管理系统必须进行登录操作，会员登录流程图如图3-5所示

图3-5 登录流程图

 第四章 系统设计

在该系统的信息中，由于数据库的支持，我们可以对数据库进行收集、整理、更新和加工等操作。由于数据库的存储功能强大，所以数据库已经成为了计算机必不可少的一部分，一个数据库的好坏直接影响该系统的质量和效率。一个系统中的数据库是必不可少的，并且起着决定性因素。通过之前的系统分析，可以规划出本系统中使用的主要等，下面设计出这几个关键实体的实体关系图：

（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 登录测试用例表

6.3 测试结论

排错它是针对自己所知道的错误来做的事情并进行解决的。而对于测试来说它是在你认为程序能工作的情况中进行一套整体化的试验。一开始做的时候我们把代码写的越好，在后期的工作中也就出现的错误越少，你也就可以相信我们在测试过程当中所做的一切就更加彻底。同样我们在日后的工作中也就出现的问题也就越少，同样这些毛病有可能最容易出现我们手工制作的过程当中，所以我们尽可能要减少手工测试，进行自动测试是我们最理想的方式，所以我们在以后的工作中要增强自动测试这样就减少我们工作中出现错误的问题，这样有助于我们对出现问题来做局部化的处理。