axure商城

Axure 实现智能客服关键词自动回复效果

以下是项目的最终效果,有兴趣可点击 传送门>> 体验

Axure 实现智能客服关键词自动回复效果

本文主要分享该项目中实现关键词自动回复的核心逻辑。

首先,客服的对话窗口是一个中继器,关于如何通过中继器实现这种对话效果,各位可参考本人之前分享的文章《【Axure 教程】中继器,你过来,我们“聊聊”》,本项目就是在此基础上修改的。

接下来讲讲重点——如何实现关键词自动回复效果。

首先讲一下原理。这个功能的实现需要两个中继器,一个是上文提过的,用来保存对话,另一个则是用来保存关键词和回复内容。当用户输入并发送内容时,将内容在存放关键词的中继器中进行查找,如果匹配到,就将关键词对应的内容添加到对话中继器中,这样就可以实现关键词触发回复的效果(在本项目中,存放关键词的中继器被放置到工作区的负空间,所以是看不到的)。

Axure 实现智能客服关键词自动回复效果

原项目涉及的交互比较多,接下来我用一个另一个简单的小案例来解释一下这个逻辑在 Axure 中是如何实现的。

先画界面,包含两个中继器,一个输入框和发送按钮。

Axure 实现智能客服关键词自动回复效果

两个中继器的结构是一样的,分别包含3列:First_name、Last_Name、Score。

要实现的效果是,点击发送时,如果输入框的内容不为空且能在“源数据”的中继器中匹配到对应的“First_Name”,则将对应的整行数据添加到“查询结果”的中继器中。

从这里你应该可以看出,所谓的“源数据”对应的就是上文说的关键词中继器,而“查询结果”就是对话中继器,形式不同,但原理是相同的。

配置也不复杂,首先找到“源数据”中继器中用来显示“First_Name”的矩形,添加载入事件,载入时判断“First_Name”与输入的内容是否相同,如果是,就往“查询结果”中继器添加1数据,添加的数据分别为当前这一行的 First_name、Last_Name、Score。

Axure 实现智能客服关键词自动回复效果

接下来给发送按钮添加单击时触发该矩形的载入事件就完成了。

Axure 实现智能客服关键词自动回复效果

看看效果:

Axure 实现智能客服关键词自动回复效果

当输入的 First_Name 不存在时,点击没有任何效果,存在时,会在右侧显示查询到的数据,如果把“源数据”的中继器隐藏掉或拖入负空间,则会是这样的效果:

Axure 实现智能客服关键词自动回复效果

以上便是本文的全部内容,感谢阅读!

给TA打赏
共{{data.count}}人
人已打赏
Axure教程案例教程高级教程

我用 Axure 做了一个云盘

2023-12-29 18:47:21

Axure教程案例教程高级教程

验证码,除了 12306,我还没有服过谁(图形点击、图形拖拽)

2024-1-17 13:54:34

axure商城
4 条回复 A文章作者 M管理员
  1. 努力拼搏的80后

    输入框矩形元件的载入事件,添加判断条件时找不到中继器的项Item.First_ Name,难道是这个矩形是放在“源数据”中继器里面的吗?

  2. 努力拼搏的80后

    矩形输入框是在源数据中继器里面画的吗

个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索