【《基于Springboot+Vue的社交平台设计与实现》13000字（论文）】

PAGEPAGE28基于Springboot+Vue的社交平台设计与实现摘要本次基于Springboot+Vue的社交平台是一个可供用户查阅文章，通过留言增加社交频率的社交平台。在愈发忙碌且紧张的社会下，社交往往是被人们所忽略的部分。随着人们对先进科技使用的频率越来越高，生活中各个方面都应该更加信息科技化，用科技来帮助人们解决生活或工作中的困难。本次设计的平台能够通过简单的操作查阅以往的文章和与其他用户进行留言沟通，达到了增加社交频率的效果。本次毕业设计使用了市面上的主流技术。通过利用Vue技术进行编码及构建页面,后端采用了Springboot框架进行编码，利用MYSQL完成了关于大量社交数据的数据存储，设计并实现了社交平台的主要功能。该社交平台拥有简洁的用户界面，操作简便，平台将社交数据集中并存储在一个专门针对系统管理需求而设计的数据库中，实现用户对信息检索的需求。通过对平台的概述、分析、技术、设计、应用等方面的介绍，描述了整个社交平台的开发与工作流程，设计并实现了用户登录注册、发表查询修改文章、更新留言、个人信息、管理员权限等多个功能并进行了详细的介绍，完成了人们在社交方面的实际需求。关键词：Springboot；Vue技术；MYSQL数据库；社交平台目录TOC\o"1-3"\h\u206541绪论 1183371.1课题背景 1103931.2研究目的和意义 11.310408设计原则 187691.4论文安排 2245992社交平台相关技术和开发工具简介 479082.1Vue技术 4207372.2JavaScript技术 4104502.3springboot技术 4270952.4MYSQL数据库 5270952.5开发工具 5216463平台可行性分析与需求分析 7136983.1平台可行性分析 7286843.1.1技术可行性 797713.1.2操作可行性 763483.1.3经济可行性 7285143.1.4时间可行性 8224963.2业务需求分析 8129483.3系统性能需求分析 869493.4系统用例分析 961063.5系统流程分析 10238573.5.1登录流程 10324353.5.2添加信息流程 10324353.5.3删除信息流程 1166004社交平台设计 1333704.1系统结构设计 13232494.2数据库设计 14228894.2.1数据库E-R图设计 14189804.2.2数据库表设计 1522685平台设计实现 19221895.1管理员模块实现 19228465.1.1登录界面 19122115.1.2公告管理界面 19274685.1.3平台轮播图管理界面 20121005.1.4留言管理界面 2092155.1.5用户管理界面 215.1.6文章管理界面 215.1.7文章分类管理界面 22217825.2用户模块实现 22246805.2.1登录注册界面 22157105.2.2文章详情界面 23229555.2.3在线评论界面 2470155.2.4分类查询界面 2470155.2.5留言板界面 2570155.2.6平台公告界面 2570155.2.7文章收藏界面 2670155.2.8个人中心界面 26168216平台测试 28158666.1测试概述 2898736.2测试方法 2850676.3测试方案 29229316.4测试用例 3062806.5可用性测试 31165626.6综合测试 315958总结与展望 3321848参考文献 351绪论1.1课题背景社交平台是互联网上的个人信息发布中心，每个人都可以把自己的想法和感受写成文章并随时更新到社交平台上去。自2000年中国发展社交平台以来，社交平台已经成为许多网民网络生活中一个重要组成部分。随着社交平台的快速发展，它与期初所设置的浏览网页的功能已相去甚远，网络上众多的博主发表文章的目的与之前早已大相径庭。但是，由于社交平台的沟通方式比电子邮件、讨论群组而言更加简单和快捷，因此社交平台已成为家庭、公司和团队之间运用越来越广泛的沟通工具，它也逐渐被应用在Internet中。1.2研究目的和意义随着互联网的广泛应用，社交平台现在已经成为重要的信息传播方式，对人类信息传播和交流具有巨大的影响。自社交平台出现以来，拥有众多的追求者，不仅仅因为它是潮流的象征，而更多的是能够简便的表达个人的情感和内容。对于一些在日常生活中并没有太多表达欲望而又希望体验社交的快乐的人来说，网络社交就是一种新的体验，网络社交的多元化特性使得他能够时间和空间的枷锁，让任何人在任何时间都能够享受社交的乐趣。不同于现实社交，网络社交的主要优点在于能够脱离个人日常的人际关系网，借助网络社交平台，能够体验到更多的社交快感，也提供了更加广泛的人际交流机会，为想要拓宽自己新的社会关系的人提供了遍历。所处在网络社交这种特殊的环境之中，人们的社交圈子成倍的扩大，网络社交正在逐步称为人们生活中的重要组成之一。这种社交的方式对传统的面对面交流产生了极为深刻的影响。1.3设计原则本次设计的社交平台分为前端页面和后台管理，用户可以查看文章并对文章发表意见等功能。本社交平台同时具有显示用户的所有文章及文章评论，发表文章评论，显示留言及发表留言，访问者登录等功能以至于更好的进行人与人之间的交流。按照设计作相应的规划是为了后续能够顺利开展相关的开发工作，使用原则性设计的主流开发可以让系统设计变得简单快捷。如果只根据直觉或临时变动想法而决定设计某些功能，则非常容易造成程序崩溃或违背了设计的初衷和合格的设计标准。因此设计程序靠的是按部就班而不是灵活多变。基于本次社交平台所需要的设计原则，以可行性原则、适应度原则、安全性原则、程序整体合理性原则、单一计划原则为开发的核心原则：（1）可行性原则。该项目应确保在经济和技术上的可行性，其中包括使用浏览器、服务器、开发软件等的经济与技术的适用。（2）适应度原则。该项目必须充分考虑其维护和可伸缩性。务必确认好项目短期或是长期的伸缩性，以便于在后期开发或需求变更的时候可以很好地完成适应性设计。（3）安全性原则。系统必须具备基础的设计安全和数据安全，以保证程序的正常运行与使用。（4）程序整体合理性原则。为了确保程序能够成功完成，需要避免因不按设计需求开发而导致的错误。必须硬性的按照前期设计阶段所设计的功能需求进行开发，有效的保证程序的实现。（5）单一计划原则。无论程序在设计过程中如何变动，需要保证在程序开发完成后和设计者的预期一致。在设计和开发过程中，以周期性渐进的方式设计和实现每个程序阶段的主要任务。1.4论文安排在论文设计的目的确认了之后，就利用划分模块的方式来撰写社交平台的设计说明，然后将设计意义和技术路线进行解析，解析内容包含了社交平台的细节功能、图解或逻辑原则，最后合理的完成程序。通过各种理论和实际的测试确保程序合理，再整合整体的设计过程编写。在编写之前，通过参考Java基础、Vue编程、MYSQL数据库设计等相关编程书籍，结合所了解到的相关类似系统的参考资料，根据其软件的功能设计和设计风格，吸取经验改进之后重新设计出自己的软件和功能系统结构，并进行软件设计、分析设计案例。最后对设计好的程序进行编码和测试。通过测试之后进行程序的最终验收。本次编写的论文共包含以下六个部分的内容，具体如下：第一部分绪论：根据课题背景和研究目的意义针对本课题进行了简要的阐述，说明了研究开发和应用程序设计实现与测试的必要性。第二部分相关技术和开发工具简介：在软件程序研究和设计的过程中所用到的主流技术与开发工具进行了简要说明。第三部分平台可行性分析与需求分析：针对设计上的各类原则和供求关系的分析，确保涵盖到本次程序开发的目标或者指向性的研究本次所开发的程序。第四部分社交平台设计：进行了程序的系统设计和数据库管理所需要的各类核心功能模块，其中包含了工作流程图、代码表和数据库的展示等。第五部分平台设计实现：通过图示加简要的文字说明展示本程序的主要功能模块和用户界面。第六部分平台测试：简述了测试的意义和目的，通过测试用例检验程序是否达到了设计之初的目标。2社交平台相关技术和开发工具简介此社交平台的整个开发过程中所运用到的开发工具有IDEA和关系型数据库MYSQL。前端技术使用Vue、JavaScript完成页面搭建、简单页面跳转等。后端技术采用Springboot框架为主体，以Springboot为后端核心，集成相关插件完成开发。以下是对所用技术和开发工具的简单介绍与说明。2.1Vue技术Vue是一套用于构建\t"/item/Vue.js/_blank"用户界面的渐进式\t"/item/Vue.js/_blank"JavaScript框架。与其它大型框架不同的是，Vue被设计为可以自底向上逐层应用。Vue的核心库从视图层出发，不仅简单方便，还可以与第三方库或者已经有的项目做整合。另一方面，Vue与现代化的工具插件以及各种支持Vue的\t"/item/Vue.js/_blank"类库相结合时，也完全能够为复杂的单页应用提供驱动等各方面的支持。2.2JavaScript技术JavaScript是一种多功能性开发语言，能够在网络浏览器运行，JavaScript与html及css的配合使用，能够让网站页面有更丰富的动态效果。能够实现网站页面内图片的轮播模式，弹出显示框（例如提示信息）等。用JavaScript开发的网站应用程序，是可以根据开发者的需要实时修改的。当JavaScript被应用在使用C、C++或其他语言开发的应用程序时，程序运行，它会先编译C、C++或其他语言，然后在逐行解释JavaScript。使用JavaScript，能够根据需求来创建新的对象，在现有对象满足条件的情况下，也可以直接使用现有对象。JavaScript对数据类型没有严格要求，且不依赖操作系统，实现跨平台使用，可选择的浏览器很多，同时，它不需要Web服务器来响应网页上用户的操作，例如鼠标在网页上的单击、上下移动以及窗口移动等JavaScript是可以直接响应的。由于JavaScript这些特点，使得JavaScript在市场上上具有很强的竞争力，成为许多编码人员常使用的语言。2.3Springboot技术Springboot是一个在2003年兴起的开源框架，它能够以一种简单的方式解决复杂性的企业级应用，因为它通过简单的Javabean来实现原本需要通过EJB才能够实现的内容。由于它并没有对服务器的局限性，使得开发过程更加简便，还减少了配置文件的数量。同时，使用Springboot能够快速的创建jar包并实现以jar包的形式独立运行，从而减少了Spring配置，极大的提高了开发、部署的效率。2.4MYSQL数据库MYSQL是关系型数据库的标榜代表，当然它的最大特点不是这些小地方，而在于它不会变着途径收取日常使用或是其他任何地自定义开发使用费且开放式地提供源码，值得人们认可的是它的功能足以实现任何使用关系型数据库一方的需要。因此，中小规格或普通性的网站亦或是系统都把它当作主要数据库。MYSQL是一个开放源代码的基础信息系统，它使用了大量的源代码，且我们能不需要高度的权限令牌即可查阅。由于MYSQL都是自行开源的，因此，如果已经具有MYSQL适当的权限，则我们就可以对其进行修改，以适应不同开发的需要。MYSQL因为它固有的功能而受到了广泛的重视。它具有很高的适应性，非常高的可靠性，并且查询效率很高。MYSQL非常便于安装，并且它具有大量的数据储存，不用做事务处理。SQL语言提供高易用性也就是简单快捷方法，所以我们在项目中可以极好的利用这个特性去编写SQL语句，做好我们的数据任务，MYSQL最大的价值与其特异性就在于不必再需要像其他语言那样重新编写更多的语句。MYSQL数据库更多元化、通用化、简单化、方便化，MYSQL的数据接口可以和现在市面上主流的很多编程语言进行适配，实现真正的多用户多线程。而且，据世界软件组织的调查报告显示，MYSQL数据库是现在中小型程序的开发过程中使用的次数最多的数据库，由于它的开源和操作简单，MYSQL也是程序员选择数据库时选择最多的数据库之一。MYSQL数据库具有以下特点：1、支持C和C++编程语言。2、提供了各类API。3、使用CPU的资源来支持多线程的服务。4、通过算法优化MYSQL数据库。5、语言编辑格式为GB2312，BIG5，UTF-8等。6、使用TCP/IP协议，ODBC和JDBC进行数据库管理。2.4开发工具IntelliJIDEA是一个Java语言相关的集成开发环境，由JetBrains公司开发，是主流开发工具内最好用的Java集成开发工具。IDEA所提倡的特色功能都是为了减少程序员工作而产生的智能编码。IDEA最能够体现它的特点的功能是IDEA的调试功能，它可以对Java、JavaScript、JQuery、Ajax等主流技术进行调试，并在多线程调试的基础上检查功能的执行情况并报告操作者。IDEA作为一个从发布之初经历了十年更新的编程软件，仍然在当下的环境中作为程序员开发所选择的主流软件，证明了它优秀的性能和良好的编程风格，这也是本次社交平台采用IDEA作为开发工具的主要原因。3平台可行性分析与需求分析3.1系统可行性分析通过对该社交平台的研究及其预计目标的初步研究和分析，提出并综合论证了其可行性的相关理论。在论证过程中，我们主要从四个方面对其进行了分析：从技术的可行性，操作的可行性，经济的可行性和技术的可行性等方面进行了分析。3.1.1技术可行性该社交平台主要使用Vue和MYSQL数据库作为该系统设计和实现的一个重要工具，这种方式的设计便于人们的学习和运用，利于二次扩展。社交平台的硬件要求并不算多，需使用一种便于实现的通用硬件进行配置。当然这里的硬件也并非顶配系统才能运行，基于这个方向我们使用日常所用的笔记本进行使用就完全符合平台硬件需求。在学习技术期间，我对于Vue的基本知识已经了解，并且对于MYSQL数据库的各项操作也做了模拟实践，在其中积累了很多相关操作经验，对于编程所使用的的各种软件也做了诸多了解。对于本次程序来说，在程序设计的学习上有了比较系统的掌握。针对这些部分做出的设计具有辨认性和系统设计与验证的方向。综上所述，所用到的技术完全支持社交平台的设计与开发。3.1.2操作可行性该平台设计了简洁明了的导航和界面，并且舍弃了不必要的繁琐操作的过程。整体页面在设计之初就已经进行过页面规范和简化，摒弃了不必要的花哨和繁琐。用户可以在联网且具有浏览器的计算机上做到有效的访问和应用。该平台易于操作且连接良好。综上所述，平台实现了操作可行性。3.1.3经济可行性经济可行性的考虑主要来源于两个方面，一是我们设计完成后所需要开发的工具，即所使用的电脑。电脑运行环境采用浏览器本地方案进行，这就意味着我们所使用的工具无需配备很复杂的硬件，笔记本电脑在大学期间已经自行购买并使用。关于软件方面，编程所使用的软件主要来源于官方所发布的各类软件，均可在互联网上下载使用，其中并未包含采用高特异性或高收费型的工具。软件编码过程中所使用的插件均为已在各大程序平台所开源的可自行下载的免费插件。3.1.4时间可行性关于时间可行性的问题，在设计之初就已经做好了充分的规划。但设计的过程中不仅仅靠设计调配，还需要规范的开发章程。章程对每一个模块的开发时间和可能遇到的问题做出了合理的安排，针对每个阶段的任务按照章程进行合理开发就可以避免时间上对开发过程的困扰。3.2业务需求分析伴随着信息行业的蓬勃发展和人们对于办公自动化意识的增强，对于工作与社交之间界限的管理也越来越困难，原始的社交已经不能满足人们的使用需要。为了提高人们的社交效率，充分利用信息时代所带来的网络资源，开发一个优秀的社交平台势在必行。本社交平台采用Vue作为前端实现、结合关系型数据库MYSQL开发来设计。本次设计是一个独立的系统，用来解决人们对于信息的管理问题。通过Vue和JavaScript技术构建了一个能够进行社区交流和阅读文章的社交平台，本系统具有社交平台中具有的完整的信息管理步骤，在节约资源、提高效率的同时实现了社交平台的功能和作用。3.3系统性能需求分析性能需求分析是一个系统对于所设计的软件所希望达到的软件性能进行的分析。本次社交平台的性能需求分析以存储型、易学性、数据要求、稳定性和可靠性为分析的标准。（1）系统存储性：社交是本次论文的基本核心。基于这个核心得出数据整理的基本需求必须要具备多数据、高稳定性的数据表和管理工具来维护我们设计的数据架构体系，还要保证数据的即时性。（2）系统的易学性：眼观即可上手，让人通过简单的页面和提示就能知道有哪些功能、该如何使用，减少了用户的学习成本。（3）系统数据要求：最简单也是最基本的需求是要保证数据的正确录入和准确存储。但有存储必定有数据的更新亦和删除，因此对于数据的基本操作要达到即时性。（4）系统稳定性：运作稳定、界面稳定是系统的最低标准，如果不能达到这个目的则代表了系统不能满足稳定性的需要。在运行过程中也要确定系统中没有加载失败的界面或模糊的字体。（5）系统可靠性：没有错误代码或者是病毒这是系统规避入侵的基本需要，因此设置拦截器是保证系统安全的必备设计，保证用户能够稳定且安全的使用。3.4系统用例分析用例分析是软件工程或者系统工程之中针对系统怎样对外界的请求进行反应和操作的描述，是一个通过不同使用人群针对不同的使用场景来获取用户需求的一项技术。UML是一种语言，它的作用是进行可视化建模，能够加强对客观事物的了解，能够更加充分的为开发者设计的各项功能有所体现，并且在建立系统流程的前期工作中也大有裨益。以下是对本社交平台进行的UML建模分析。系统用户UML用例图如图3-1所示。图3-1用户UML用例图管理员UML用例图如图3-2所示。图3-2管理员UML用例图3.5系统流程分析3.5.1登录流程登录流程是描述了用户和管理员进行登录操作的基本流程。用户和管理员要想进入本系统，必须进行登录操作。登录时输入账号密码进行验证，若未输入则返回登录页面。已输入则验证信息是否正确，正确则登录系统，错误则返回登录界面。用户登录流程图如图3-3所示。图3-3用户登录流程图3.5.2添加信息流程添加信息是登陆后进行添加各类信息的操作。在输入添加信息后进行验证，如果未输入则返回添加页面。已输入则验证信息正确性，信息正确则进行添加并提示，信息错误则返回添加页面。添加信息流程图如图3-4所示。图3-4添加信息流程图3.5.3删除信息流程删除信息是登陆后进行删除各类个人信息的操作。在选择删除信息后进行验证，如果未选择则返回删除页面。已选择则验证信息正确性，信息正确则进行删除并提示，信息错误则返回删除页面。删除信息流程图如图3-5所示。图3-5删除信息流程图4社交平台设计4.1系统结构设计一个完整的系统，需要实现多个模块的功能。因此，系统结构设计能够在开发者的眼中清晰的呈现一个系统所需要设计的模块，能够为开发者理清头绪，在模块与模块、功能与功能之间不易搞混，从而避免发生不必要的麻烦。系统设计和布局是确定整体架构和各个功能模块在系统开发过程中的关键问题。在结构设计过程中，需要先分析系统需求，初步确定系统功能，再将功能模块细化，完成系统结构的最终设计。结构化的系统设计背后的理念就是将整个系统中的关键合理地分割出来，由上至下将其划分成几个独立的子系统，然后再根据这些模块进行划分成几个模块。理清一个系统，需要将系统不同用户的使用功能呈现出来，必须划分清晰，然后将这些小模块整合起来，实现系统的设计。这样有助于开发者保持开发过程思路的清晰，不容易造成混乱。每一个可执行的计算机模块也都可以作为子模板使用。即单层、独立的程序。本社交平台结构图如图4-1所示。图4-1系统功能模块图4.2数据库设计数据库的设计是本社交平台搭建中的重要一环，数据库设计的目标是：对于特定的应用环境，建立一个性能良好的、能满足不同用户使用要求的数据系统模式，对平台信息的收集、整理、存储、检索、更新等操作都必须借由数据库来进行处理。数据库的稳定性将直接影响到平台的质量以及运行情况。本次社交平台按照需求进而设计地数据管理模块作为支撑。系统使用的是MYSQL数据库，因为业务复杂度的需要，我们需要综合的考虑好各个场景的数据逻辑，不能发生数据串表或者是字段缺少这样极其地低级的错误，因此需求和业务交互上的设计必须要设计的简洁明了。4.2.1数据库E-R图设计E-R图也被叫做实体联系图，它是描述现实世界中所存在的关系概念模型的最有效的方式，同样也是表示概念关系模型的一种简洁的方式。E-R图自身的设计思路主要源于数据库的真实应用场景和业务流程，在进行了准确的用户场景分析之后描述该场景下的各类活动。E-R图的立足之本在于它专一的为软件设计数据类型之间的关系提供极其明确的描述方法，它使得人们通过完整方法映射实现解构过程的细节化分析与刚需调查。核心结构单元为实体、属性、关系组成。实体：命名方式的规则是采用矩形表示实体名，且用其他属性为表的各个子节点也就是指字段，包含键与键之间的关系。属性：图中的属性其实并不复杂，是研究所需要的表的多个字段的集合映射。关系：针对数据库ER图指明的关系并非单个字段关联，而是指整个实体地关系。描述时采用地是菱形表示关系。这些菱形关系具有一个或多个图的数据连接，这些数据连接形成一个完整的ER图模型。这种关系使二者极其贴合连接在一起，从而也使实体之间的关系更明显与易于理解。本社交平台的E-R图如图4-2所示。图4-2系统总体E-R图4.2.2数据库表设计本社交平台采用了关系型数据库MYSQL作为核心数据库，主要数据库表详细信息如下：Config表是一张简单记录了运行中各项配置的表，如表4-1所示。表4-1config表字段名称数据类型长度是否主键是否可空idbigint20是否namevarchar100否是valuevarchar100否是discusswenzhang表记录了文章评论的相关信息，如表4-2所示。表4-2discusswenzhang表字段名称数据类型长度是否主键是否可空idbigint20是否addtimetimestamp否是refidbigint20否是useridbigint20否是nicknamevarchar200否是contentlongtext否是replylongtext否是message表记录了用户自身的相关信息，如表4-3所示。表4-3messages表字段名称数据类型长度是否主键是否可空idbigint20是否addtimetimestamp否是usernamevarchar200否是useridbigint20否是contentlongtext否是cpicturevarchar200否是replylongtext否是rpicturevarchar200否是news表记录了留言所需的相关信息，如表4-4所示。表4-4news表字段名称数据类型长度是否主键是否可空idint20是否addtimetimestamp否是titlevarchar200否是introductionlongtext否是picturevarchar200否是contentlongtext否是users表记录了用户登录注册的相关信息，如表4-5所示。表4-5users表字段名称数据类型长度是否主键是否可空idbigint20是否usernamevarchar100否是passwordvarchar100否是rolevarchar100addtimetimestampwenzhangfenlei表记录了所发文章的具体分类，如表4-6所示。表4-6wenzhangfenlei表字段名称数据类型长度是否主键是否可空idbigint20是否addtimetimestamp否是wenzhangfenleivarchar255否是5平台设计实现5.1管理员模块实现5.1.1登录界面为了维护系统的安全，任何用户想要进入系统进行相关功能操作，都需要进行登录。必须使用拥有对应权限的管理员用户才可成功登录管理员操作模块。具体界面如图5-1所示。图5-1后台登录界面5.1.2公告管理界面管理员能够管理系统公告信息，可以快速查询公告信息，对公告信息进行修改、删除或新增公告信息。具体界面如图5-2所示。图5-2公告管理界面5.1.3平台轮播图管理界面管理员能够管理平台主页面的轮播图显示，可以进行插入轮播图，修改轮播图，查看轮播图详情，索引轮播图等操作。具体界面如图5-3所示。图5-3平台轮播图管理界面5.1.4留言管理界面管理员能够管理留言信息，可以快速查询留言信息，对留言信息进行修改、删除操作，或者新增留言信息。具体界面如图5-4所示。图5-4留言分类管理界面5.1.5用户管理界面管理员能够管理用户信息，快速查询用户信息，对用户信息进行修改、删除操作新增用户信息。具体界面如图5-5所示。图5-5用户管理界面5.1.6文章管理界面管理员对系统用户提交的文章信息进行管理，可以快速查询文章信息，对文章信息进行审核操作。具体界面如图5-6所示。图5-6文章管理界面5.1.7文章分类管理界面管理员对平台文章的分类进行管理，可以添加文章分类、修改文章分类名、查询文章分类名，对文章分类进行索引等操作。具体界面如图5-7所示。图5-7文章分类管理界面5.2用户模块实现5.2.1登录注册界面用户在系统首页可以进行登录注册，通过登录注册可以实现发表文章等操作。具体界面如图5-8、图5-9所示。图5-8登录注册界面图5-9注册界面5.2.2文章详情界面用户可以查看文章详情，如用户需要将文章收藏，则需要进行登录。具体界面如图5-10所示。图5-10文章详情界面5.2.3在线评论界面用户在文章界面，可以进行评论，可以选择需要评论的文章写下相关信息进行评论。具体界面如图5-11所示。图5-11评论界面5.2.4分类查询界面用户可以通过文章分类查询到自己喜欢的文章，查看并且可以通过搜索搜索文章。具体界面如图5-12所示。图5-12分类查询界面5.2.5留言板界面用户可以通过在留言板留言的形式和其他使用同平台的用户做交流，具体界面如图5-13所示。图5-13留言板界面5.2.6平台公告界面用户可以通过平台公告查看平台内信息，可以通过标题进行搜索，具体界面如图5-14所示。图5-14平台公告界面5.2.7文章收藏界面用户可以通过个人中心的文章收藏页面查看平台内所收藏的文章，可以通过标题进行搜索，具体界面如图5-15所示。图5-15文章收藏界面5.2.8个人中心界面用户可以通过个人中心对自己的个人信息进行修改，具体界面如图5-16所示。图5-16个人中心界面6平台测试测试是社交平台质量最后的把关，至此它的重要性也是整个开发中最为重要的部分，系统的部署并成功运行是测试的第一阶段，它代表了程序是否存在代码上的错误、能否真正意义上的让用户使用。当然他的测试结果不仅仅代表了第一阶段，还延伸到了后续其他的测试和功能拓展。因此程序能够部署并成功运行是测试至关重要的部分。6.1测试目的一般来说，进行系统测试就是要检测系统运行过程中有没有达到标准，设置的功能能不能支持用户顺畅的使用，是否能够快速响应用户的操作，运行是否稳定，满足用户的需求。因此，测试过程就必须针对每一个功能模块，每个功能按钮，进行测试，同时，要注意细节问题。经过测试，系统中存在的漏洞将会一一浮现出来，此时，开发人员需要找出每一个漏洞出现的原因，找到相应的代码，改正错误。因此，在程序编写时，尤其要注意格式的书写以及每一个字段都要准确，否则会给程序测试带来很大的麻烦。正确的格式可以让程序测试出现错误时，快速定位相应字段，这样就缩短了测试时间。要确保程序的可靠运行，需要找到程序的错误，因此系统测试是必要的。测试的过程就是不断的试验与纠错，每次各试验与纠错的过程，都会自动将相关数据保存到计算机报告器中，显示测试的结果。当测试报告结果显示有漏洞时，就需要开发者自行寻找漏洞存在的原因以及自行纠正错误。系统的稳定性就是平台开发的过程中，平台的功能都能实现以及平台本身可维护性强。确保稳定性有利于为日后的开发提供更多可靠的信息。使得其他人员在了解这个平台的时候，能够清晰明了的获取平台的开发信息。同时在测试过程中能够发现平台的不足以及开发中可能会出现疏漏的问题，对发生错误的问题进行实际的分析，总结经验，能够为日后的维护开发提供极大的便利，只有保证了平台的质量才能让平台开发变得更加顺利。在本次所实现的社交平台中，采用了测试常见的黑盒测试。6.2测试方法在本系统的测试中，主要进行了功能测试和结构测试。进行功能测试，首先要对系统的功能结构明确后，使用黑盒测试的方法，验证系统功能是否如期实现。而确定能否实现预期的依据是忽略系统内部的结构特性，查看看系统表面上的功能是不是正常运行，接收到的数据和呈现的信息与发送的数据是不是能够对应上，如果对应上，就说明功能实现良好。结构测试就是对系统内部的运作情况的检测，明确系统内部的各个程序的运行，并且需要将系统程序在逻辑驱动器这样的软件上运行起来，查看所运行的程序在流程的实现上是否如预期设定那样的流程运行。过程中不论结果会不会产生偏差，不管运行的结果，功能是不是正常实现，只观察程序运行是否符合预期。如果符合预期，说明结构测试的结果是良好的。6.3测试方案测试方案的制定与按流程开展测试是测试任务的重中之重。经过测试得出的技术问题写在测试方案的内部。测试的目标是测试所发现的技术问题必须包含在测试之前所列举的可能出现的问题中。测试目标的一致是社交平台测试任务的立足之本，测试逻辑是否通过、界面是否通过、安全性是否符合既定标准。研究好所有的测试问题之后我们就可以有选择的使用黑盒测试或白盒测试。性能测试是黑匣子测试的另一个名称。在执行过程中会观察程序本身，主要是为了查看程序是否可以按照我们的预期进行使用，并查看我们的程序是否最终可以完全符合我们的设计。最后，我们需要了解所需的功能和数据存储，以确保我们程序的完整性能达到设定值，避免无法满足要求的情况出现。以下所说明了几种常用测试的测试方法。（1）模块测试模块测试就是模块化、区域化测试。顾名思义，它是在测试每个模块执行的功能是否可以实现并成功运行。该测试是在检测代码的实际设计和操作中的某些小程序的偏差，并修复这些错误。若完美运行且符合逻辑这意味着我们的模块测试非常成功。（2）集成测试：集成测试就是对系统的测试以及对其子系统的性能测试，它检查的是系统的包装程序信息并找出其中的问题。他的优势主要有以下这几点：资源耗费少、预先报备验证端口错误、容易定位错误位置、自下而上，精于中层解构等。（3）验收测试：验收测试是一个产品的开发周期中的一个验收的过程，是通过测试结果的输出检查是否达到了预期目标以及应用效果。验收测试的重点在于所设计的软件是不是符合了设计之初所规定的功能、操作界面是否准确、更多人性化的操作是不是能满足软件用户群体的需要等。验收测试是本次测试中最重要的测试方法，它使用黑盒测试的方式对系统进行测试。6.4测试用例为了便测试与结果评估，本次测试以用例测试的形式进行展示。预先设计了两个用户，管理员abo，密码abo；用户001，密码001。通过不同权限的人的登录测试来验证登录功能是否符合设计要求。管理员登录测试用例表6-1管理员登录功能测试表管理员登录功能测试编号T1名称管理员登录模块功能点登录校验是否可通过测试人开发者测试步骤1.进入系统登录首页，系统提示输出账户参数2.点击登录操作描述1.输入abo，密码12342.输入aaa，密码abo3.输入abo，密码abo期望输出1.提示密码错误2.提示账号不存在3.正确进入测试结果1.提示密码错误2.提示账号不存在3.正确进入用户登录测试用例表6-2用户登录功能测试表用户登录功能测试编号T2名称用户登录模块功能点登录校验是否可通过测试人开发者测试步骤1.进入系统登录首页，系统提示输出账户参数2.点击登录操作描述1.输入001，密码12342.输入111，密码0013.输入001，密码001期望输出1.提示密码错误2.提示账号不存在3.正确进入测试结果1.提示密码错误2.提示账号不存在3.正确进入6.5可用性测试可用性测试大多用于检测网站的理解性、操作性和学习性等方面的内容。具体测试方面如表6-3所示。表6-3网站可用性测试6.6综合测试测试时，我们必须考虑每个细节和功能。除了输入正确的数据进行测试之外，我们还需要弥补错误的数据。这需要我们的耐心和细心。由于该网站的设计是我的个人设计，因此错误是不可避免的，将有许多问题和不利之处。希望能够获得更多参考性的意见，以更改完善系统。综合测试就是通过所能了解到的不同的方式，通过不同的人群进行的白盒与黑盒测试。测试将从实际出发，通过正常使用社交平台来找出可能存在的设计漏洞从而进行修改。经过对以上测试结果的分析，根据用户的需求和需求设计考虑，本系统对社交平台的系统性管理能达到预期工作目标。所有基本功能均已实现与可执行，操作简单，系统运行良好且极具应用的意义和价值，值得推广。总体而言，软件通过测试。总结与展望社交平台经过测试已经证实其功能要求基本实现。在整个系统开发的过程中，出现了各种各样陌生的、困难的问题，不是想象中的那样简单。在开始确定毕业设计的题目后，就进行相关技术的理论学习，通过大量阅读相关文献以及开发文档，了解到目前科技前沿的技术，然后多种开发技术中选择出最合适的技术。当选择好技术后，接下来要做的就是进一步确定系统功能，设计系统框架，同时学习获取相关的理论知识，明确开发过程，确定每一个步骤，减少出现因为质量问题增加整个开发周期的事。当系统程序编辑好后，要做的就是配合测试用例对每一个功能模块进行检测，查漏补缺，使系统具备使用价值，因此需要进行模拟环境下的功能测试，以及测试整个系统工作的性能。整个社交平台开发下来，让我学到了做什么事情都不能一步登天，要进行相关的步骤分析以及一步一个脚印踏踏实实的进行开发，如果因为懒惰而在基础的步骤下开发不扎实，在后期工作汇总的时候，一个可能简单的错误有可能让自己耗费大量的时间排查，这样既不利于我们的开发工作也不利于整个系统的后期维护。我也学会了在软件编程下的逻辑。在系统功能较多的情况下，我们要改变我们的思维，要进行功能的分块获取，先实现小部分功能，再讲每个小部分结合起来，这样才能够对不同的功能保持清晰的方向进行编程。以及在系统软件开发过程中，我们软件运行的开始，我们要进行模块的初始化，只有在确保数据传输畅通的前提下，才能顺利的进行数据的判断。任何模块的配置环境都要达到相关标准，要不然就无法正常的获取数据。在整个社交平台的开发过程，我终于体会到什么叫做加脚踏实地。只有扎实的工作才能实现我们系统的开发，不应该想着投机取巧。在整个系统开发过程中，我们也考虑到相关及时性的要求，系统能在短时间进行数据采集以及判断。最后，所开发的平台只能实现几个简单的功能，只能够满足本次系统开发的目的。多余复杂的判断还需要进行后期的学习。在后期也可以添加不同的功能模块。

参考文献[1]沈皎佶.Vue.js技术在移动应用可视化平台网页设计中的应用[J].数码世界,2020(09):96-97.[2]邢永恒,杨振南,熊定胜.基于VUE的学生管理系统设计[J].信息与电脑(理论版),2020,32(17):100-102.[3]沈佳棋,倪珊,王杰,丁洁.基于Vue+SpringBoot的分类学科竞赛管理系统设计[J].无线互联科技,2020,17(17):74-77.[4]罗永梅.基于Vue的响应式数据可视化平台的设计与实现[J].信息技术与信息化,2020(09):20-22.[5]廖家莉,曹俊.web前端主流框架分析与对比[J].科技视界,2020(28):121-122.[6]何江,彭春晖,龚艺,王宁博.基于Vue.js框架的复合滤棒成型机上料检测系统开发[J].中国烟草学报,2020,26(05):60-65.[7]胡雅丽.基于Vue.js的“微商城”前端开发设计与实现[J].电子技术与软件工程,2020(20):34-35.[8]赵富强,严风硕,边岱泉,朱小波.基于Vue和SpringBoot的机场气象信息系统设计与实现[J].现代信息科技,2020,4(21):1-5+9.[9]王志文.Vue+Elementui+Echarts在项目管理平台中的应用[J].山西科技,2020,35(06):45-47.[10]陈晓,李杰,邱祺.基于Vue.js框架的智慧交通程序方案[J].信息技术与信息化,2020(11):240-243.[11]章跃庭.Vue-Element-Admin在广播电视员工线上培训系统中的应用[J].电视技术,2020,44(12):1-3.[12]纪梦达,姜放,张亚球.基于Vue.js框架的茶业信息管理平台的设计与开发[J].长春工程学院学报(自然科学版),2020,21(04):71-76+84.[13]马艳夕.基于SpringBoot与Vue技术的企业电商平台的设计与实现[J].信息与电脑(理论版),2021,33(03):99-100.[14]李云.基于Vue框架开发的学生管理系统[J].数字通信世界,2022(03):50-53.[15]李胜,段元梅.基于Vue的校园活动社交平台设计[J].无线互联科技,2022,19(01):44-45.[16]吴波,段元梅.基于Vue的音乐网站设计与实现[J].无线互联科技,2022,19(01):48-49.[17]熊柏祥.基于Springboot和Vue框架的考试资源服务平台的设计与实现[J].信息与电脑(理论版),2022,34(01):97-99+103.[18]赵龙,王风硕.基于Vue的图书销售系统设计与实现[J].电脑知识与技术,2021,17(36):81-82+85.DOI:10.14004/ki.ckt.2021.3570.[19]曹明昊.基于SpringBoot和Vue框架的邯郸市现代农业园区信息管理系统的研发[D].河北工程大学,2021.DOI:10.27104/ki.ghbjy.2021.000671.[20]王思辰,李林.基于Vue.js的电商管理平台的设计与实现[J].现代信息科技,2021,5(14):13-15+20.DOI:10.19850/ki.2096-4706.2021.14.004.[21]徐俊.基于Vue框架的阅读平台管理系统研究与设计[D].