SSM框架在互联网技术成长平台的应用

SSM框架在互联网技术成长平台的应用摘要PAGEI论文题目：SSM框架在互联网技术成长平台的应用摘要随着现在互联网技术的发展，社会对大学生的要求越来越高，并且在学校期间的话不能很好的学习到主流的互联网技术。所以针对现在火爆的互联网行业，很多大学生在学完大学的课程后不能很好的直接找到工作，对互联网基础知识的薄弱以及面试题目的不清晰。在面试的时候会发现面试官问的问题很多不知道会导致找工作困难，面临着“毕业就失业”的尴尬处境。这如今信息爆炸的时代，充分的汇聚互联网行业的知识，搜集大量的面试题目，以及汇聚一群志同道合的学习的好友，一同学习。所以互联玩技术成长平台是一个时代趋势的产物，它能够帮助的大学生的就业和技术成长。能够极大的弥补掉现有大学生经验不足的情况，提高面试成功机会和就业机会。本网站按照现实生活中实际的业务需求进行设计，采用Springboot框架进行开发，结合MyBatis技术，数据库存储采用主流的MySQL实现。在本文中对系统详细的需求分析，不同的模块划分，详细的功能设计以及最终的系统实现等进行了详细的阐述。根据本系统的特点，能够实时的知道当下社会的就业环境以及所需技巧。关键词：Spring；MyBatis；MySQL；Web开发ABSTRACTPAGEIThesistitle:applicationofSSMframeworkinInternettechnologygrowthplatformABSTRACTWiththedevelopmentofInternettechnology,thesocietyhashigherandhigherrequirementsforcollegestudents,andtheycan'tlearnthemainstreamInternettechnologywellinschool.Therefore,inthecurrenthotInternetindustry,manycollegestudentscannotfindjobsdirectlyafterfinishingcollegecourses,andtheyarenotclearaboutthebasicknowledgeoftheInternetandtheinterviewtopics.Duringtheinterview,itwillbefoundthatmanyquestionsaskedbytheinterviewerwillleadtothedifficultyoffindingajobandtheembarrassingsituationof"unemploymentupongraduation".Inthiseraofinformationexplosion,weshouldfullygathertheknowledgeoftheInternetindustry,collectalargenumberofinterviewquestions,andgatheragroupoflike-mindedlearningfriendstolearntogether.Therefore,theInternetplaytechnologygrowthplatformistheproductofaneratrend,whichcanhelpcollegestudents'employmentandtechnologygrowth.Itcangreatlymakeupforthelackofexperienceoftheexistingcollegestudentsandimprovetheinterviewsuccessopportunitiesandemploymentopportunities.Thiswebsiteisdesignedaccordingtotheactualbusinessrequirementsinreallife,developedwiththespringbootframework,combinedwithmybatistechnology,anddatabasestorageisimplementedwiththemainstreammysql.Inthispaper,thesystemdetailedrequirementsanalysis,differentmoduledivision,detailedfunctionaldesignandthefinalsystemimplementationaredescribedindetail.Accordingtothecharacteristicsofthissystem,wecanknowtheemploymentenvironmentandtherequiredskillsinrealtime.KEYWORDS:SpringBoot;Mybatis;MySQL;WebdevelopmentSSM框架在互联网技术成长平台的应用PAGE25目录目录TOC\o"1-3"\h\u198311绪论 1288741.1背景和意义 175041.2论文主要内容 135021.3本文的章节安排 2282742系统开发环境和关键技术 3152322.1系统概述及开发环境 3141982.2系统关键技术 3180842.2.1Spring框架 3191022.2.2MyBatis 4148692.2.3MySQL 524752.3本章小结 5205793需求分析和总体设计 6280353.1业务现状 6197763.2需求的提出及描述 6102063.3系统功能分析 633153.3.1在线答题以及在线编程 660403.3.2互联网知识学习 7163643.3.3技术交流、面试分享 7195473.3.4了解当下最流行的技术 7154213.4系统功能用例分析 7319263.4.1用户 7235173.4.2管理员 8219633.5系统数据流程分析 9125023.6功能模块设计 1092643.6.1用户登陆、管理员登陆 10159043.6.2在线编程 10103163.6.3求职论坛以及交流论坛 1083773.6.4课程管理模块 10274363.6.5考试模块 11192413.6.6题目管理模块 11120643.7数据库设计 1120213.7.1设计原则 113133.7.2概念模型设计 11259053.7本章小结 1435344系统功能实现 15248484.1首页设计 15274494.2在线编程实现设计 15122564.2.1编程题目展示以及信息设计 15111874.2.2编程题目展示以及信息的代码设计 16167264.2.1在线编程设计以及实现 16291314.3.2在线编程代码设计 1797944.3在线答题功能设计 17106314.3.1在线答题选择题目页面设计 17100224.3.2在线答题选择题目页面代码设计 1870904.4限时答题功能设计 18109494.4.1限时答题功能页面设计 1867634.4.2限时答题功能代码设计 1976174.5本章小结 19310415系统测试 20139295.1测试目的 20203255.2测试环境 2053165.3硬件测试 20201295.4测试用例 2146865.4.1用户登录界面测试 2115215.4.2管理员登录测试 21306475.4.3选择在线答题测试 21251555.4.4用户在线编程测试 22125975.5本章小结 22281716总结与展望 23312866.1总结 2337466.2展望 2325543参考文献 2413713致谢 241绪论1.1背景和意义随着现在互联网技术的发展，社会对大学生的要求越来越高，并且在学校期间的话不能很好的学习到主流的互联网技术。所以针对现在火爆的互联网行业，很多大学生在学完大学的课程后不能很好的直接找到工作，对互联网基础知识的薄弱以及面试题目的不清晰。互联玩技术成长平台是一个时代趋势的产物，它能够帮助的大学生的就业和技术成长。互联网技术成长平台能够更好的帮助应届毕业生实现对自己基础知识的查缺补漏，以及和志同道合的人一起交流，分享面试经历。能够促进相互的成长，能够更好的帮助的每个应届生找到自己想要的工作。在互联网行业技术发展日新月异，开发语言王座的不断更替，开源框架的不断迭代。仅仅依靠学校老师教授的知识很难与企业的需求对应起来。这样就面临了很多在学校学习的知识一出来就被社会所淘汰。这里不是说老师教授的知识无用，恰恰相反，在老师教授的基础知识以及其变通思想是我们需要用心学习的。要知道万变不离其中，没有什么东西能够脱离根基去搭建。所以我们在努力学习老师教授的知识的同时需要我们通过其他的平台去找寻当下的流行技术的资料并去学习。所以我觉得互联网技术成长平台的产生是很有必要的，减少了同学们去了解当下火爆技术的时间、查询技术的时间并且认识一群有相同需求的同学可以一起学习。以减少同学的查询时间、提升同学的技术知识以及扩展自己的好友范围这就是互联网技术成长平台创建的初衷。通过我这个毕业设计，我希望可以达到下面几点:减少同学去了解当下技术以及查询相关资料的时间，实时的同步技术的迭代，使得同学了解市场的行情。提供一系列的技术平台，如：在线编程窗口、知识卡片等等。以理论加实操的方式，在尽量短的时间下提升相关的技术。平台提供面经交流以及技术交流的论坛，使得同学们能够及时的分享自己面试经历，以及对技术的疑问。一起讨论相关的知识。1.2论文主要内容本文在充分了解现有的大学生毕业后的现状，从互联网市场局势和各大公司的需求出发，深入分析为什么毕业生出来找工作难得问题，阐述了互联网技术成长平台的现实背景和意义。通过对本网站的需求进行分析，设计出符合实际需求的功能模块，并对其中应用到的关键性技术进行了代码讲解和演示，并且也对数据库的研究和设计，以及高效的开发模式进行了深入探讨。在系统实现的章节中，对互联网技术成长平台的难点技术问题进行了具体讲解，并展示相关代码，而且也对本网站的核心业务做了介绍。最后，通过对网站的硬件、软件等方面进行测试，检验各功能标准达到设计要求，并且在总结和展望章节中对本网站的优缺点进行了总结，对网站将来的优化和升级提出了规划和标准。1.3本文的章节安排第一章绪论，描述了互联网技术成长平台的研究背景和开发意义，分析了国内外的研究现状。第二章网站开发环境和关键技术，着重对使用技术进行了详细介绍。第三章网站需求分析，本章中阐述了实际业务的现状，根据业务需求对网站功能点进行了划分，并绘制了用例图和数据流图。第四章网站的功能实现，对网站涉及到的核心业务的具体实现进行了展示，演示相关代码进行讲解。第五章系统测试，阐述了对系统进行全面的测试，同时也指出了测试中遇到的问题和解决办法。第六章总结与展望，进行了全文总结，对互联网技术成长平台的未来方向进行展望。

2系统开发环境和关键技术2.1系统概述及开发环境互联网技术成长平台主要是面向各大高校的毕业生以及即将走入社会的学生，主要使用人群为两类，一是岗位发布者，二想要学习以及交流工作的学生。采用线上的模式，分析现在社会的岗位需求，实时的反馈给在校学生。本网站开发基于SSM框架，开发人员使用Idea2019开发工具，结合MySQL数据库完成数据存储，配合适用Mybatis来查询，减少对sql的编写REF_Ref15473\r\h[1]。2.2系统关键技术2.2.1Spring框架首先介绍Spring框架，Spring框架是一个轻量级容量框架REF_Ref27310\r\h[2]，它最主要的核心技术是控制反转（IOC）和面向切面（AOP），其框架总体结构如下如图2-1所示。图2-1Spring架构Spring框架主要有七个模块组成：1.SpringCore：SpringCore是用来提供Spring框架的基本功能，它是工厂模式的具体实现，主要组件是BeanFactory。BeanFactory

使用控制反转

（IOC）模式，实现了把程序的配置和依赖性规范同实际的应用程序代码分开。2.SpringAOP：通过配置管理特性，SpringAOP模块将面向方面的编程功能，巧妙的集成到了Spring框架中。可以很容易地使Spring框架管理的任何对象支持AOP。SpringAOP模块为基于Spring程序中的对象提供了事务管理服务。3.SpringContext:Spring上下文是一个配置文件，向Spring框架提供上下文信息。Spring上下文包括企业服务，例如JNDI、电子邮件、国际化、EJB、校验和调度功能。4.SpringDao：JDBCDAO抽象层不仅提供了具有意义的异常层次结构，这层结构可用来管理异常处理和基于不同数据库供应商抛出的错误消息。这种异常层次结构不仅简化了错误处理，并且大大地减少了需要编写的异常代码数量（例如打开和关闭连接）。5.SpringORM：Spring框架插入了若干个ORM框架，从而提供了ORM的对象关系工具，其中包括JDO、Hibernate和iBatisSQLMap。所有这些都遵从Spring的通用事务和DAO异常层次结构。6.SpringWeb：Web上下文模块，其实是建立在应用程序上下文模块之上，为基于Web的应用程序提供了上下文。所以，Spring框架支持与JakartaStruts的集成。Web模块同时还精简了许多，比如处理多部分请求和将请求参数绑定到域对象的工作。7.SpringMVC：MVC框架是一个基于全功能构建Web应用程序的MVC实现。通过这个策略接口，MVC框架变成为可进行高度配置的，MVC容纳了大量视图技术，其中包括JSP、Velocity、Tiles、iText和POI。关于Springboot介绍，其实Springboot是所有基于Spring项目开发的原点，它的设计是为了用户能够用最短的时间跑起来Spring应用程序，同时也尽可能减少你的配置文件，而且默认配置了很多框架的使用方式，它有以下四个主要优点:1.他对一些常用依赖进行分组整合，将这些依赖融合到一个依赖中，这样用户就可以一次性添加到项目的Maven构建中。2.SpringBoot的自动配置特性则利用了对条件化配置支持的Spring4，不仅合理地推测应用所需的bean，而且并自动化配置他们REF_Ref15669\r\h错误!未找到引用源。。3.SpringBoot的CLI发挥了Groovy编程语言中的一部分优势，并结合自动配置进一步简化Spring应用的开发。4.引入spring-boot-start-actuator依赖，直接使用REST方式来获取进程的运行期性能参数，从而达到监控的目的，比较方便。2.2.2MyBatisMyBatis是一个优秀的持久层框架REF_Ref27450\r\h[3]，可以让开发人员专心编写sql，因为他对jdbc操作数据库的过程已经进行了封装，使开发者不用去关心一些复杂的逻辑，例如注册驱动，加载链接，得到statement，处理结果集等过程。

