前言
实习最后的项目,由6个人的小团队进行团队协作和开发,代码在gitee上进行整合,最后形成最终项目。
技术前提
- Spring Boot 框架
- Spring MVC
- MyBatis-Plus 框架
- Themeleaf 模板引擎
- Maven项目管理
- Git版本控制
项目实现
登录注册页面
登录页面需要输入邮箱和密码,点击登录后,表单将数据提交到指定的地址,通过请求映射RequestMapping进入登录界面的相关控制器的方法中,方法中读取表单传递的邮箱和密码,然后查询数据库中是否存在该用户,若存在则方法返回系统首页的地址,到达首页;否则返回用户名或密码错误信息。
若没有账户,可点击登录页面上的注册按钮注册账户。注册账户包含5个信息,并且字段限定为非空值,防止空数据的插入,注册成功的条件是Email地址在数据库中不存在(登录模块使用Email进行登录,因此不能使用同一个Email注册多次)。
首页
如果登录成功,就进入云客服系统的首页。首页包含4个模块,右边的三条数据:客户信息数量,客服数量,通知数量都是从数据库中读取后显示在页面的。右上角会显示登录的客服名。头部和侧边栏全部用Themeleaf模板引擎将其碎片化,使得开发中若要改变其中的相关信息时,可以直接在碎片中修改一次即可。
在线客服
在线客服页面,对于各项数据进行统计,并用各种图显示。下图为对访问的统计,来源于不同app对于网站的访问数据会被记录之后,统计在数据库中,网页读取数据库中的数据之后,以折线图的方式进行呈现,所有数据以分页的形式显示。
工作量统计中,将消息总量,会话总量,有效会话总量,结束会话总量进行求和,显示在四张标签中,作为评价工作质量的指标。对于结束会话时间,进行了分区间的计数统计,最后以柱状图的方式进行通知。
工作质量统计中,将对于客服的评价进行4种等级的分类,并用柱状图进行显示;问题解决也分为两种类型,两种类型用饼状图显示。
客服设置
工单表中,记录了所有用户提交的工单,包括工单标题,工单渠道,工单状态等信息,点击详情之后,可以查看每条工单的详细信息。查询操作中,实现了所有字段的联合查询,既可模糊查询,又可精确查询。添加操作中,限定了一些必填项,防止空数据的插入。
项目总结
该项目经过6个人的协作,得到最终的版本,过程中有许多收获。首先项目的优点是前端的界面显示简洁美观,对于数据库的操作也已经齐全,增删改查的操作全部实现,另外整个系统的大体框架已经完善。 项目的缺点也十分明显。根据个人理解,云客服应该包含管理员,客服,用户三个等级的层次划分,其中管理员具有管理所有客服信息的权利,而客服就是处理来自所有用户提交的工单的信息,用户就是消费者,向客服提交自己的问题。但本项目只实现了客服层面上的功能模块,因此系统用户种类少,并没有实现人机交互,因此还存在很大的问题。
项目链接
本项目已经推送到gitee上,在此给出链接:云客服, 供需要者使用,不得作商业用途。
另外数据库创建sql语句:提取码:qt1m。