目录

0781springboot心灵治愈交流平台

项目清单 包安装运行 官网地址 http://chenqi1990.site

0781springboot心灵治愈交流平台

https://raw.githubusercontent.com/GraduationProject-springboot/.github/main/img/wx.png

github 项目仓库 开源仅有后端代码

点击播放视频 ▼

https://i.sstatic.net/Vp2cE.png

绪论

1.1研究背景

随着网络不断的普及发展,心灵治愈交流平台依靠网络技术的支持得到了快速的发展,首先要从用户的实际需求出发,通过了解用户的需求开发出具有针对性的首页、系统公告、心理咨询师、心灵专栏、压力测试、小纸条、个人中心、后台管理、聊天功能,利用目前网络给用户带来的方便快捷这一特点对系统进行调整,设计的系统让用户的使用起来更加方便,本系统的主要目的就是给用户带来快捷与高效、安全,用户只要在家中就可以进行操作[1]。同时随着电子商务的发展网上心灵治愈交流平台已经受到广大用户的关注。

互联网发展至今,已经解决了很多我们解决不了的难题,使得我们工作更加便捷,提高了我们的工作效率。目前各行各业都在运用网络信息管理程序,不同的用户也都接触到信息管理,特别是在各大电商行业广泛的应运起来。通过对当前网络环境发展的分析与总结,开发心灵治愈交流平台可以改变以往的交流方式,改变传统线下心灵治愈交流平台的状态,由于用户的不断增多,使用传统的线下心灵治愈交流平台模式已经远远不能满足于用户需求了,而且越来越多的心灵咨询工作室也在开通线上进行心灵治愈交流平台,所以开发一个心灵治愈交流平台可以解决心灵咨询工作室不利于线下心灵治愈交流平台的问题,同时心灵咨询工作室可以利用网络对心灵咨询进行管理,设计的网站保证信息的完整安全,这样才能提高工作效率,保证系统安全正常的运行[2]。

1.2研究现状

在国外他们的信息技术的发展是我国的许多倍,从1946年诞生在美国的世界上第一台计算机开始,国外的信息技术就一直在飞速地发展,一些计算机应用软件也纷纷出现,软件技术也一直在不断完善和更新[3]。软件行业早已遍布各个地方。

在国内,我国信息技术发展起步比较晚,后期慢慢的不断地进行优化和改革,才让我们的信息技术上升到新的阶段。在现在软件开发的技术经过大量研究和生活实践基本能够达到独立开发系统应用的水平,生活中的各个行业也把软件操作替换成传统的记录模式。软件行业正是现在比较热门的行业[4]。

社会主义进入新时代,经济实力越来越强。我们也变得越来越忙碌、对生活的要求也变得更加严格,对快速和方便的服务的需求也在逐渐增加,所以网上心灵治愈交流平台的开发给用户带来了足够的便利,用户通过系统来满足生活中的需求,因此,由于信息的增加,信息处理系统也随之增加,通过网络来满足现代用户需求[5]。此次开发设计主要是实现心灵治愈交流平台 ,结合java技术以及MYSQL数据库进行设计,弥补目前在线心灵治愈交流平台中的不足,来开发出一款即方便又实用的心灵治愈交流平台 ,并且设计的程序具有界面整洁、功能强大等特性,从全局来说,心灵治愈交流平台的设计解决了信息零散,该系统实现,可以投入到真实环境中,这样不仅能解决以上提及的问题,让信息管理更准则。

1.3研究内容

该心灵治愈交流平台的开发和设计根据用户的实际情况出发,对系统的需求进行了详细的分析,然后进行系统的整体设计,最后通过测试使得系统设计的更加完整,可以实现系统中所有的功能,在开始编写论文之前亲自到图书馆借阅Spring Boot书籍,MYSQL数据库书籍等编程书籍,然后针对开发的心灵治愈交流平台 ,去网上查找了很多别人做好的系统,参照他们的设计结果,来对自己的系统进行更加详细的系统的设计,将系统中所有的功能结果一一列举出来,然后进行需求分析,最后对所有的功能模块进行编码,最后完成系统的整体测试,实现系统的正常运行[6]。

这次编写的论文包含了6个部分的内容,具体内容如下:

第一部分绪论:文章主要从课题背景以及研究现状综合阐述了开发此系统的必要性。

