- Регист
- 21 Май 2018
- Сообщения
- 666
- Реакции
- 677
Простой чат-бот, использующий PHP с MySQL и jQuery (Ajax)
Чат-бот — это компьютерная программа, предназначенная для имитации человеческого разговора. Эти чат-боты мгновенно отвечают вам в соответствии с вашими запросами, потому что программисты вставили в базу данных тысячи вводов/ответов/запросов, которые может задать пользователь. Чтобы создать продвинутого чат-бота, нам приходилось кодировать все больше и больше, но я попытался создать простого чат-бота с несколькими строками кода и запросов, которые помогут вам получить представление о том, как на самом деле работает чат-бот.
В этом плагине [Простой чат-бот с использованием PHP] на веб-странице есть форма чата с полем ввода и кнопкой «отправить» для ввода сообщения и отправки боту. Когда вы что-то спрашиваете у бота, и этот запрос существует в базе данных, бот мгновенно воспроизводит сообщение в соответствии с вашим запросом, но если ваш запрос не соответствует запросам базы данных, бот воспроизводит сообщение с пометкой «Извините, не могу понять тебя!». В этом процессе чата веб-страница не перезагружается, потому что для этого я использовал jQuery (Ajax).
Установка:
1. Вставить в main.tpl Перед <body>
HTML:
<link href="{THEME}/chatbot/css/style.css" type="text/css" rel="stylesheet">
<script src='{THEME}/chatbot/js/wafloatbox-0.2.js'></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.0/css/all.min.css" integrity="sha512-xh6O/CkQoPOWDdYTDqeRdPCVd1SpvCA9XXcUnZS2FmJNp1coAFzvtCN9BmamE+4aHK8yyUHUSCcJHgXloTyT2A==" crossorigin="anonymous" referrerpolicy="no-referrer" />2. Вставить в main.tpl Перед </body>
HTML:
<div class="myk-wa">
</div>
<script>
$(document).ready(function(){
$(".myk-wa").WAFloatBox();
});
</script>
<script>
$(document).ready(function(){
$("#send-btn").on("click", function(){
$value = $("#data").val();
$msg = '<div class="user-inbox inbox"><div class="msg-header"><p>'+ $value +'</p></div></div>';
$(".form").append($msg);
$("#data").val('');
// start ajax code
$.ajax({
url: 'message.php',
type: 'POST',
dаta: 'text='+$value,
success: function(result){
$replay = '<div class="bot-inbox inbox"><div class="icon"><i class="fa fa-user"></i></div><div class="msg-header"><p>'+ result +'</p></div></div>';
$(".form").append($replay);
// when chat goes down the scroll bar automatically comes to the bottom
$(".form").scrollTop($(".form")[0].scrollHeight);
}
});
});
});
</script>Дополнительные скриншоты:
Видео-обзор:
Скачать бесплатно:
Последнее редактирование: