心理健康服务系统的设计与实现

第1章引言1.1选题背景及意义1.1.1选题背景随着全球各范围内新冠疫情的爆发和持续，到现在的慢慢衰弱。但2023年疫情并没有结束，只是进入了一个新的疫情阶段，我们将进入后疫情时代，后疫情时代而不是疫情结束后，是与变异病毒共存成为常态化的时代。图1.SEQ图1.\*ARABIC1新冠肺炎大流行前后（即期间）重度抑郁症（A）和焦虑症（B）的全球患病率，按年龄和性别分列的病死率.2021年10月，发表在TheLancet上的一篇题为“Globalprevalenceandburdenofdepressiveandanxietydisordersin204countriesandterritoriesin2020duetotheCOVID-19pandemic”的综述，对2020年1月—2021年1月204个国家和地区由于新冠肺炎所致的抑郁和焦虑障碍情况，进行了汇总分析。该研究指出，若无新冠疫情影响，2020年全球抑郁症患病率约为2470.5/10万，焦虑症患病率约为3824.9/10万。但在新冠肺炎的影响下，2020年抑郁症患病率高达3152.9/10万、焦虑症患病率高达4802.4/10万。相比疫情前，疫情期间抑郁症、焦虑症患病率分别上升了25%和27%。可见这患病率上升数据是非常巨大的，如图1.图1.SEQ图1.\*ARABIC1新冠肺炎大流行前后（即期间）重度抑郁症（A）和焦虑症（B）的全球患病率，按年龄和性别分列的病死率.1.1.2选题意义后疫情时代人们的生活方式和心理健康受到了前所未有的挑战。长时间的社交隔离、经济不稳定、恐惧和焦虑等因素对个人和社会的心理健康产生了深远的影响。现如今还有许多的长新冠患者，由于疫情所导致的病毒性神经系统损伤所照成的各式各样的症状，但这些症状需要很长的时间才能恢复，随之这种久病不愈的心理状态就会导致产生焦虑症躯体化，使得他们生活质量大大下降，所以建立一个可以提供心理健康教育知识的平台显得十分有必要，心理健康对疾病治疗和康复具有积极转化效应，这可以让他们更快的摆脱后遗症，重新活力满满的回到生活当中。设计心理健康服务系统的目的之一就是寻找更有效、更便捷的方式来提供心理健康支持和服务，研究新冠疫情对人们心理健康的影响及其应对策略，提升人们的心灵素质，增强躯体健康。总之，建立一个后疫情时代心理健康服务系统变得有着深刻的意义。后疫情时代心理健康服务系统可以提供支持和帮助个人维护和改善疫情后产生的心理健康。针对性强，内容丰富且实时。此外，该系统可以通过提供早期干预和预防措施，帮助人们避免心理健康问题的发生。它可以提供心理教育、心理训练和心理健康促进活动，帮助人们建立积极的心理健康习惯和应对能力，减少心理健康问题的风险。可以提供心理支持和指导，帮助人们应对生活中的挑战和困难，提升个人的心理弹性和适应能力。1.2国内外发展现状后疫情时代心理健康服务系统是一种针对个体或群体心理健康需求的综合性服务系统，其发展趋势受到全球范围内心理健康意识的提升和数字化技术的快速发展的推动。随着疫情使得经济衰弱，身心健康受到威胁等危害，人们对心理健康的关注日益增加，心理健康服务系统变得更加重要。未来的发展趋势包括数字化平台的普及、数据驱动的个性化服务以及跨领域合作的加强，以满足日益多元化的心理健康需求。在文献梳理的过程中，众多学者和论文对后疫情时代心理健康服务系统进行了深入研究。他们强调了心理健康服务系统的个性化定制、数据驱动的倾向，以及多元化的心理健康干预方式。此外，市面上已存在的心理健康服务系统产品功能包括心理咨询、在线治疗、心理健康教育等，这些功能在一定程度上满足了用户的心理健康需求，但也存在使用体验不够便捷、服务内容不够精准等问题。通过对社会线下和网络中关于心理健康的考察，发现国内外心理机构大部分为线下经营，由于疫情的影响，也有不少机构尝试把服务搬到了线上，但同时，疫情也释放出了大量的心理需求，三年疫情遗留下来的心理“后遗症”，需要更多的心理服务人员作为专业服务者进行疏导与干预。随着心理健康认知的提升以及收入水平的提高，大众对心理健康服务的需求继而慢慢释放出来，市场潜力巨大。心理健康产业与创新技术的融合也为产业带来了新的发展机遇。1.3论文研究目标和内容本论文的研究内容是设计和实现一个基SpringBoot的心理健康服务平台，以提供心理支持，帮助用户应对焦虑、压力等心理健康问题。通过教育和宣传活动增进公众对心理健康的认识，传达心理健康重要性，并指导用户寻求支持。以Idea为开发工具，以Java为开发语言，后端使用SpringBoot技术，布局整个系统框架。前端使用Thymeleaf模板引擎，HTML5+CSS3，JavaScript，ElementUI，Bootstrap等技术用于实现平台的用户界面和交互通过这些功能，提升用户体验。考虑用户数据的安全性，MySQL数据库有具有良好的安全性，因此使用MySQL数据库用于存储平台的数据，能够确保用户信息的安全。以上都是为了可以更好地满足用户的心理健康服务需求，解决心理健康问题，增强个人心理弹性和适应能力，对提高用户心理健康水平和提高整个社会幸福感都是非常有益的。1.4论文结构安排第一章是引言部分，主要介绍本论文的研究背景和意义，概述主要研究内容，并分析国内外研究现状第二章涵盖系统需求分析，包括系统功能需求分析和系统非功能需求分析。第三章主要为系统设计，可行性分析，功能模块的总体设计。第四章主要为系统的开发与实现，介绍系统总体结构，功能模块及数据设计等。第五章主要为系统的测试，测试内容、测试方案以及测试结果。第六章是总结与展望。

第2章系统需求分析2.1系统功能需求分析2.1.1注册用户需求分析本系统为后疫情时代心理健康服务系统对于注册用户来说需要用户注册，查看心理健康新闻动态、热门文章心理健康相关视频，热门文章讨论，心理困惑咨询，心理状态互动，心理健康评测，心理康复视频等功能。用户可以在主页中查看心理相关的新闻动态文章和视频资源，在心理评测模块中可以填写心理健康评测表通过测评表预估自己的心理状态是否存在相应的问题。可以在发布的热门文章和热门事件中发表自己的看法留言。可以向管理员发送信息，发出自己的心图2.SEQ图2.\*ARABIC图2.SEQ图2.\*ARABIC1注册用户用例图2.1.2管理员需求分析图2.SEQ图2.\*ARABIC2系统管理员用例图图2.SEQ图2.\*ARABIC2系统管理员用例图2.2系统非功能需求分析可扩展性：系统应具备良好的可扩展性，能够支持大量用户同时访问和使用系统，以满足潜在的高峰期需求。响应时间：系统的响应时间应尽可能快，用户可以快速获取到所需的心理健康服务，减少等待时间，提高用户满意度。可用性：系统应具备良好的可用性，界面简洁明了，易于操作，用户可以轻松地找到所需的功能，并且系统应该具备良好的稳定性和可靠性，避免因系统故障而导致服务中断。安全性：用户的个人隐私数据是非常敏感的，系统需要采取适当的安全措施来保护用户数据的机密性和完整性，例如加密传输、访问控制等。可定制性：系统应具备一定的可定制性，允许管理员根据实际需求进行配置和调整，以满足不同用户群体的特定需求。合规性：系统应符合相关的法律法规要求，包括数据保护、隐私保护等方面的合规性要求。2.3本章小结后疫情时代心理健康服务系统的设计与实现的需求分析是为了确保系统能够满足用户的实际需求，并在功能和非功能层面提供高质量的服务。本章着重强调了系统的功能性需求，这些需求对于系统的整体性能和用户体验至关重要。我明确了系统的主要功能模块，其中有热门新闻资讯文章的阅读，心理康复视频、文章讨论，心理咨询、心理测评、心灵互动等。但不限于查看心理资源、进行心理咨询、使用心理评估工具、用户交流等。每个功能模块下还有子功能模块，可以细分为多个功能点，每个功能点都与用户需求相对应，确保系统的功能覆盖全面，能够满足用户的需求。通过这些功能用户能够方便的进行心理相关资源的了解，并根据个人心理状态获得针对性的康复治疗。同时除了功能性需求，非功能性需求同样至关重要，例如系统的安全性、响应时间、可用性等方面的要求都将直接影响到用户的满意度和系统的可靠性。此外，合规性和简易性也是关键的因素，系统需要符合相关法律法规要求并提供良好的用户支持，以确保用户能够安心使用系统并获得必要的帮助和指导。通过本章的撰写我对后疫情时代心理健康服务系统的功能性和非功能性有了很清晰的认识，为接下来的后续开发系统的工作中奠定了良好的基础，在接下来将深入了解并探讨如何满足用户的心理需求，以及如何构建一个既符合功能性需求又满足非功能性需求、合规性和简易性的心理健康服务系统。