第二部分相关技术:系统开发用到的各种技术都大致做出了简介。

第三部分系统分析:对系统的可行性分析以及对所有功能需求进行详细的分析,来查看该系统是否具有开发的可能。

第四部分系统设计:功能模块设计和数据库设计这两部分内容都有专门的表格和图片表示。

第五部分系统实现:进行系统主要功能模块的界面展示。

第六部分系统测试:测试系统的每一个功能是否能够正常运行,是否可以满足用户的需求。

2 系统关键技术

2.1 Spring Boot框架

Spring Boot是Pivotal团队的一个新框架,旨在简化新Spring应用程序的初始设置和开发。该框架使用特定的配置方法,无需开发人员定义样板配置。通过这种方式,Spring Boot旨在成为蓬勃发展的快速应用程序开发领域的领导者。 Spring Boot特点: 1、创建一个单独的Spring应用程序; 2、嵌入式Tomcat,无需部署WAR文件; 3、简化Maven配置; 4、自动配置Spring; 5、提供生产就绪功能,如指标,健康检查和外部配置; 6、绝对没有代码生成和XML的配置要求; 安装步骤: 最基本的是,Spring Boot是一个可以被任何项目的构建系统使用的库集合。 为简单起见,该框架还提供了一个命令行界面,可用于运行和测试Boot应用程序。 可以从Spring存储库手动下载和安装框架的已发布版本,包括集成的CLI(命令行界面)。 更简单的方法是使用Groovy enVironment Manager(GVM),它负责处理Boot版本的安装和管理。 可以从GVM命令行GVM install springboot安装Boot及其CLI。 在OS X上安装Boot时可以使用Homebrew包管理器。要完成安装,首先使用brew tap pivotal / tap切换到pivotal存储库,然后执行brew install springboot命令。

2.2 JAVA技术

JAVA语言是目前软件市场上应用最广泛的语言开发程序。可以在多种平台上运用的,兼容性比较强,适应市面上大多数操作系统,不会出现乱码的现像,其扩展性和维护性都更好,具有分析问题和解决问题的能力,是面向过程的程序设计方便我们编写的代码更强壮。

JAVA相对其它语言来说,比较简单,编译起来更方便一些,安全可靠性高。不完全统计,现在全世界大约有2000多万人在使用它,JAVA既可以镶嵌使用又可以独力的使用。JAVA大致可以分成两个部分,一种部分是JAVA负责的编译,另一种是JAVA负责的运行。JAVA和C++语言很相像,但JAVA在编程时是一种以对象为导向的方式来进行编译的,使得编出来的软件可以单机使用,也可以在互联网上使用,检查出错更为方便。JAVA分布式、体系结构中立的特点也使得其存储更快,编议更简单。面向对象包括四个特点,一是封装,就是说在定义类的时候可以实现一定的功能和属性。二是抽象,属于类的一种,可以把一个具有共同属性的类封装在一个抽象里,便于简单编议。三是继承,顾名思义就是带有前者的特性。还有一个就是多态的特点,可以多种一起运用,表现了它可扩展性好[8]。

2.3 MYSQL数据库

网站的开发必须配套相应数据库,数据库具有一定的组织结构,能够存放和管理数据信息,在以前数据库的功能仅仅是数据保存和管理操作,但是时代的变迁和发展,现在的数据库演变成了数据处理的方式,数据库从最开始的简单存放数据表格信息到现在的能够存放成千上万数据的大型数据库,期间还是经历了许多的改革。

本次开发的心灵治愈交流平台 使用的数据库是MYSQL数据库,该数据库运行速度快,安全性能也很高,而且对使用的平台没有任何的限制,所以被广泛应运到系统的开发中。MySQL是一个开源和多线程的关系管理数据库系统,MySQL是开放源代码的数据库,具有跨平台性,虽然功能未必强大,导致很多人都了解这个数据库的基本应用,在数据库中,总共建立了10几个表,这里面每个表都是相对应的,都各自有各自的联系,数据库意义重大,如果没有数据库的链接,就没办法运行程序,这显然可以看见数据库与程序的重要性,是紧密相连接的[9]。

2.4 B/S结构

