html 简单机器人对话页面,简单的js聊天机器人框架BotUI
Botui是一款簡單的js聊天機器人框架。Botui基于Vue.js，通過簡單配置，就可以制作出一個功能簡單的聊天機器人，非常神奇。
使用方法
在頁面中引入botui.min.css和botui-theme-default.css樣式文件，vue.min.js和botui.min.js文件。
HTML結構
使用下面的HTML結構來創(chuàng)建一個聊天機器人面板。
初始化插件
通過下面的代碼就可以生成一個最簡單的聊天機器人。
var botui = new BotUI('botui-app'); // 參數(shù)是容器的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的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 上海欢乐谷雨衣一定要在里面买吗
- 下一篇： 求一个好听的女生的名字！