Un chatbot est un programme informatique conçu pour imiter une conversation humaine. Il vous répond instantanément en fonction de vos demandes, car les programmeurs ont inséré dans la base de données des milliers d'entrées/réponses/demandes que l'utilisateur peut demander. Pour créer un chatbot avancé, il faut coder de plus en plus, mais j'ai essayé de créer un chatbot simple avec quelques lignes de code et des requêtes pour vous aider à vous faire une idée du fonctionnement réel du chatbot.
Lors de l'utilisation de ce module, la page Web dispose d'un formulaire de chat avec un champ de saisie et un bouton "envoyer" pour saisir un message et l'envoyer au bot. Lorsque vous demandez quelque chose au bot et que la requête existe dans la base de données, le bot lira instantanément un message basé sur votre requête, mais si votre requête ne correspond pas aux requêtes de la base de données, le bot lira un message marqué "Désolé , je ne peux pas te comprendre ! Dans ce processus de chat, la page Web ne se recharge pas car j'ai utilisé jQuery (Ajax) pour cela.
Installation:1. Installez le module via le système de plug-in DLE.
2. Dans le modèle
main.tpl , recherchez:
</head>
Ajoutez au dessus
<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" />
Rechercher ensuite:
</body>
Ajoutez au dessus
<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>
• Auteur: Ticcix
• Version DLE: 13.x-15.x