B/S(浏览器/服务器)结构是目前主流的网络化的结构模式,它能够把系统核心功能集中在服务器上面,可以帮助系统开发人员简化操作,便于维护和使用。只需要用户在用户端安装360浏览器、谷歌浏览器、QQ浏览器等当前大众浏览器,在电脑里面安装sqlserver、mysql数据库等数据库[10]。安装好的浏览器与服务器端的数据库进行信息数据的交互。很多专门软件能够做到的事情,采用B/S结构模式也能实现,它能够结合Web浏览器技术,ActiveX技术以及多种脚本语言等技术。帮助程序开发者节约了不少开发成本。目前B/S结构成为程序开发主流结构,它最好的地方就是没有地点限制还不用专门安装软件,笔记本或者电脑能够上网就能访问系统。系统使用B/S进行开发在后期系统维护上面就会很省事,不用什么问题都在服务器上面操作,简单的用户端处理就解决部分问题,开发出来的程序跟用户交互性上面也会增强,还可以实时刷新浏览器进行程序局部的数据信息更新。

/images/0700stringboot/0781springboot/blog.001.png

图2-1 B/S模式三层结构图

3 系统分析

3.1 可行性分析

在系统开发之初要进行系统可行分析,这样做的目的就是使用最小成本解决最大问题,一旦程序开发满足用户需要,带来的好处也是很多的。下面我们将从技术上、操作上、经济上等方面来考虑这个系统到底值不值得开发。

3.1.1 技术可行性

本心灵治愈交流平台采用Spring Boot框架、JAVA编程语言和MYSQL数据库进行开发设计,作为计算机专业学生,在学校期间就接触到许多关于编程方面的知识,当然也包括各种编程软件,对他们的了解度也比较熟悉,所以技术开发上面还是有一定把握。

3.1.2经济可行性

我在设计该系统的时候主要是从节约成本出发,然后进行具体的系统的设计,在系统的设计过程中由于采用的所有工具以及技术支持全部都是免费的,因此不需要有任何的成本就可以进行该系统的设计。所用到的所有资源都是免费的,只要有网络就可以进行下载使用,不需要支付相应的费用,因此该项目在经济方面是完全可以实行的。

3.1.3操作可行性

本人自己就是学生,程序开发经验不足,在界面设计上面不会设计太复杂,要讲究简单好看,操作上要方便,不能让用户觉得不流畅。用户一旦进入操作界面,界面上就会有相应提示,跟着操作提示就可以找到对应的功能操作模块,对于用户来说免培训就能使用。

从上面几个部分的可行性分析得出,这次开发的心灵治愈交流平台在开发上面没有什么大问题,值得开发。

3.2 系统性能分析

(1)系统响应效率:页面响应时问应该在3秒以内,最长不能超过4秒,并支持至少10000人同时在线所有系统。

(2)界面简洁清晰:系统界面要求简单明了,容易操作,符合用户操作习惯。

(3)储存性高:因为心灵治愈交流平台中有很多的信息需要存储,因此对于系统的存储量有很大的要求,需要有一个强大的数据库的支持才能确保所有的信息都能安全稳定的进行存储。

(4)易学性:该系统在操作上必须简单好上手,没有很多复杂的操作,只需要简单的进行学习就能操作该系统。

(5)稳定性需求:开发的心灵治愈交流平台要求运行稳定,运行过程中无界面不清楚、字体模糊等现象。

3.3 系统功能分析

本心灵治愈交流平台主要包括三大功能模块,即用户功能模块、心理咨询师功能模块和管理员功能模块。

(1)管理员模块:系统中的核心用户是管理员,管理员登录后,通过管理员来管理后台系统。主要功能有:首页、个人中心、系统公告管理、用户管理、心理咨询师管理、心灵专栏管理、压力测试管理、测试数据管理、咨询师预约管理、小纸条管理、系统管理等功能。管理员用例图如图3-1所示。

/images/0700stringboot/0781springboot/blog.002.png

图3-1 管理员用例图

(2)用户:首页、个人中心、测试数据管理、咨询师预约管理、小纸条管理等功能,用户如图3-2所示。

/images/0700stringboot/0781springboot/blog.003.png

图3-2 用户用例图

(3)心理咨询师:首页、个人中心、咨询师预约管理、系统管理等功能,心理咨询师如图3-3所示。

/images/0700stringboot/0781springboot/blog.004.png

图3-3 心理咨询师用例图

3.4系统流程分析

3.4.1登录流程