MyBatis运用注解和xml的方式，把各种要执行的sql语句联合配置起来，并通过Java对象和statement中的sql语句映射生成最终的sql语句，最后由MyBatis框架来执行sql语句，并将结果映射成Java对象返回。MyBatis通过配置文件创建sqlsessionFactory，sqlsessionFactory根据配置文件，配置文件来源于两个方面:一个是xml，一个是Java中的注解，获取sqlSession。SQLSession包含了执行sql语句的所有方法，可以通过SQLSession直接运行映射的sql语句，完成对数据的增删改查和事物的提交工作，用完之后关闭SQLSession。2.2.3MySQLMySQL是最流行的关系型数据库管理系统REF_Ref28273\r\h[4]，数据库存储引擎是数据库底层软件组织，数据库管理系统（DBMS）使用数据引擎进行创建、查询、更新和删除数据。不同的存储引擎提供不同的存储机制、索引技巧、锁定水平等功能，使用不同的存储引擎，还可以获得特定的功能。配合使用innoDB存储引擎，因为其支持事务、外键、以及回滚操作。在WEB应用方面MySQL是最好的关系型数据库之一。由瑞典MySQLAB公司开发，目前属于Oracle公司。MySQL是一种关联数据库管理系统，底层通过B+树进行存储，通过减低树高来加快数据查询，现在还可以通过联合索引、索引下推等一系列操作进行数据库查询优化。REF_Ref28580\r\h[5]选择Mysql主要是因为Mysql还有以下几大优点：Mysql支持大型的数据库。可以处理拥有上千万条记录的大型数据库。使用标准的SQL数据语言形式，可以允许于多个系统上，并且支持多种语言。支持大型数据库，32位系统表文件最大可支持4GB，64位系统支持最大的表文件为8TB，支持5000万条记录的数据仓库。2.3本章小结本章主要说明了互联网技术成长平台使用的技术框架，包括了Spring框架，Mybatis框架，Mysql数据库技术。着重研究了这些技术框架的背景，原理，还有一些工作原理和特性。MyBatis框架提供了良好的数据持久化机制。将这些框架和技术整合在一起，不但大大降低了系统开发的难度，而且也显著提高了开发效率。REF_Ref28662\r\h[6]

