heroma
Участник
OLD SkripTers
Проверенные
- Регистрация
- 18 Дек 2019
- Сообщения
- 259
- Реакции
- 288
Чат-бот — это компьютерная программа, предназначенная для имитации человеческого разговора. Она мгновенно отвечает вам в соответствии с вашими запросами, потому что программисты вставили в базу данных тысячи вводов/ответов/запросов, которые может задать пользователь. Чтобы создать продвинутого чат-бота, приходится кодировать все больше и больше. Я попытался создать простого чат-бота с несколькими строками кода и запросов, которые помогут вам получить представление о том, как на самом деле работает он работает.
При использовании модуля Simple Chatbot на веб-странице выводится форма чата с полем ввода и кнопкой «отправить» для ввода сообщения и отправки боту. Когда вы что-то спрашиваете у бота, и этот запрос существует в базе данных, бот мгновенно воспроизводит сообщение в соответствии с вашим запросом, но если ваш запрос не соответствует запросам в базе данных, бот воспроизводит сообщение с пометкой «Извините, не могу понять тебя!». В этом процессе чата веб-страница не перезагружается, потому что я использовал для этого jQuery (Ajax).
Источник
При использовании модуля Simple Chatbot на веб-странице выводится форма чата с полем ввода и кнопкой «отправить» для ввода сообщения и отправки боту. Когда вы что-то спрашиваете у бота, и этот запрос существует в базе данных, бот мгновенно воспроизводит сообщение в соответствии с вашим запросом, но если ваш запрос не соответствует запросам в базе данных, бот воспроизводит сообщение с пометкой «Извините, не могу понять тебя!». В этом процессе чата веб-страница не перезагружается, потому что я использовал для этого jQuery (Ajax).
- Установить модуль через систему плагинов DLE.
- В шаблоне main.tpl найти:
</head>
Добавить выше:
-
Код:
<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" />
</body>
Добавить выше:
Код:<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>
- Готово
Для просмотра скрытого содержимого вы должны войти или зарегистрироваться.
Источник