第3章系统设计3.1系统总体设计图3.SEQ图3.\*ARABIC1后疫情时代心理健康服务系统总体功能图根据第2章的需求分析，设计并开发了注册用户、游客用户、系统管理员三大功能模块。后疫情时代心理健康服务系统总体功能设计结构图如下图图3.SEQ图3.\*ARABIC1后疫情时代心理健康服务系统总体功能图3.2系统功能模块设计图3.SEQ图3.\*ARABIC图3.SEQ图3.\*ARABIC2注册用户功能图图3.SEQ图3.\*ARABIC3系统管理员功能图注册用户的功能如下：用户注册登录：用户的注册与登录。服务大厅：查看新闻动态点击可以跳转到详情，查看管理员发布的精选视频，进入个人信息页，跳转到相应的功能模块。心灵互动：发布帖子，用户可以进行互动评论。新闻资讯：查看发布的新闻资讯，可以选择收藏，并且可以举报不实的新闻资讯。心理评测：进行心理评测、查看心理评测报告、导出心理评测报告。心理咨询：用户可以进行选择心理师进行心理咨询。系统管理员的功能如下：用户管理：对用户进行管理，例如修改用户信息，删除用户信息，设定用户属性等操作。服务大厅管理：管理员可以对服务大厅发布的精选视频或轮播图进行管理等操作。新闻资讯管理：对发布的新闻资讯信息进行审核，发布，修改，删除等操作，并且可以查看用户收藏信息。心灵互动管理：管理员可以对帖子信息，帖子评论进行管理，例如帖子的增加，修改，查找，删除等操作。心理评测管理：管理员可以进行对评测量表问题信息，问题选项信息，测评因子信息，测评计算公式，评测结果参考信息的管理。心理咨询：管理员可以对咨询记录信息，进行查看，添加，删除等操作。3.2.1心理咨询功能设计图3.图3.SEQ图3.\*ARABIC4心理咨询功能设计图图3.SEQ图3.\*ARABIC5心理咨询功能流程图3.2.2新闻资讯功能设计图3.SEQ图3.\*ARABIC5心理咨询功能流程图图3.6新闻资讯功能设计图图3.7新闻资讯功能流程图图3.7新闻资讯功能流程图3.2.3心灵互动功能设计图3.SEQ图3.\*ARABIC8心灵互动功能设计图3.2.4心理评测功能设计图3.SEQ图3.\*ARABIC9心理评测功能设计图3.2.4服务大厅功能设计图3.SEQ图3.\*ARABIC10服务大厅功能设计图3.3数据库设计3.3.1数据库E-R模型设计图3.图3.SEQ图3.\*ARABIC11系统数据库E-R模型3.3.2实体属性设计图3.SEQ图3.\*ARABIC图3.SEQ图3.\*ARABIC12注册用户实体属性图图3.SEQ图3.\*ARABIC图3.SEQ图3.\*ARABIC13咨询请求实体属性图图3.SEQ图3.\*ARABIC图3.SEQ图3.\*ARABIC14心理评测表实体属性图图3.SEQ图3.\*ARABIC图3.SEQ图3.\*ARABIC15互动帖子实体属性图3.3.2数据库详细表设计图3.SEQ图3.\*ARABIC16本系统的数据库关系模型DMD图（1）系统数据库表概览表3.SEQ表3.\*ARABIC1本系统数据库表概览表序号表名表含义字段数关联表1Sys_User用户表14User2Sys_Posts帖子信息表10User3Sys_Scale心理测评量表13User4Sys_mental_Knowledge心理健康知识表10User5Sys_scale_Answer选项信息表9User6Sys_Comment评论信息表10User7Sys_Report举报信息表9User8sys_Message_record咨询信息记录表6User9Sys_Scale_result测评结果信息表7User（2）系统用户Sys_User表的设计表3.SEQ表3.\*ARABIC2系统用户表结构字段数据类型字段名备注user_idbigint主键ID主键login_namevarchar登录账号user_namevarchar登录昵称user_typevarchar用户类型（00系统用户01注册用户）emailvarchar邮箱phonenumbervarchar手机号码sexchar用户性别（0男1女2未知）birthdata生日avatarvarchar头像路径passwordvarchar密码（通过哈希值加密）saltvarchar盐加密statuschar帐号状态（0正常1停用）create_timedatetime创建时间remarkvarchar备注（3）帖子信息Sys_Posts表的设计表3.SEQ表3.\*ARABIC3帖子信息表结构字段数据类型字段名备注posts_idbigint帖子id主键user_idbigint发帖用户idposts_titlevarchar帖子标题