登录模块主要满足管理员以及用户的权限登录,用户登录流程图如图3-4所示。

/images/0700stringboot/0781springboot/blog.005.png

图3-4 登录流程图

3.4.2注册流程

未有账号的用户可进入注册界面进行注册操作,用户注册流程图如图3-5所示。

/images/0700stringboot/0781springboot/blog.005.png

图3-5 注册流程图

3.4.3添加信息流程

用户在添加信息时,信息编号自动生成,系统会对添加的信息进行验证,验证通过则添加至数据库,添加信息成功,反之添加失败。添加信息流程如图3-6所示。

/images/0700stringboot/0781springboot/blog.006.png

图3-6 添加信息流程图

3.4.4删除信息流程

用户可选择要删除的信息进行信息删除操作,在删除信息时系统提示是否确定删除信息,是则删除信息成功,系统数据库将信息进行删除。删除信息流程图如图3-7所示。

/images/0700stringboot/0781springboot/blog.007.png

图3-7 删除信息流程图

4 系统设计

4.1系统概要设计

本心灵治愈交流平台选择B/S结构(Browser/Server,浏览器/服务器结构)和基于Web服务两种模式。适合在互联网上进行操作,只要用户能连网,任何时间、任何地点都可以进行系统的操作使用。系统工作原理图如图4-1所示:

/images/0700stringboot/0781springboot/blog.008.png

图4-1 系统工作原理图

4.2系统结构设计

整个系统是由多个功能模块组合而成的,要将所有的功能模块都一一列举出来,然后进行逐个的功能设计,使得每一个模块都有相对应的功能设计,然后进行系统整体的设计。

本心灵治愈交流平台结构图如图4-2所示。

/images/0700stringboot/0781springboot/blog.009.png

图4-2 系统功能结构图

4.3系统顺序图设计

4.3.1登录模块顺序图

登录模块主要满足了管理员以及用户的权限登录,登录模块顺序图如图4-3所示。

/images/0700stringboot/0781springboot/blog.010.png

图4-3 登录顺序图

4.3.2添加信息模块顺序图

管理员以及用户登录后均可进行添加信息操作,添加信息模块顺序图如图4-4所示。

/images/0700stringboot/0781springboot/blog.011.png

图4-4 添加信息顺序图

4.4数据库设计

一个好的数据库可以关系到程序开发的优劣,数据库设计离不开表结构的设计,还有表与表之间的联系,以及系统开发需要设计的数据表内容等信息。在进行数据库设计期间,要结合实际情况来对数据库进行针对性的开发设计[12]。

4.4.1数据库E-R图设计

本心灵治愈交流平台采用的是MYSQL数据库,数据存储快,因为心灵治愈交流平台 ,主要的就是对信息的管理,信息内容比较多,这就需要好好的设计一个好的数据库,分类要清楚,不能添加信息的时候,造成信息太过混乱,设计好的数据库首先就需要先把各个实体之间的关系表达明确,系统的E-R图如下图所示:

1、心灵专栏管理实体图如图4-5所示: ######### /images/0700stringboot/0781springboot/blog.012.png 图4-5 心灵专栏管理实体图

2、咨询师预约管理实体图如图4-6所示:

/images/0700stringboot/0781springboot/blog.013.png

图4-6 咨询师预约管理实体图

3、用户管理实体图如图4-7所示:

/images/0700stringboot/0781springboot/blog.014.png

图4-7 用户管理实体图

4.4.2数据库表设计

将数据库概念设计的E-R图转换为关系数据库。在关系数据库中,数据关系由数据表组成,但是表的结构表现在表的字段上。

表名:token

功能:token表

字段名称 类型 长度 字段说明 主键 默认值
id bigint 主键
userid bigint 用户id
username varchar 100 用户名
tablename varchar 100 表名
role varchar 100 角色
token varchar 200 密码
addtime timestamp 新增时间 CURRENT_TIMESTAMP
expiratedtime timestamp 过期时间 CURRENT_TIMESTAMP

表名:ceshishuju

功能:测试数据

字段名称 类型 长度 字段说明 主键 默认值
id bigint 主键
addtime timestamp 添加时间 CURRENT_TIMESTAMP
ceshibianhao varchar 200 测试编号
ceshimingcheng varchar 200 测试名称
yonghuming varchar 200 用户名
yonghuxingming int 用户姓名
huida1 varchar 200 回答1
huida2 varchar 200 回答2
huida3 varchar 200 回答3
huida4 varchar 200 回答4
huida5 varchar 200 回答5

表名:xiaozhitiao

功能:小纸条

字段名称 类型 长度 字段说明 主键 默认值
id bigint 主键
addtime timestamp 添加时间 CURRENT_TIMESTAMP
yonghuming varchar 200 用户名
biaotimingcheng varchar 200 标题名称
qiaoqiaohua varchar 200 悄悄话
tupianfengmian varchar 200 图片封面
fabushijian varchar 200 发布时间

表名:xinlingzhuanlan

功能:心灵专栏

字段名称 类型 长度 字段说明 主键 默认值
id bigint 主键
addtime timestamp 添加时间 CURRENT_TIMESTAMP
zhuanlanbiaoti varchar 200 专栏标题
tupianfengmian int 图片封面
zhuanlanfenlei date 专栏分类
zhuanlanneirong varchar 200 专栏内容
fabushijian varchar 200 发布时间
faburen varchar 200 发布人
xinxilaiyuan varchar 200 信息来源

表名:xitonggonggao

功能:系统公告

字段名称 类型 长度 字段说明 主键 默认值
id bigint 主键
addtime timestamp 添加时间 CURRENT_TIMESTAMP
biaoti varchar 200 标题
neirong int 内容
gonggaoleixing varchar 200 公告类型
fabushijian date 发布时间
faburen varchar 200 发布人
tupian varchar 200 图片

表名:yonghu

功能:用户

字段名称 类型 长度 字段说明 主键 默认值
id bigint 主键
addtime timestamp 添加时间 CURRENT_TIMESTAMP
yonghuming varchar 200 用户名
mima varchar 200 密码
yonghuxingming varchar 200 用户姓名
xingbie varchar 200 性别
touxiang varchar 200 头像
shouji varchar 200 手机
youxiang varchar 200 邮箱

第5章 系统详细设计

5.1前台首页功能模块

心灵治愈交流平台 ,在系统首页可以查看首页、系统公告、心理咨询师、心灵专栏、压力测试、小纸条、个人中心、后台管理、聊天等内容,如图5-1所示。

/images/0700stringboot/0781springboot/blog.015.png

图5-1系统功能界面图

登录、用户注册,在用户注册页面可以填写用户名、密码、姓名、手机、邮箱等信息进行注册,如图5-2所示。

/images/0700stringboot/0781springboot/blog.016.png

/images/0700stringboot/0781springboot/blog.017.png

图5-2登录、用户注册界面图

心灵专栏管理,在心灵专栏管理页面通过填写专栏标题、图片封面、专栏分类、专栏内容、发布时间、发布人、信息来源等信息进行提交,如图5-3所示。在心理咨询师页面通过填写咨询师账号、密码、咨询师姓名、性别、年龄、资格证书、地址、手机号、照片、审核回复等信息进行预约线下操作,如图5-4所示。

/images/0700stringboot/0781springboot/blog.018.png

图5-3心灵专栏管理界面图

/images/0700stringboot/0781springboot/blog.019.png

图5-4心理咨询师界面图

5.2管理员功能模块

管理员登录,通过填写注册时输入的用户名、密码、角色进行登录,如图5-5所示。

/images/0700stringboot/0781springboot/blog.020.png

图5-5管理员登录界面图

管理员登录进入心灵治愈交流平台可以查看首页、个人中心、系统公告管理、用户管理、心理咨询师管理、心灵专栏管理、压力测试管理、测试数据管理、咨询师预约管理、小纸条管理、系统管理等信息。

系统公告管理,在系统公告管理页面中可以通过填写标题、公告类型、发布时间、发布人、图片等内容进行修改、添加,如图5-6所示。还可以根据需要对用户管理进行添加,修改或删除等详细操作,如图5-7所示。

/images/0700stringboot/0781springboot/blog.021.png

图5-6系统公告管理界面图

/images/0700stringboot/0781springboot/blog.022.png

图5-7用户管理界面图

心理咨询师管理,在心理咨询师管理页面中可以填写咨询师账号、密码、咨询师姓名、性别、年龄、资格证书、地址、手机号、照片、审核回复、审核状态、审核等信息,并可根据需要对已有心理咨询师管理进行修改或删除等操作,如图5-8所示。

