Simple Chatbot DLE

26 окт 2022, 11:28
Добавил: ScriptLife
18
0
Данный материал предоставлен сайтом ScriptLife.ru исключительно в ознакомительных целях. Администрация не несет ответственности за его содержимое.
  • Описание
    • Версия DLE: 13.x
    • Автор: Ticcix

Чат-бот — это компьютерная программа, предназначенная для имитации человеческого разговора. Она мгновенно отвечает вам в соответствии с вашими запросами, потому что программисты вставили в базу данных тысячи вводов/ответов/запросов, которые может задать пользователь. Чтобы создать продвинутого чат-бота, приходится кодировать все больше и больше. Я попытался создать простого чат-бота с несколькими строками кода и запросов, которые помогут вам получить представление о том, как на самом деле работает он работает.

При использовании модуля Simple Chatbot на веб-странице выводится форма чата с полем ввода и кнопкой «отправить» для ввода сообщения и отправки боту. Когда вы что-то спрашиваете у бота, и этот запрос существует в базе данных, бот мгновенно воспроизводит сообщение в соответствии с вашим запросом, но если ваш запрос не соответствует запросам в базе данных, бот воспроизводит сообщение с пометкой «Извините, не могу понять тебя!». В этом процессе чата веб-страница не перезагружается, потому что я использовал для этого jQuery (Ajax).

  1. Установить модуль через систему плагинов DLE.
  2. В шаблоне main.tpl найти:
    </head>
    Добавить выше:
  3. Код:
    <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>
    Добавить выше:
  4. Код:
    <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>
  5. Готово
Ctrl
Enter
Заметили ошЫбку?
Выделите текст и нажмите Ctrl+Enter
Мы в

Комментарии

Минимальная длина комментария - 50 знаков. комментарии модерируются
  • Смайлы и люди
    Животные и природа
    Еда и напитки
    Активность
    Путешествия и места
    Предметы
    Символы
    Флаги
Комментариев еще нет. Вы можете стать первым!

Политика конфиденциальности

Сайт использует идентификационные файлы cookies для хранения информации. «Cookies» представляют собой файлы, которые могут использоваться сайтом для идентификации посетителей... Больше информации