posts_contentlongtext帖子内容posts_imagevarchar封面comment_numbigint帖子的回复的数量create_timedatetime帖子发布时间update_timedatetime帖子更新时间last_com_user_idbigint最后回复者idlast_com_timedatetime最后回复时间（4）心理测评量Sys_Scale表的设计表3.SEQ表3.\*ARABIC4心理测评量表结构字段数据类型字段名备注scale_idbigint测评id主键scale_titlevarchar测评标题scale_detailslongtext测评详情user_idvarchar(255)发布者用户idstatusbigint状态（0正常1停用）formula_idchar量表的总分计分公式scale_typebigint类型early_warning_scorechar预警分数start_timedouble测评开始时间scale_timedatetime测评时间end_timedatetime测评结束时间create_timedatetime创建时间update_tiemdatetime更新时间（5）心理健康知识Sys_mental_Knowledge表的设计表3.SEQ表3.\*ARABIC5心理健康知识表结构字段数据类型字段名备注mental_knowledge_idbigint心理健康知识id主键mental_knowledge_titlevarchar心理健康知识标题mental_knowledge_contentlongtext心理健康知识内容mental_knowledge_authorvarchar作者PublishTimevarchar发布老师账号mental_knowledge_filevarchar文件（图片、音频、视频）存放路径mental_knowledge_typevarchar知识类别statusint审核状态create_timedatetime创建时间update_timedatetime更新时间（6）选项信息Sys_scale_Answer表的设计表3.SEQ表3.\*ARABIC6心理健康知识表结构字段数据类型字段名备注answer_idbigint测评答案id主键question_idbigint测评问题idquestion_contentvarchar问题题目factor_idbigint因子idscale_idbigint测评量表idanswer_optionvarchar选项scoredouble得分create_timedatetime创建时间update_timedatetime更新时间（7）评论信息Sys_Comment表的设计表3.SEQ表3.\*ARABIC7评论信息表结构字段数据类型字段名备注comment_idbigint评论id主键posts_idbigint帖子iduser_idbigint用户iduser_namevarchar评论者头像Namevarchar用户名称parent_user_idbigint父评论的用户id(user_id)parent_comment_idbigint父评论idcontentlongtext评论内容create_timedatetime创建时间update_timedatetime更新时间（8）举报信息Sys_Report表的设计表3.SEQ表3.\*ARABIC8举报信息表结构字段数据类型字段名备注report_idbigint举报id主键posts_idbigint被举报帖子idposts_commentlongtext被举报内容report_typevarchar举报类型report_commentvarchar举报内容report_user_idbigint举报者idfeedbackchar反馈信息create_timedatetime创建时间update_timedatetime更新时间（9）咨询信息记录sys_Message_record表的设计表3.SEQ表3.\*ARABIC9咨询信息记录表结构字段数据类型字段名备注message_idbigint信息id主键login_namevarchar登录账号to_login_namevarchar接受者登录账号message_typetinyint1.文本，2.图片message_contentlongtext信息内容create_timedatetime创建时间（10）测评结果信息Sys_Scale_result表的设计表3.SEQ表3.\*ARABIC10测评结果信息表结构字段数据类型字段名备注result_idbigint测评结果id主键scale_idbigint测评量表idscale_titlevarchar测评量表标题result_contentlongtext分数范围和结果提示result_detailslongtext测评建议create_timedatetime创建时间update_timedatetime更新时间3.4本章小结本章主要介绍了后疫情时代心理健康服务系统的设计与实现中的系统设计。首先，通过需求分析明确所需要的用户和功能，设计了当中所需要的各种数据表，为。接着在系统设计中采用了Java语言和MySQL数据库，利用SpringBoot框架，前端采用Thymeleaf模板框架，HTML5+CSS3，JavaScript实现响应式页面，后端采用Springboot框架实现业务逻辑处理和数据持久化。经过本章的撰写详细阐述了系统设计的核心部分，包括用户管理、心理咨询、心理测评模块等。也完整的设计出了系统一些数据表的设计，使得接下来的设计思路有了更加明确的方向。