3需求分析和总体设计3.1业务现状在互联网技术快速迭代的时代下，国内教育面临的问题也逐渐明显，主要有以下几点：1.学校还在的技术稍显落后，如当现在社会技术已经是微服务的天下的时候，学校在初期仍然没有框架的概念，到后面才会开始接触SSH等这些稍显落后的技术。2.学校的信息相对闭塞，如果同学们没有有意的去关注当下社会的技术迭代以及就业形势的话，同学们会沉浸在自我满足的现状。不会去逼迫自己去学习，这样导致的后果会产生“一就业就失业”的窘迫。3.各个学校的学生之间的交流闭塞，虽然现如今的IM软件大行其道。但是还是缺少一个提供大学生讨论技术的一个整体环境，没有同学们交流技术的一个平台。分享自己的知识以及面试经历这样不仅帮助别人，同样也是提升自己的技术能力。3.2需求的提出及描述本平台的设计，希望能够改变同学们的观点，提升市场竞争力。整合技术成长、笔试刷题、技术交流三者的功能，为用户提供全面，精准的成长道路，更进一步的提高同学的就业竞争力需求主要有下面三个方面：1.提供用户的刷专业知识的网站，如基础知识、算法基础等等之类的笔试，更是可以定时定量的供于同学使用。2.提供同学们的面试以及技术之间的交流，促进同学们之间的交际圈，在提升技术的同时扩大自己的关系网。3.用户可实时关注如今社会的火爆技术，减少同学去了解当下技术以及查询相关资料的时间，实时的同步技术的迭代，使得同学了解市场的行情。3.3系统功能分析通过对互联网技术成长平台的需求的分析和设计，本系统的核心功能如下：3.3.1在线答题以及在线编程网站的所有题目都由管理员进行上传，即管理员只存在极少的几个账号，用户以游客或者学生的身份进行登陆或者体验的话，这里用户可以在线的测试自己的学习成果，无论是技术还是还是算法统统可以在线测试。3.3.2互联网知识学习在网站注册成功的用户可在互联网技术成长平台上学习自己感兴趣的知识，如数据库、java基础、网络、集合等等这类型的知识。3.3.3技术交流、面试分享用户可在互联网技术成长平台的讨论区分享自己的面试经历或者学习成果，也可以看别人的技术分享。看看别人的思路是不是与自己的相同以达到辩证的效果。实现不记名匿名方式，让交流更纯粹。3.3.4了解当下最流行的技术用户可在互联网技术成长平台上去了解行业的动态发展，了解行业动机，时刻把握自己的未来方向。3.4系统功能用例分析根据网站的实际需求分析得出，本网站的使用者主要分为两类：用户，网站管理员。下面根据UML用例图表示，可对系统的不同类型用户进行用例分析。REF_Ref28724\r\h[7]3.4.1用户当用户扮演学生身份时，可以通过互联网技术成长平台选择自己想要的功能，如：进行在线学习，减少同学去了解当下技术以及查询相关资料的时间，实时的同步技术的迭代，使得同学了解市场的行情。并提供一系列的技术平台；在线编程窗口以理论加实操的方式，在尽量短的时间下提升自己相关的技术；知识卡片凝练出知识点的精髓，让同学更快的掌握知识点。同时可以到论坛中参与到面经交流以及技术交流，使得同学们能够及时的分享自己面试经历，以及对技术的疑问。一起讨论相关的知识。用户主要可以在网站上选择在线编程，或者进行自我检查在限定时间内完成自己选择的题目，还可以在登录过后一起发帖与有相同想法的人一起交流成长，同时可以选择在网站上选择卡片学习。在网站中的功能用例图如下在系统中的功能用例图如下图3-1。图3-1用户用例图3.4.2管理员管理员主要是对平台的题目、以及行业动态进行更新。并且审核用户在论坛交流中的不正当言论、拥有禁言和封号的权力。管理员在网站中的功能用例图如下图3-2。图3-2管理员用例图3.5系统数据流程分析数据流图是在结构化开发方法中经常使用到的工具，同时他也是需求分析阶段的总结产出。它主要是以图形的方式来描绘数据在系统中所体现的流动性和处理过程，由于它只能反映系统必须完成的逻辑功能，所以他只是一种功能模型。REF_Ref28812\r\h[8]如下图3-3，用户在在线编程或答题的整个流程图3-3添加房源数据流图如下图3-4，管理员登录数据流图。该图描述的是管理员在进入后台系统时，输入用户名和密码，对网站的管理流程。图3-4管理员登录数据流图3.6功能模块设计互联网技术成长平台模块主要划分为两大模块：管理员模块，用户模块。管理员模块包括考试管理模块、课程管理模块、论坛审核模块、用户信息模块等五个功能。用户模块包含在线编程、登陆模块、个人信息模块、课程展示模块、求职论坛模块、考试模块功能。具体功能设计如图3-5。图3-5系统功能模块图设计功能细节设计如下：3.6.1用户登陆、管理员登陆用户在登陆页面上填写自己的账号密码就可以实现登陆3.6.2在线编程用户通过进入在线编程的页面上，对题目进行编写答案，不用再编译器上对代码进行编程。3.6.3求职论坛以及交流论坛用户注册之后，可以在论坛页面查看别人的发言以及面试经验，同时也可以分享自己得一些知识。3.6.4课程管理模块用户在课程页面可以查看当前平台支持的学习课程，并可以查看课程的具体内容，使得用户在技术上有所突破。3.6.5考试模块用户在可以在平台上选择自己的题目以及限制时间，可以自己查看对应的知识掌握程度。3.6.6题目管理模块管理员可以在后台录入题目发布，或者选择删除或修改对应的题目，。。3.7数据库设计3.7.1设计原则互联网技术成长平台的数据库设计应遵循以下几点：1.在设计初期，数据表中的字段应该根据具体的业务表中设计适当冗余，这样不仅可以满足业务需求，也可以减少降低数据库的负载，也可减少多表联合查询的情况发生。REF_Ref28874\r\h[9]2.在数据库设计中，合理的建立索引以及联合索引，同时对于频繁查询或者数据存储量较大的数据表建立主键以及索引，减少其回表的次数，便于提高查询效率。REF_Ref16532\r\h错误!未找到引用源。3.应该提前考虑到数据库的扩展性，合理的考虑数据库的三大范式。因为随着业务需求的变动和升级，数据库的结构设计要能满足新的业务需求。即使要进行改造，也要做到在原有的结构基础上尽可能减少改动，从而来实现新的业务需求，并且也要保证数据库的负载均衡和查询效率。4.要提前考虑好数据库的存储量级，做好数据分库和分表的方案，甚至与分布式的方案。REF_Ref28927\r\h[10]引用要放句号里。引用要放句号里。3.7.2概念模型设计E-R图也称实体-联系图，提供了一些表示实体类型、属性和联系的方法，用来描述现实世界的概念模型。对系统的需求进行抽象之后，绘制出了跟业务需求相对应的数据库E-R模型，以此作为互联网技术成长平台表结构设计的基础。如下图3-6。图3-6系统E-R图用户表有user_id，user_name，user_pass，user_sex，user_email，user_phone，user_school，user_img，user_jobyixiang九个字段，分别表示用户ID，用户名称、用户密码、用户性别、用户邮箱、手机、学校、头像、简介九个属性。如下表3-1。表3-1用户表字段名称字段类型默认值自增备注user_idint1100user_namevarchar2200user_passvarchar25500user_sexint10-1user_emailvarchar25500user_phonevarchar110-1user_schoolvarchar2550-1user_imgvarchar2550-1user_jobyixiangvarchar2550-1选择题题目表有work_id，choose_name，choose_ans，choose_level，choose_des，choose_ans_id，choose_ans_id，choose_type，choose_submit，choose_pass，choose_ans_des十个字段，分别表示题目id、题目名称、题目答案、题目等级、题目描述、答案id、题目类型、题目的提交量、题目的通过量、题目解析。如下表3-2。表3-2用户表字段名称字段类型默认值自增备注work_idint1100choose_namevarchar25500choose_ansvarchar500choose_levelvarchar1100choose_desvarchar25500choose_ans_idint1100choose_typevarchar25500choose_submitint1100choose_passint1100choose_ans_desvarchar2550-1空行。空行。房源信息表有choose_ans_id，choose_a，choose_b，choose_c，choose_d五个字段，分别表示选择题目答案id、A选项、B选项、C选项、D选项。如下表3-3。表3-3房源信息表字段名称字段类型默认值自增备注choose_ans_idint1100choose_avarchar25500choose_bvarchar25500choose_cvarchar25500choose_dvarchar25500空行。空行。编程题题目表有work_id，pro_name，pro_des，pro_level，pro_type，pro_answer，pro_submit，pro_pass，pro_ansdes十个字段，分别表示题目id、题目名称、题目答案、题目等级、题目描述、答案id、题目类型、题目的提交量、题目的通过量、题目解析。如下表3-4。表3-4需求信息表字段名称字段类型默认值自增备注work_idint1100pro_namevarchar25500pro_desvarchar25500pro_levelvarchar25500pro_typevarchar25500pro_answervarchar25500pro_submitint110-1pro_passint1100pro_ansdesvarchar2550-1空行。空行。评论信息表有comment_id，comment_des，work_id，comment_time，comment_fab五个字段，分别表示评论id、评论内容、题目id、评论时间、评论赞同。如下表3-5。表3-5评论信息表字段名称字段类型默认值自增备注comment_idint1100comment_desvarchar25500work_idint1100comment_timedate000comment_fabint110-13.7本章小结本章主要分析了互联网技术成长平台的系统需求设计，对数据库，以及系统设计的相关表结构进行了研究。其次对几大功能模块进行分析，通过E-R图和数据流程图的方式对互联网技术成长平台进行了辅助讲解。

