


Grafisches Code-Tutorial zur Verwendung von PHP+Mysql+Ajax zur Implementierung von Taobao-Kundendienstfunktionen
Dieser Artikel stellt hauptsächlich die Verwendung von PHP+MySQL+Ajax zur Implementierung der Front-End-Seite des Taobao-Kundendienstes oder der Aliwangwang-Chat-Funktion vor. Er ist sehr gut und hat Referenzwert.
Schauen Sie sich zunächst einmal um. Hier sind die Renderings, die ich implementiert habe:
Verbraucherseite: (dieser Aufsatz)
(1) Der Avatar des Shop-Inhabers wird angezeigt
(2) Der aktuelle Benutzer sendet Informationen. Rechts angezeigt, akzeptierte Informationen werden links angezeigt
Ladenbesitzer- oder Kundendienstseite: (nächster Aufsatz)
(1) Auf der Seite befindet sich eine Liste, in der alle Kunden angezeigt werden, die mit dem Ladenbesitzer gesprochen haben. Die Liste kann verschoben werden, wenn eine neue Nachricht vorliegt kann auch den Chat-Verlauf löschen
(2) Klicken Sie auf den Kunden in der Liste, um an der Konversation auf der rechten Rahmenoberfläche teilzunehmen, um die Chat-Informationen mit dem Kunden anzuzeigen
Bevor wir die Funktion implementieren, sprechen wir über die beiden Tabellen, die ich verwendet habe:
Erklären Sie: bkid wird hier nicht verwendet, um zu bestimmen, ob die Nachricht wurde gelesen und ungelesen ist 0;
Lassen Sie uns nun über die Schritte sprechen: (unterteilt in Front Desk und Zwei Teile des Backends)
In diesem Aufsatz sprechen wir zuerst darüber So wird die Front-End-Seite implementiert: (Li Si meldet sich an)
Sitzung zum Speichern verwenden. Nehmen Sie Lisi; es ist praktisch, später Daten aus der Benutzertabelle abzurufen
1. Layout-Seitencode und Lesedatencode:
<!--中间内容--> <p id="zhongjian"> <p id="kuangjia" style="height: 550px;width: 620px; margin: 0px auto;border: 1px solid gainsboro;background-color: white;"> <p id="neirong" style="height: 400px;width: 600px;"> <p style="height: 100px;width: 620px;background-image: url(../img/bj4.jpg);"> //取店主用户名,显示店主的头像和姓名<br> <?php $uid = $_SESSION["uid"]; $sql = "select * from users where uid='zhangsan'"; $arr = $db->query($sql); foreach($arr as $v) { echo " <p style='height:100px;float:left;width:100px;float:left;'> <p style='border:2px solid grey;height:84px;width:84px;margin:7px auto; border-radius:10px;overflow:hidden'> <img src='{$v[6]}' height='80px' width='80px'/> </p> </p> <p style='height:100px;width:500px;float:left;'> <p style='height:50px;width:500px;text-align:left;line-height:50px'> 亲爱的店主 </p> <p style='height:50px;width:500px;text-align:left;'>个性签名: <input type='text' placeholder='不读书怎么对得起今天!' style='width:280px'> </p> </p> "; } ?> </p> <p style="height: 300px;width: 620px;overflow: auto;overflow-x:hidden ;"><br> //获取session里存取的uid; <?php $uid = $_SESSION["uid"]; $sql3 = "select * from users where uid='{$uid}'"; $arr3 = $db->query($sql3);<br> //从对话表里读取店主张三和李四所有的对话信息,并按对话时间顺序排序 $sql2="select * from duihua where uid='{$uid}' or jsid='{$uid}' order by dhtime"; $arr2= $db->query($sql2); foreach($arr2 as $n) {<br> //如果是店主,则信息要显示在左侧 if($n[2]=='zhangsan') { echo "<p style='height:100px;width:600px;'> <p style='height:100px;width:250px;float:left'> <p style='height:20px;width:250px;font-size:13px;padding-left:20px'> {$n[6]}</p> <p style='height:80px;width:50px;float:left'> <p style='height:50px;width:50px;margin:0px auto; border-radius:90px;overflow:hidden;'> <img src='{$v[6]}' height='50px' width='50px'/> </p> </p> <p style='min-height:40px;width:200px;float:left;background-color:cornflowerblue; border-bottom-right-radius: 10px;border-top-right-radius: 10px;border-top-left-radius: 40px;border-bottom-left-radius: 40px;'> <p style='padding-left:20px; line-height:40px'> {$n[4]}</p> </p> </p></p>"; } <br>//如果是李四,则显示在右侧 if($n[2]==$uid) { echo "<p style='height:100px;width:600px;margin-right:20px'> <p style='height:100px;width:250px; float:right'> <p style='height:20px;width:250px;font-size:13px;padding-right:20px'> {$n[6]}</p> <p style='height:80px;width:50px;float:right'> <p style='height:50px;width:50px;margin:0px auto; border-radius:90px;overflow:hidden;'> <img src='{$arr3[0][6]}' height='50px' width='50px'/> </p> </p> <p style='min-height:40px;width:200px;float:right;background-color:pink; border-bottom-left-radius: 10px;border-top-left-radius: 10px;border-top-right-radius: 40px;border-bottom-right-radius: 40px;'> <p style='padding-left:20px; line-height:40px'> {$n[4]}</p> </p> </p></p>"; } } ?> </p> </p> <!--id="neirong"--><br> <form role="form"> <p class="form-group"> <textarea class="form-control" rows="3" id="words"></textarea> //输入发送内容 </p> </form> <p id="fs" style="height: 50px; width: 600px;text-align: right; padding-right: 50px;"> <button type="button" class="btn btn-success fasong">发送</button> //点击按钮发送 </p> </p> </p> <!--id=zhongjian-->
Erfolgseffekt:
2. Ajax-Code beim Klicken auf Senden:
<script> $(".tc").click(function(){ $("#kuangjia").show(); }) $(".fasong").click(function(){ var nr=$("#words").val(); $.ajax({ url:"qt-speak-cl.php", data:{words:nr}, type:"POST", dataType:"TEXT", success: function(data){ if(data==1) { window.location.href="qt-dh.php" rel="external nofollow" rel="external nofollow" ; } else{ alert("发送内容不能为空!"); } } }) }) $("#dh").click(function(){ $.ajax({ url:"qt-yidu-cl.php", dataType:"TEXT", success: function(data){ // alert(data); window.location.href="qt-dh.php" rel="external nofollow" rel="external nofollow" ; } }) }) </script>
3. qt-speak-cl PHP-Seite:
<?php session_start(); require "DBDA.class.php"; $db = new DBDA(); $uid = $_SESSION["uid"]; $words =$_POST["words"]; $chtime=date("Y-m-d H:i:s",time()); $jieshou = "zhangsan"; if(!empty($words)) { $sql="insert into duihua values ('','{$jieshou}','{$uid}','','{$words}',0,'{$chtime}')"; echo $db->query($sql,0); <em id="mceDel">} else { echo "发送内容不能为空!"; } ?> </em>
Wenn der Sendeinhalt leer ist, erscheint die Meldung „Der Sendeinhalt darf nicht leer sein!“
Auf der Startseite werden je nach Benutzeranmeldungen; lassen Sie Wang Wu sich anmelden, um Folgendes zu sehen:
Das obige ist der detaillierte Inhalt vonGrafisches Code-Tutorial zur Verwendung von PHP+Mysql+Ajax zur Implementierung von Taobao-Kundendienstfunktionen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Heiße KI -Werkzeuge

Undresser.AI Undress
KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover
Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool
Ausziehbilder kostenlos

Clothoff.io
KI-Kleiderentferner

AI Hentai Generator
Erstellen Sie kostenlos Ai Hentai.

Heißer Artikel

Heiße Werkzeuge

Notepad++7.3.1
Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version
Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1
Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6
Visuelle Webentwicklungstools

SublimeText3 Mac-Version
Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Heiße Themen

In diesem Kapitel werden wir die Umgebungsvariablen, die allgemeine Konfiguration, die Datenbankkonfiguration und die E-Mail-Konfiguration in CakePHP verstehen.

PHP 8.4 bringt mehrere neue Funktionen, Sicherheitsverbesserungen und Leistungsverbesserungen mit einer beträchtlichen Menge an veralteten und entfernten Funktionen. In dieser Anleitung wird erklärt, wie Sie PHP 8.4 installieren oder auf PHP 8.4 auf Ubuntu, Debian oder deren Derivaten aktualisieren. Obwohl es möglich ist, PHP aus dem Quellcode zu kompilieren, ist die Installation aus einem APT-Repository wie unten erläutert oft schneller und sicherer, da diese Repositorys in Zukunft die neuesten Fehlerbehebungen und Sicherheitsupdates bereitstellen.

Um in cakephp4 mit Datum und Uhrzeit zu arbeiten, verwenden wir die verfügbare FrozenTime-Klasse.

Um am Datei-Upload zu arbeiten, verwenden wir den Formular-Helfer. Hier ist ein Beispiel für den Datei-Upload.

In diesem Kapitel lernen wir die folgenden Themen im Zusammenhang mit dem Routing kennen.

CakePHP ist ein Open-Source-Framework für PHP. Es soll die Entwicklung, Bereitstellung und Wartung von Anwendungen erheblich vereinfachen. CakePHP basiert auf einer MVC-ähnlichen Architektur, die sowohl leistungsstark als auch leicht zu verstehen ist. Modelle, Ansichten und Controller gu

Visual Studio Code, auch bekannt als VS Code, ist ein kostenloser Quellcode-Editor – oder eine integrierte Entwicklungsumgebung (IDE) –, die für alle gängigen Betriebssysteme verfügbar ist. Mit einer großen Sammlung von Erweiterungen für viele Programmiersprachen kann VS Code c

Der Validator kann durch Hinzufügen der folgenden zwei Zeilen im Controller erstellt werden.
