【《基于SpringBoot和Vue的游戏交流网站的设计和实现》14000字（论文）】

目录系统的实现对一个网站而言，前台界面通常是比较重要的，特别是对于社区论坛类的网站更需要有良好的页面风格和布局。在游戏圈网站中系统首页主要由三大部分组成，一部分是模块功能导航，主要功能是链接各类信息，另一部分是常用功能，包括注册，登陆，返回首页，退出系统等，最后一部分是功能展示模块，主要功能是显示所链接模块的详细内容。主页包含了游戏新闻、行业资讯、在线留言、周边产品和论坛交流几大模块。用户界面设计与实现当用户在右侧的“登录”区域中的“用户名”和“密码”文本框中输入用户名和密码，单击“登录”按钮。如果成功，用户将进入相应页面（如图5.1所示），并且不同的角色可以进行不同的操作，提供正确的用户名和密码方可登录成功（如图5.2所示）。图5.1登录界面图5.2登录界面提示效果图帖子详情功能与实现点击帖子页码栏或让鼠标悬浮于帖子标题时将会浮现对应文字说明（如图5.3所示）。点击编辑或帖子标题，则会跳转至帖子详情页面（如图5.4所示）。点击编辑后，可对帖子的内容进行二次修改（如图5.5所示），在comments单词下方输入框中回复即可进行正常交流。图5.3悬浮反应效果 图5.4帖子详情页面图5.5编辑帖子页面论坛主页界面与实现帖子分为四个板块，分别是主题帖子、发帖、游戏小技巧、更多交流（如图5.6所示）。点击蓝色标签即可将全部含有该标签的帖子内容搜索出来（如图5.7所示）。考虑到用户夜间访问的情况，本系统含有日夜模式，可自由转换（如图5.8所示）。点击更多交流可进入其他链接并含有周边海报等信息。图5.6论坛主页图5.7标签搜索图5.8日夜模式个人中心页面与实现用户登录后，将跳转至个人页面，可通过右上角昵称扩展栏进入相应界面（如图5.9所示）。个人中心可以查看帖子或对帖子的信息进行编辑（如图5.9所示），而设置中心则可以修改个人的基础资料（如图5.9所示），退出登录后将无法发表言论。图5.9扩展栏图5.10个人中心 图5.11设置中心新闻资讯功能与实现首页的热门主题显示着当下较为火爆的游戏信息，可点击对应图片或标题跳转至相应链接（如图5.12所示）。新闻资讯的内容由管理员自行设置。图5.12热门主题第6章系统测试系统测试测试原则游戏圈系统在投入正式的使用前，全方位的测试是必需的，用以验证该系统的功能模块是否符合需求分析，系统的性能是否满足预期的设计。而在系统的测试环节里面，最重要也是最开始的工作，就是为系统的测试设计全方位覆盖的用例以及测试方案。测试需要遵循的原则有以下几点：（1）测试必须尽早开始，时刻进行，尽量贯穿整个系统的设计与实现过程。（2）开发人员不适合去测试自己所写的程序，测试得由专门的测试团队来完成。（3）测试用例的设计需要覆盖到系统运行的各个方面，从各种角度模拟系统运行所可能遇到的状况，测试的用例数据有合法的输入，也必须包含不合法的输入、数据的边界值等，同时还需要将运行之时，各种突发的情况考虑进去，例如网络中断、断电或是特殊时段暴涨的访问量等。（4）测试的期间内一旦出现了问题过于集中的现象，就得考虑该系统开发的逻辑问题，理清开发人员的思维是否还保持清晰，推断其开发能力是否依旧可以担任开发任务。（5）对系统测试时发现的缺陷或是错误需要一个确定的过程。一般测试之时需要至少两名测试员进行测试过程，互相进行确认，重大错误则需要整个团队来分析处理。（6）在进行测试前，首先确定好一个合理的测试计划，有效安排整个测试进程，确保所有环节都得到了充分测试。（7）在进行回归测试之时一定要注意的是，不要因改了一小个BUG而导致了更多的错误。（8）需要保存测试中的所有文档，测试的时候这些文档是非常的有必要的。（9）测试用例的设计必须考虑预期结果，将实际得到的数据与之进行对比，就可以高效地发现问题所在，从而得出测试结论。（10）系统在测试的过程中已经被发现的问题数和可能存在的错误数是成正比的。软件测试方法测试方法分为两类，分别是黑盒和白盒测试。前者之意是当我们在测试的时候，模拟测试员已经清楚地了解了该系统功能的详情，利用了各种方式验证这些功能可不可以得到预期的结果。而另外的一种白盒测试方法则完全相反，测试员需要厘清系统所有的运行逻辑与数据架构，验证系统在运行过程中的算法是否有误，逻辑覆盖法是比较流行的该类型方法。在此次游戏圈网站的测试工作中，我们计划了对系统的各个功能模块进行丰富的细化测试，其次，将几个同类型模块进行了集成测试，验证架构间的逻辑，最后对系统进行整体的测试，另外，此次对游戏圈网站的测试大致采用了单元测试。测试的内容和步骤在对系统进行正式测试之前，我们需要明白的是，系统的某个问题不一定会在多种情况下出现，而是当多方面的情况都集中在一起才会发生。所以我们在测试之时不必抱着找问题的目的，也不用去证明系统的合理，而是该努力去发现系统运行的过程中能否达到需求分析目的各个方面，从而对系统进行相应地修正。在对系统进行测试之时，我们得遵守以下的原则：在准备进行系统测试工作之时，第一步要做的不是任意一种测试，而是设计出合理又科学的测试用例，其主要包含内容有输入信息、测试内容、实际结果以及预计结果；当遇到某一功能模块测试的结果出现大量问题时，我们要对该模块的内容进行全方位的反复验证，对该问题进行修复后，还得再次对其进行验证，以确保出现的问题已经被及时解决。在进行开发之时，为了保证系统能稳定的运作，在对系统进行开发的期间，可以针对具体的一些重要模块进行测试，常用的方法如下：（1）下拉菜单。下拉菜单是用户进入系统后第一时间需要接触的部分，在测试过程中具有非常重要的用处，我们测试下拉菜单之时，还得验证其中的指数是否达到了标准，对其中各个下拉菜单的连接模块反复进行登录测试，以保证下拉菜单是准确的。（2）追踪测试信息数据。接下来需要操作的就是系统里面的数据信息追综性测试。此功能是相当有用的，必须对其他每个模块都进行此项测试。（3）综合性测试。该类型测试发生在系统测试的最后一个阶段，即在保证了系统各个功能模块的准确性和高效性后，验证系统的总体结构是否合理，功能模块逻辑是否达到预期。表6-1用户注册用例编号用例名称前提条件测试步骤预期结果实际结果比对TC_001游客注册输入的用户名不能是已经存在的用户名1.游客点击注册2.进入注册页面3.游客填写用户名和密码等相关信息，点击提交注册成功提示并可以在后台数据库查询到该用户数据。PASSTC_002游客注册输入了不正确或者不完整的数据1.游客点击注册2.进入注册页面3.游客没有填写用户名或者填写有误，点击提交系统提示注册失败PASSTC_003游客注册输入的用户名已经存在1.游客点击注册2.进入注册页面3.游客输入已经存在的用户和密码等信息，点击提交系统提示注册失败Failed表6-2系统登录用例编号用例名称前提条件测试步骤预期结果实际结果比对TC_004系统登录输入正确的用户名和密码用户进入登录页面填写用户名、密码，点击登录按钮用户登录成功PASSTC_005系统登录为输入用户名或密码用户进入登录页面未填写用户名和密码就点击登录按钮提示用户名和密码错误PASSTC_006游客注册输入不存在的用户名和密码用户进入登录页面输入错误的用户名和密码点击登录按钮提示用户名和密码错误FailedTC_007游客注册输入存在的用户名和不存在的密码用户进入登录页面输入错误的密码点击登录按钮提示用户名和密码错误FailedTC_008游客注册输入不存在的用户名和存在的密码用户进入登录页面输入错误的用户名点击登录按钮提示用户名和密码错误Failed表6-3系统首页用例编号用例名称前提条件测试步骤预期结果实际结果比对TC_001帖子个数检测打开软件，处于首页位置游客点击进入首页根据显示量页数统计帖子数量统计数量与数据库帖子数相符PASSTC_002点击帖子标题打开软件，处于首页位置游客点击进入首页随机选择一个帖子进入跳转至相关页面PASSTC_004点击帖子内容的详情链接打开软件，处于首页位置游客点击进入首页选择一个带有链接的帖子进入跳转至链接对应位置PASSTC_005论坛的成员数打开软件，处于首页位置游客点击进入首页查看论坛的成员数显示成员数与数据库信息相符PASSTC_006帖子的发帖时间打开软件，处于首页位置游客点击进入首页随机查看一个帖子的发帖时间显示发帖时间与数据库信息相符PASSTC_007帖子的浏览数检测打开软件，处于首页位置游客点击进入首页随机查看一个帖子的浏览数显示浏览数与数据库信息相符PASSTC_008帖子翻页功能打开软件，处于首页位置游客点击进入首页随机选择一个帖子点击进行翻页跳转至下一页PASSTC_009帖子收藏打开软件，处于首页位置游客点击进入首页随机选择一个帖子点击收藏该帖子测试账号收藏数+1PASS表6-4周边商城用例编号用例名称前提条件测试步骤预期结果实际结果比对TC_001浏览周边商品以会员身份进入周边商城页面会员点击进入首页进入商城浏览各类商品显示结果与数据库信息相符PASSTC_001点击商品图片以会员身份进入周边商城页面会员点击进入首页随机点击一个商品弹出商品属性窗口PASSTC_001购买商品以会员身份进入周边商城页面会员点击进入首页随机点击一个商品的购买选项弹出交易窗口PASSTC_001填写收货地址以会员身份进入周边商城页面会员点击进入首页随机点击一个商品的购买选项在弹窗中填写收获地址提交数据库自动存储地址PASSTC_001生成订单以会员身份进入周边商城页面会员点击进入首页随机点击一个商品的购买选项在弹窗中填写各类信息自动生成订单PASS测试总结对于该游戏圈平台测试，将用户进行登录这一操作作为例子，来解释我对系统测试用例的思考和用意。可以知道的是，当用户登录系统的时候，输入的账号和密码只要有一个出现了错误的话，系统就不能成功地验证用户的身份，因此登录无法成功。那么基于此而言，我们在设计用例之时，就需要验证各种错误出现的输入内容，根据测试结果可知该系统登录的功能可以满足需要，若遇到不匹配的输入信息，能够及时弹出错误提示，帮助用户修改为正确的信息，当输入信息匹配并且符合用户的数据时，系统会直接跳转到该用户的权限下可以进入的模块界面。即系统的登录功能是满足需求的。第7章总结与展望总结与展望此次设计并实现的基于SpringBoot和Vue的游戏圈网站具有以下优势，从实际的系统页面截图就可以看出，系统的页面设计清晰、风格统一，功能模块简洁而有逻辑，用户仅仅只要通过简单的学习，就能灵活地运用起来，基于公开免费的语言和技术进行开发，有效的控制了成本，在实际运行的时候网络搜索也帮助解决了很多实际问题，具有相当高的现实意义。此次设计中花费的时间最长，调试的次数最多的则是系统权限的设置，为了保障用户能够得到信息安全，系统专门设置了严格的用户角色分类，同时兼顾了系统在不同平台上的运行。在未来的方向，该系统还有不少需要探讨并加以改进之点，总结起来大体有以下两个方向：（1）数据加密对于系统数据存储，系统采用了分类清晰的手段，合理划分不同的详细数据，对于不同用户能够查看到的内容，也设置了相对严格的权限，在未来期间的实际运用中，还会考虑加入签名机制以提升数据的安全性，在数据提取完毕后的传输过程内将其加密，只能被指定的有权限的人查看。另外，在存储这方面，也进行了不同权限的相应加密，对管理员所有的权限再次进行细分，只有最高管理员的身份，才能调度整个系统的数据。（2）网页设计美观需要达成的设计与实现时间相对有限，对于界面设计这一块只考虑到了清晰大方和风格统一，在之后的升级工作中，还需将这部分进行一定的优化，为用户玩家定制各种不同的界面风格，吸引用户选择。致谢333参考文献[1]张卓,高维和.网络意见领袖的分化与草根精英的崛起——基于网络游戏论坛的理论与实证检验[J].新闻与传播研究,2017,24(03):20-41+126.[2]Wen‐ChengHuang,Fat‐MoonSuk,Che‐WeiLin,Chung‐YiCheng.‘MedicalKnowledgeForum’:competitive,educational,game‐basedlearning[J].MedicalEducation,2019,53(11).[3]孙思杰.Web项目基于前后端分离模式的设计与应用[J].科技创新与应用,2020(27):96-97.[4]颜治平.基于SpringBoot和Vue框架的教代会提案系统的设计与实现[J].科技创新与应用,2020(03):91-93+95.[5]沈剑翘,陈泽椿.Vue.js在构建系统前端SPA的应用[J].科技创新与应用,2020(03):181-182.[6]张峰.应用SpringBoot改变web应用开发模式[J].科技创新与应用,2017(23):193-194.[7]董航,饶世钧,洪俊.基于MySQL的雷达目标信息数据库构建[J].科技创新与应用,2020(28):80-83.[8]邓卫红.借助DedeCMS实现基于PHP+MySQL的工会网站开发[J].科技资讯,2016,14(05):13-14.[9]BenymolJose,SajimonAbraham.PerformanceanalysisofNoSQLandrelatio