4系统功能实现4.1首页设计网站首页主要有三部分组成：轮播图，导航栏和网站功能介绍以及入口展示，如下图4-1。图4-1首页14.2在线编程实现设计4.2.1编程题目展示以及信息设计选择进入在线编程页面，我们会看到所有的编程题目，并且针对不同的题目有不同的展示，针对其描述以及提交数以及通过率来决定是不是做这道题。如下图4-2。图4-2编程题库4.2.2编程题目展示以及信息的代码设计Controller层@RequestMapping(value="/topic",produces="text/html;charset=utf-8")@ResponseBodypublicStringqueryProwork(){List<Prowork>proworkList=codeSerivce.queryProwork();intcount=codeSerivce.count();//用json来传值JSONArrayjson=JSONArray.fromObject(proworkList);Stringjs=json.toString();//*****转为layui需要的json格式，必须要这一步，否则在页面上数据就是数据接口异常Stringjso="{\"code\":0,\"msg\":\"\",\"count\":"+count+",\"data\":"+js+"}";returnjso;}4.2.1在线编程设计以及实现在我们之前看到列表之后我们可以选择一道题目进行代码编写并运行。同时通过后台的测试用例进行判断这个代码编写是否正确。从而实现在线编程对自己编程能力的测试，不用去对应的编译器进行编写。并且我们可以看到对应的题目描述以及换题操作，如下图4-3，4-4示：图4-3编程页面图4-4编程成功页面4.3.2在线编程代码设计Controller层/***跳转到编程题目的编程页面*@parammodel*@paramreq*@return*/@RequestMapping("/onetopic")publicStringOnetoplc(Modelmodel,HttpServletRequestreq){StringworkIds=req.getParameter("workId");intworkId=Integer.valueOf(workIds);Proworkprowork=codeSerivce.queryProworkById(workId);model.addAttribute("prowork",prowork);return"oneTopic";}4.3在线答题功能设计4.3.1在线答题选择题目页面设计用户选择专向提升的时候，就会提示用户选择他想要刷的对应类型的题目，同时选择题目来源以及单次出题的数量。从而实现对知识点的巩固。REF_Ref28985\r\h[12]如下图4-5展示。图4-5题目选择4.3.2在线答题选择题目页面代码设计<!--弹出框--><script>functionxuanze(a){if(a==1){$("#chooseType").val("JAVA基础");}elseif(a==2){$("#chooseType").val("算法");}elseif(a==3){$("#chooseType").val("编程基础");}elseif(a==4){$("#chooseType").val("Spring");}//alert($("input[name='Storage1'][checked]").val());$('.bgPop,.pop').show();}</script>4.4限时答题功能设计4.4.1限时答题功能页面设计用户在选择完自己想要回答题目的类型以及难度之后，跳转到对应的答题页面，在答题页面我们会进行倒计时，并且对你的答题有一个进度条，同时在下面有对应的答题卡展示，可以通过答题卡知道是否存在未答题的题目以及实现但对题目的跳转。REF_Ref29207\r\h[13]页面如下图4-6所示：4-6答题页面4.4.2限时答题功能代码设计Controller层：@RequestMapping("/tijiao")publicStringtijiao(HttpServletRequestres,Modelmodel){List<Integer>chooseAnsList=newArrayList<>();List<String>chooseList7=newArrayList<>();StringchooseList1=chooseList.replace("[","");StringchooseList2=chooseList1.replace("]","");StringchooseList4=chooseList2.replace("","");String[]chooseList3=chooseList4.split(",");for(inta=0;a<chooseList3.length;a++){chooseList7.add(chooseList3[a]);}model.addAttribute("chooseList",chooseList7);model.addAttribute("chooseAnsList",chooseAnsList);return"ChooseTestAns";}4.5本章小结本章主要对互联网技术成长平台的主要界面进行了展示，并对其中一些逻辑复杂的功能进行了实现代码的展示和讲解。5系统测试5.1测试目的由于互联玩技术成长平台业务复杂、模块多，开发周期过长，设计难免会出现一下没有考虑到的点，在开发过程中也存在需求变化的状况。在开发过程中难免会出现一些没有想清楚需求的情况，产品研发出现盲点的情况，系统出现问题是难以逃避的事情。所以，网站发布之前的测试是非常重要的环节，为的就是在系统发布之前花最少的人力和时间发现系统存在的缺陷，并尽量减少错误的发生，防止系统正式上线后形成不可弥补的损失。如《产品需求规格说明书》。由于正确性是软件最重要的质量因素，所以功能测试必不可少。健壮性测试，测试软件系统在异常情况下能否正常运行的能力。健壮性有两层含义：一是容错能力，二是恢复能力。以及黑盒测试，测试人员在测试时将程序看作是一个不可以打开的黑盒子，在完全不考虑程序的内部结构是怎样设计的情况下，在接口进行测试，不需要关心程序是怎么具体实现的。REF_Ref29351\r\h[14]所以对互联玩技术成长平台进行测试，应从以下几点为测试目的：1.测试本系统的功能是否完全满足业务需求。2.测试运行的软件和硬件环境是否安全稳定。3.通过测试发现bug和错误。4.预测系统升级可能会造成的问题。5.预测用户操作系统会出现的问题。6.提供全面的测试报告。5.2测试环境1.系统测试环境：操作系统Window10，数据库软件MySQL。2.系统运行环境：客户端PC：处理器要求CPUi5以上，内存容量4G，硬盘容量1T。5.3硬件测试硬件测试主要对系统的运行服务器，数据库服务器以及网络测试。经过测试并未发现硬件存在问题，服务器运行稳定，硬件测试通过。5.4测试用例软件测试的目的是检验开发人员在操作系统时是否存在高负载情况，系统设计的功能模块是否满足需求设计，系统的数据是否能正常实现。系统的测试一般将黑盒测试和白盒测试一起进行，根据设计需求对模块的功能实现，数据的处理，以及界面的交互设计编写了较全面的测试用例。在对好房租赁网的测试过程中，测试人员发现了程序的一些bug，通过开发人员的改进，已经修复了类似问题，系统分功能测试顺利通过。REF_Ref29968\r\h[15]5.4.1用户登录界面测试用户登录测试用例如表5-1。表5-1用户登录测试表测试项测试类别操作期望结果登录登录测试账号：User密码：123登录成功登录登录测试账号：User密码：321登录成功5.4.2管理员登录测试管理员登录测试用例如表5-2。表5-2管理员登录测试表测试项测试类别操作期望结果登录登录测试账号：dabin密码：123登录成功登录登录测试账号：dabin密码：321登录成功5.4.3选择在线答题测试用户选择题目和数量测试操作如表5-3。表5-3用户选择题目和数量测试表测试项测试类别操作期望结果新增答题按钮测试点击操作正确弹出输入框选择题目数据提交测试点击操作正确进入对应数量的答题页面题目跳转按钮测试点击操作正确跳转到对应的题目考卷提交并返回结果考卷提交测试点击返回正确提交并返回结果5.4.4用户在线编程测试用户评论测试操作如表5-4。表5-4评论信息测试表测试项测试类别操作期望结果展示编程题目展示测试点击按钮显示所有编程题目和信息进入对应的编程题目点击测试点击对应的编程题目正确跳转到对应的编程页面编程实现测试功能完成代码编写并点击提交通过运行代码判断这个代码是否正确题目结果展示展示测试点击提交在对应的展示框里面显示对应的信息5.5本章小结本章对互联网技术成长平台系统的