第4章系统开发与实现4.1系统技术选型本系统主要以JAVA语言为开发基础语言，MySQL为主要存储数据库。后端使用SpringBoot技术为主要框架。采用Idea，MySQL作为主要开发工具，前端使用的技术有Thymeleaf模板引擎，HTML5+CSS3，JavaScript等，并采用ElementUI，Bootstrap组件等用来美化界面4.2开发环境建立操作系统：Microsofitwin1064位开发语言：Java、HTML、JavaSript开发框架：SpingBoot开发工具；Idea、MySQL、VSCode4.2.1相关技术的特点(1)SpringBoot框架简介SpringBoot是旨在简化Spring应用程序开发的框架，它摆脱了繁琐的手动配置文件。通过引入自动配置类的Jar包，根据某些类是否存在来自动导入特定配置类。开发者可以按照SpringBoot的约定编写配置类，并将其交给框架管理，框架会根据逻辑代码自动进行所需类的配置。(2)MySQL的特性MySQL是一款功能强大的关系型数据库管理系统，因其开源、跨平台、高性能、支持事务、强大的存储引擎和活跃的社区支持而备受开发者青睐。由于MySQL底层数据结构的优势，具备高效的查询性能，尤其在范围查询方面表现出色。MySQL支持多种存储引擎，每个存储引擎都有独特特性和适用场景，例如InnoDB存储引擎提供了故障恢复功能。此外，MySQL通过MVCC事务锁技术控制不同事务间的交互，避免读写冲突，从而提高并发执行读写操作的效率。4.3用户模块的实现图4.SEQ图4.\*ARABIC1主页信息分享实现界面1图4.SEQ图4.\*ARABIC2主页信息分享实现界面24.3.图4.SEQ图4.\*ARABIC1主页信息分享实现界面1图4.SEQ图4.\*ARABIC2主页信息分享实现界面2其核心代码如下：<!--搜索--><divstyle="height:50px;"><formmethod="post"action="/system/user/toIndex"id="listform"><listyle="height:50px;float:right;margin-bottom:5px;margin-right:18px;list-style-type:none;"><inputtype="submit"value="搜索"style="height:37px;width:80px;float:right;color:#ffffff;border:solid0.5pxgreenyellow;border-radius:4px;;outline-style:none;background-color:#1787e0"onclick="changesearch()"><spanclass="icon-search"style="margin-right:10px;margin-top:13px;"></span><inputtype="text"placeholder="请输入搜索关键字"th:value="${mentalKnowledgeTitle}"name="mentalKnowledgeTitle"class="input"style="padding-left:2px;border:2pxsolid#5f5f5f;border-radius:5px;height:37px;width:200px;background-color:#f8faf7;float:right;margin-right:5px"/></li></form></div><hr/><divstyle="width:1200px;height:423px;"><!--新闻资讯--><divclass="am-u-md-4am-u-sm-12blog-sidebar"><divclass="blog-sidebar-widgetblog-bor"><h2class="blog-text-centerblog-title"><span>新闻资讯</span></h2><divstyle="text-align:left"><th:blockth:each="mentalKnowledge:${mentalKnowledgeList}"><astyle="font-size:15px;"th:href="@{'/system/knowledge/mentalKnowledge/'+${mentalKnowledge.mentalKnowledgeId}}"th:text="${mentalKnowledgeStat.index+1}+'、'+${mentalKnowledge.mentalKnowledgeTitle}"></a><hrstyle="margin-top:0.6rem;margin-bottom:0.4rem"/></th:block></div></div></div><!--心灵互动--><divclass="am-u-md-4am-u-sm-12blog-sidebar"><divclass="blog-sidebar-widgetblog-bor"style="text-align:right"><h2class="blog-text-centerblog-title"><span>心灵互动</span></h2><divstyle="text-align:left"><th:blockth:each="posts:${postsList}"><astyle="font-size:15px;color:#5f5f5f"th:href="@{'/posts/'+${posts.postsId}}"th:text="${postsStat.index+1}+'.  '+${roAll(posts.postsTitle,16)}"></a><spanstyle="font-size:12px;float:right"th:text="${commons.dateFormat(posts.createTime)}"></span><hrstyle="margin-top:0.6rem;margin-bottom:0.4rem"/></th:block></div></div></div><!--阅读排行榜--><divclass="am-u-md-4am-u-sm-12blog-sidebar"style="float:right;width:360px;"><divclass="blog-sidebar-widgetblog-bor"><h2class="blog-text-centerblog-title"><span>通知公告</span></h2><divstyle="text-align:left"><th:blockth:each="notice:${noticeList}"><astyle="font-size:15px;"th:href="@{'/system/notice/noticeDetails/'+${notice.noticeId}}"th:text="${noticeStat.index+1}+'.'+${roAll(notice.noticeTitle,16)}"></a><spanstyle="font-size:12px;float:right"th:text="${commons.dateFormat(notice.createTime)}"></span><hrstyle="margin-top:0.6rem;margin-bottom:0.4rem"/></th:block></div></div></div></div>4.3.2登录注册页面图4.SEQ图4.\*ARABIC3登录页面图4.SEQ图4.\*ARABIC4注册页面其核心代码如下：<divclass="signinpanel"><divclass="row"style="width:1000px;height:478px;"><divclass="col-sm-5"style="margin-left:475px;margin-top:100px;"><formid="signupForm"autocomplete="off"><h4class="no-margins">登录：</h4><inputtype="text"name="username"class="form-controluname"placeholder="用户名"value="admin"/><inputtype="password"name="password"class="form-controlpword"placeholder="密码"value="admin123"/><divclass="rowm-t"th:if="${captchaEnabled==true}"><divclass="col-xs-6"><inputtype="text"name="validateCode"class="form-controlcode"placeholder="验证码"maxlength="5"/></div></div><divclass="checkbox-custom"th:if="${isRemembered}"th:classappend="${captchaEnabled==false}?'m-t'"><inputtype="checkbox"id="rememberme"name="rememberme"><labelfor="rememberme">记住我</label></div><buttonclass="btnbtn-successbtn-block"id="btnSubmit"data-loading="正在验证登录，请稍后...">登录</button><strongth:if="${isAllowRegister}"><ath:href="@{/register}">立即注册»</a></strong></form></div></div></div>4.3.3新闻资讯功能图4.SEQ图4.\*ARABIC5新闻资讯功能实现界面1图4.SEQ图4.\*ARABIC6新闻资讯功能实现界面2其核心代码如下：<divclass="am-gam-g-fixedblog-fixedindex"style="padding-top:100px;color:#5f5f5f;background-color:#ffffff"><divclass="am-g-fixed"style="max-width:1280px"><divstyle="margin:0auto;background-color:#ffffff;width:1240px;height:250px"><imgth:src="@{/foreground/assets/img/poster1.png}"width="1200px"height="250px"></div><divstyle="margin-top:20px"><astyle="font-size:25px;color:#279F32"th:href="@{/system/user/toIndex}">首页 ></a><astyle="font-size:25px;color:#279F32"> 新闻资讯</a><formmethod="post"action="/system/knowledge/toKnowledgePage"id="listform"><listyle="height:50px;float:right;margin-bottom:5px;margin-right:18px;list-style-type:none;"><inputtype="submit"value="搜索"style="height:37px;width:80px;float:right;color:#ffffff;border:solid0.5pxgreenyellow;border-radius:4px;;outline-style:none;background-color:#1787e0"onclick="changesearch()"><spanclass="icon-search"style="margin-right:10px;margin-top:13px;"></span><inputtype="text"placeholder="请输入搜索关键字"th:value="${mentalKnowledgeTitle}"name="mentalKnowledgeTitle"class="input"style="padding-left:2px;border:2pxsolid#5f5f5f;border-radius:5px;height:37px;width:200px;background-color:#f8faf7;float:right;margin-right:5px"/></li></form></div><hr/></div><divclass="am-u-md-8am-u-sm-12"><!--文章遍历并分页展示--><divth:each="mentalKnowledge:${mentalKnowledges.list}"><articleclass="am-gblog-entry-article"><divclass="am-u-lg-6am-u-md-12am-u-sm-12blog-entry-img"><imgwidth="30%"class="am-u-sm-12img-rounded"style="border-radius:6%;max-height:203px"th:src="@{${commons.show_thumb(mentalKnowledge)}}"/></div><divclass="am-u-lg-6am-u-md-12am-u-sm-12blog-entry-text"><!--文章分类--><spanclass="blog-color"style="font-size:15px;color:#5f5f5f"><a>心理健康知识</a></span><span>   </span><!--发布时间--><spanstyle="font-size:15px;"th:text="'发布于'+${commons.dateFormat(mentalKnowledge.createTime)}"></span><h2><div><astyle="color:#0f9ae0;font-size:20px;"th:href="${commons.mentalKnowledgePermalink(mentalKnowledge.mentalKnowledgeId)}"th:text="${mentalKnowledge.mentalKnowledgeTitle}"></a></div></h2>图4.SEQ图4.\*ARABIC7心灵互动功能实现界面1图4.SEQ图4.\*ARABIC8心灵互动功能实现界面24.3.图4.SEQ图4.\*ARABIC7心灵互动功能实现界面1图4.SEQ图4.\*ARABIC8心灵互动功能实现界面2其核心代码如下：<divclass="am-gam-g-fixedblog-fixedindex"style="padding-top:100px;color:#5f5f5f;background-color:#fbfffd"><divclass="am-g-fixed"style="max-width:1280px"><divstyle="margin:0auto;background-color:#ffffff;width:1240px;height:250px"><imgth:src="@{/foreground/assets/img/poster3.png}"width="1200px"height="250px"></div><divstyle="margin-top:20px"><astyle="font-size:18px;color:#5f5f5f"th:href="@{/system/user/toIndex}">首页 ></a><astyle="font-size:18px;color:#5f5f5f"> 心灵互动</a><formmethod="post"action="/system/Posts/toPosts"id="listform"><listyle="height:50px;float:right;margin-bottom:5px;margin-right:18px;list-style-type:none;"><inputtype="submit"value="搜索"style="height:37px;width:80px;float:right;color:#ffffff;border:solid0.5pxgreenyellow;border-radius:4px;;outline-style:none;background-color:#1787e0"onclick="changesearch()"><spanclass="icon-search"style="margin-right:10px;margin-top:13px;"></span><inputtype="text"placeholder="请输入搜索关键字"th:value="${postsTitle}"name="postsTitle"class="input"style="padding-left:2px;border:2pxsolid#5f5f5f;border-radius:5px;height:37px;width:200px;background-color:#f8faf7;float:right;margin-right:5px"/></li></form></div><hr/></div><divclass="am-u-md-8am-u-sm-12"><!--文章遍历并分页展示--><divth:each="posts:${postsPageInfo.list}"><!--发布时间--><articleclass="am-gblog-entry-article"style="margin:1rem0;padding-bottom:1rem;max-width:780px;background-color:#fbfffd"><divclass="am-icon-comment-o"style="font-size:16px;width:62px;float:left;background-color:#fbfffd"><astyle="color:#5f5f5f"th:text="${mentNum}"></a><!--<span>   </span>--></div><divclass="am-u-lg-6am-u-md-12am-u-sm-12blog-entry-text"style="width:550px;min-height:80px;float:left;background-color:#fbfffd"><divstyle="font-size:16px;width:540px;;background-color:#fbfffd"><astyle="background-color:#fbfffd;"th:href="${commons.postsPermalink(posts.postsId)}"th:text="${roPostsPostsTitle(posts,32)}"></a></div><span><br></span><!--文章摘要overflow:hidden;text-overflow:ellipsis超出隐藏超出用...代替--><divstyle="background-color:#fbfffd;overflow:hidden;text-overflow:ellipsis;font-size:14px;width:500px;max-height:300px;;"th:utext="${posts.postsContent}"></div></div><!--发布时间发布者最后评论时间最后评论者--><divclass="blog-coloram-icon-user"style="font-size:14px;width:160px;margin-bottom:5px;float:right;background-color:#fbfffd"><spanstyle="font-size:12px;"th:text="发布者:          '+${posts.userId}"></span></div><divclass="blog-coloram-icon-clock-o"style="font-size:14px;width:160px;margin-bottom:5px;float:right"><spanstyle="font-size:12px;"th:text="${commons.dateTimeFormat(posts.createTime)}"></span></div><divclass="am-icon-user"style="font-size:14px;width:160px;margin-bottom:5px;float:right"><spanstyle="font-size:12px;"th:text="'最后评论者：'+${posts.lastComUserId}"></span></div><divclass="am-icon-clock-o"style="background-color:#fbfffd;font-size:14px;width:160px;margin-bottom:5px;float:right"><spanstyle="font-size:12px;"th:text="${commons.dateTimeFormat(posts.lastComTime)}"></span></div></article></div>图4.SEQ图4.\*ARABIC9心理健康评测实现图14.3.5图4.SEQ图4.\*ARABIC9心理健康评测实现图1图4.SEQ图4.\*ARABIC图4.SEQ图4.\*ARABIC10心理健康评测实现图2$(function(){//获取考试时间varscaleTime=$("#scaleTime").val();vari=1/5;vartestTiem=scaleTime*i;show_time(scaleTime*60);test_time(testTiem*60);$("#suBmi").click(function(){if(show_time)varflag=confirm("确定要提交测评吗？");if(flag){returntrue;}else{returnfalse;}});});functionshow_time(totalTime){if(totalTime==0){alert("请在规定时间内答完题目，以确保测评信息准确！请重新开始！");//window.history.back(-1);window.location.reload();}varremainTime=totalTime-1;varmin=remainTime/60;min=parseInt(min);vars=remainTime%60;if(s<10){s="0"+s;}if(min<10){min="0"+min;}varstr=min+":"+s;$("#sp4").text(str);setTimeout("show_time("+remainTime+")",1000);}functiontest_time(totalTime){if(totalTime==0){//可提交时间结束后显示提交按钮$(".suBmi").show();varstr2="可提交时间：已可以提交（如果提交不了，请检查是否每一题都选上了）";$("#ft5").text(str2);}varremainTime=totalTime-1;varmin=remainTime/60;min=parseInt(min);vars=remainTime%60;if(s<10){s="0"+s;}if(min<10){min="0"+min;}varstr=min+":"+s;$("#sp5").text(str);setTimeout("test_time("+remainTime+")",1000);}4.3.6心灵咨询功能图4.SEQ图4.\*ARABIC11心灵资讯功能实现界面1图4.SEQ图4.\*ARABIC12心灵咨询功能实现界面2其核心代码如下：vartoName;varusername;varteacherLoginName=$("#teacherLoginName").val();$(functionshowChat(){toName=teacherLoginName;vardiv1=document.getElementById('content');div1.scrollTop=div1.scrollHeight;$("#content").css("visibility","visible");$("#content").html("");$("#Inchat").html("正与"+"  "+toName+"  "+"聊天");varchatData=sessionStorage.getItem(toName);if(chatData!=null){$("#content").html(chatData);}})$(function(){$.ajax({url:"/getUsername",success:function(res){username=res;},async:false});//建立websocket连接varws=newWebSocket("ws://:80/chat");ws.onopen=function(evt){$("#username").html("<h3style=\"text-align:center;float:left;font-size:16px;margin:20px0020px;\">用户："+username+"</h3><h3style='text-align:center;font-weight:bolder;float:right;margin:20px20px00;color:#55e077;'>在线</h3>");}ws.onmessage=function(evt){vardataStr=evt.data;varres=JSON.parse(dataStr);if(res.isSystem){varnames=res.message;varuserlistStr="";userlistStr+="<astyle=\"margin-left:16px;color:#5f5f5f;margin-top:5px;font-size:16px\"onclick='showChat(\""+teacherLoginName+"\")'>"+teacherLoginName+"</a></br>";varbroadcastListStr="";for(varnameofnames){if(name!=username){broadcastListStr+="<pstyle='margin-left:5px;color:#5f5f5f;margin-top:2px;font-size:14px'>["+senDtime+"]<pstyle='margin-left:10px;color:#5f5f5f;font-size:16px'>"+name+"上线了</p></p>";}$("#hyList").html(userlistStr);$("#xtList").html(broadcastListStr);}else{vardataRes=res.messagedataRes=showEmoji(dataRes);varstr="<pstyle='float:left;margin-left:5px;color:#5f5f5f;font-size:14px'>["+senDtime+"]</br><spanid='mes_left'style='margin-left:5px;'><spanstyle='font-size:16px'>"+res.fromName+"：</span><spanstyle='padding:05px05px;background-color:#e5eaff;border-radius:5px;font-size:16px'>"+dataRes+"</span></span></p></br></br></br></br></br></br></br>";if(toName==res.fromName){$("#content").append(str);}varchatData=sessionStorage.getItem(res.fromName);if(chatData!=null){str=chatData+str;}vardiv1=document.getElementById('content');div1.scrollTop=div1.scrollHeight;sessionStorage.setItem(res.fromName,str);}}ws.onclose=function(ev){$("#username").html("<h3style=\"text-align:center;\">用户："+username+"<span>-离线</span></h3>");}$("#submit").click(function(){vardata=$("#input_text").val();data=showEmoji(data);$("#input_text").val("");varjson={"toName":toName,"message":data};varstr="<pstyle='margin-right:5px;color:#5f5f5f;font-size:14px;float:right'>["+senDtime+"]</br><spanid='mes_right'style='margin-right:5px'><spanstyle=';padding:05px05px;background-color:#e5eaff;border-radius:5px;font-size:16px'>"+data+"</span><spanstyle='font-size:16px'>："+username+"</span></span></p></br></br></br></br></br></br></br>";$("#content").append(str);vardiv1=document.getElementById('content');div1.scrollTop=div1.scrollHeight;varchatData=sessionStorage.getItem(toName);if(chatData!=null){str=chatData+str;}//setItem(key:string,value:string):void;sessionStorage.setItem(toName,str);$.ajax({type:"post",url:"/system/message_record/addMessag