Botui是一款简单的js聊天机器人框架。Botui基于Vue.js,通过简单配置,就可以制作出一个功能简单的聊天机器人,非常神奇。

使用方法

在页面中引入botui.min.css和botui-theme-default.css样式文件,vue.min.js和botui.min.js文件。

HTML结构

使用下面的HTML结构来创建一个聊天机器人面板。

初始化插件

通过下面的代码就可以生成一个最简单的聊天机器人。

var botui = new BotUI('botui-app'); // 参数是容器的id

botui.message.bot({ // 第一条信息

delay: 200,

content: 'hello'

}).then(function () {

return botui.message.bot({ // 第二条信息

delay: 1000, // 等待1秒

content: 'how are you?'

});

}).then(function () {

return botui.action.button({ // 与用户交互

delay: 1000,

action: [

{

text: 'Good',

value: 'good'

},

{

text: 'Really Good',

value: 'really_good'

}

]

});

}).then(function (res) {

return botui.message.bot({

delay: 1000,

content: 'You are feeling ' + res.text + '!'

});

});

html 简单机器人对话页面,简单的js聊天机器人框架BotUI相关推荐

  1. html 简单机器人对话页面,简单的机器人对话功能实现 js

    摘要: 简单的实现聊天功能 阿玛准设计客服 发送 var list=document.getElementsByTagName('ul')[0]; var btn=document.getElemen ...

  2. html 简单机器人对话页面,基于Javascript实现的简单聊天机器人

    Botui是一款简单的js聊天机器人框架.Botui基于Javascript通过简单配置,就可以制作出一个功能简单的聊天机器人,非常神奇. var botui = new BotUI('botui-a ...

  3. Botui搭建js聊天机器人

    一.Botui简介 一款自动回复文字.图片.视频的JS聊天机器人框架BotUI,可以自由设置多种选项.触发关键词.输入框等内容,聊天内容或范围也可以自由设置,回复内容可以是文字.图片(GIF亦可).视 ...

  4. 微信公众号图灵机器人开发php,使用图灵机器人api搭建微信聊天机器人php实现,图灵微信聊天机器人...

    使用图灵机器人api搭建微信聊天机器人php实现,图灵微信聊天机器人之前通过hook技术实现了微信pc端发送消息功能,如果在结合图灵机器人就能实现微信聊天机器人. 代码下载:http://blog.y ...

  5. 用Python3调用百度AI和图灵机器人实现一个智能(bushi)AI聊天机器人

    题目看起来高大上,但其实这只是假象.关键是要理清思路和流程,掌握了这个之后,整个项目基本就简化成了"傻瓜"项目,对编程能力的要求较低. 思路及流程 一定要搞清这个流程,不要被绕晕. ...

  6. 机器学习做自动聊天机器人_您不应该使用聊天机器人的3个原因

    机器学习做自动聊天机器人 现在,基于云的聊天机器人几乎是旧技术. 他们已经有四年了. 和接待肯定是混合的 . 上周,几家合作机构的研究人员公布了正式的书面内容,称为``第二次对话智能挑战赛'',这是聊 ...

  7. AI机器人:人工智能机器人创意中心之微信智能聊天机器人登陆GUI

    人工智能机器人创意中心 目录 微信智能聊天机器人登陆GUI 对话界面 微信智能聊天机器人登陆GUI 对话界面

  8. 打造软硬件结合的机器人:WuKonChatBot(悟空)聊天机器人

    打造软硬件结合的第一机器人:WuKonChatBot(悟空)聊天机器人 请不要嘲笑我的梦想 开发总体计划--已经完成 未来开发计划 欢迎评论,留下你宝贵的建议 请不要嘲笑我的梦想 每个人都有梦想,只是 ...

  9. html调用父页面的函数,js调用父框架函数与弹窗调用父页面函数的方法

    调用父级中的 aaa的函数 子页面中: οnclick="window.parent.frames.aaa()" 父页面中: function aaa() { alert('bbb ...

最新文章

  1. GAN(Generative Adversarial Network,GAN)模型之:EBGAN、PGGAN、CGAN、ACGAN模型
  2. Unity3d游戏开发之漫游场景的制作
  3. 设计模式 学习笔记(1)简单工厂模式、策略模式
  4. 基于zookeeper实现系统配置中心
  5. 荣耀10x 鸿蒙,荣耀10X PRO渲染图曝光 矩阵三摄+OLED魅眼屏
  6. 【Linux系统编程】fork()函数详解
  7. iptables详解和练习
  8. 设计师必备超人气设计素材网站
  9. 【转】Android用NDK和整套源码下编译JNI的不同
  10. 闻乐天授江州司马 [唐] 元稹
  11. C#+HtmlAgilityPack+XPath带你采集数据(以采集天气数据为例子)
  12. spark第十篇:Spark与Kafka整合
  13. python中stacked_栈式自动编码器(Stacked AutoEncoder)
  14. 计算机桌面常见故障,电脑常见故障问题以及解决办法
  15. java并发包和类总结-JUC总结
  16. Ubuntu11.10安装科磊NW336驱动
  17. Python 爬虫十六式 - 第七式:RE:用匹配来演绎编程的艺术
  18. 窗口最小化后在任务栏上看不到
  19. 编写程序练习直接,间接,相对,基址变址寻址
  20. 安全帽识别系统为智能视频分析助力

热门文章

  1. 2022-2028年中国塑料零部件行业市场发展规模及市场分析预测报告
  2. MySQL中锁详解(行锁、表锁、页锁、悲观锁、乐观锁等)
  3. LeetCode简单题之旅行终点站
  4. LeetCode简单题之最近的请求次数
  5. Go语言环境搭建(Windows+Linux)
  6. 万事开头难!最新MyBatis程序配置教程(IDEA版)
  7. 编写可调模板并使用Auto-tuner自动调谐器
  8. 激光雷达lidar与点云数据
  9. CVPR2020:4D点云语义分割网络(SpSequenceNet)
  10. YOLOV4各个创新功能模块技术分析(三)