/images/0700stringboot/0781springboot/blog.023.png

图5-8心理咨询师管理界面图

心灵专栏管理,在心灵专栏管理页面中可以填写专栏标题、图片封面、专栏分类、专栏内容、发布时间、发布人、信息来源等信息,并可根据需要对已有心灵专栏管理进行修改或删除等详细操作,如图5-9所示。

/images/0700stringboot/0781springboot/blog.022.png

图5-9心灵专栏管理界面图

压力测试管理,在压力测试管理页面中可以查看测试名称、图片、简介、题目1、题目2、题目3、题目4、题目5等内容,并且根据需要对已有压力测试管理进行添加,修改或删除等详细操作,如图5-10所示。

/images/0700stringboot/0781springboot/blog.024.png

图5-10压力测试管理界面图

测试数据管理,在测试数据管理页面中可以查看测试编号、测试名称、用户名、用户姓名、回答1、回答2、回答3、回答4、回答5等内容,并且根据需要对已有测试数据管理进行添加,修改或删除等详细操作,如图5-11所示。

/images/0700stringboot/0781springboot/blog.025.png

图5-11测试数据管理界面图

咨询师预约管理,在咨询师预约管理页面中可以查看预约编号、咨询师账号、咨询师姓名、用户名、用户姓名、手机、预约时间等内容,并且根据需要对已有咨询师预约管理进行添加,修改或删除等详细操作,如图5-12所示。

/images/0700stringboot/0781springboot/blog.026.png

图5-12咨询师预约管理界面图

轮播图;该页面为轮播图管理界面。管理员可以在此页面进行首页轮播图的管理,通过新建操作可在轮播图中加入新的图片,还可以对以上传的图片进行修改操作,以及图片的删除操作,如图5-13所示。

/images/0700stringboot/0781springboot/blog.027.png

图5-13轮播图管理界面图

5.3用户功能模块

用户登录进入心灵治愈交流平台可以查看首页、个人中心、测试数据管理、咨询师预约管理、小纸条管理等内容。

个人信息,在个人信息页面中通过填写用户名、密码、用户姓名、性别、头像、手机、邮箱等信息,还可以根据需要对个人信息进行修改、删除如图5-14所示。

/images/0700stringboot/0781springboot/blog.028.png

图5-14个人信息界面图

测试数据管理,在测试数据管理页面中可以查看测试编号、测试名称、用户名、用户姓名、回答1、回答2、回答3、回答4、回答5等信息内容,并且根据需要对已有测试数据管理进行修改或删除等其他详细操作,如图5-15所示。

/images/0700stringboot/0781springboot/blog.029.png

图5-15测试数据管理界面图

咨询师预约管理,在咨询师预约管理页面中通过填写预约编号、咨询师账号、咨询师姓名、用户名、用户姓名、手机、预约时间等内容进行查看、删除,如图5-16所示。

/images/0700stringboot/0781springboot/blog.030.png

图5-16咨询师预约管理界面图

小纸条管理,在小纸条管理页面中可以查看用户名、标题名称、悄悄话、图片封面、发布时间等内容,并且根据需要对已有小纸条管理进行查看等详细操作,如图5-17所示。

/images/0700stringboot/0781springboot/blog.031.png

图5-17小纸条管理界面图

5.4心理咨询师功能模块

心理咨询师登录进入心灵治愈交流平台可以查看首页、个人中心、咨询师预约管理、系统管理等内容。

个人信息,在个人信息页面中通过填写咨询师账号、密码、咨询师姓名、性别、年龄、资格证书、地址、手机号、照片等信息,还可以根据需要对个人信息进行修改、删除如图5-18所示。

/images/0700stringboot/0781springboot/blog.032.png

图5-18个人信息界面图

咨询师预约管理,在咨询师预约管理页面中可以查看预约编号、咨询师账号、咨询师姓名、用户名、用户姓名、手机、预约时间等信息内容,并且根据需要对已有咨询师预约管理进行修改或删除等其他详细操作,如图5-19所示。

/images/0700stringboot/0781springboot/blog.033.png

图5-19咨询师预约管理界面图

聊天,在聊天页面中通过填写新消息、状态等内容进行查看、删除,如图5-20所示。

/images/0700stringboot/0781springboot/blog.034.png

图5-20聊天界面图