


Mit der rasanten Entwicklung des Internets ist das Benutzererlebnis von Webanwendungen zu einem immer wichtigeren Faktor geworden. Die Verwendung der Ajax-Technologie zur Implementierung der Like-Funktion ist eine g?ngige Methode. In diesem Artikel wird erl?utert, wie Sie mit dem ThinkPHP-Framework schnell eine Ajax-basierte Like-Funktion implementieren.
1. Vorbereitung der Entwicklungsumgebung
In diesem Artikel wird das ThinkPHP5.1-Framework verwendet. Sie müssen PHP5.5 oder h?her und eine MySQL-Datenbank installieren und sicherstellen, dass die Umgebung dies kann Führen Sie ThinkPHP aus.
2. Datenbanktabelle erstellen
Erstellen Sie die folgende Tabelle in MySQL:
CREATE?TABLE?`likes`?( ??`id`?int(11)?NOT?NULL?AUTO_INCREMENT, ??`content_id`?int(11)?NOT?NULL?COMMENT?'點(diǎn)贊的文章id', ??`user_id`?int(11)?NOT?NULL?COMMENT?'點(diǎn)贊的用戶id', ??`created_time`?int(11)?NOT?NULL?DEFAULT?'0'?COMMENT?'點(diǎn)贊時(shí)間戳', ??`updated_time`?int(11)?NOT?NULL?DEFAULT?'0'?COMMENT?'更新時(shí)間戳', ??PRIMARY?KEY?(`id`) )?ENGINE=InnoDB?DEFAULT?CHARSET=utf8mb4;
3. Controller-Ebene
Erstellen Als LikesController.php-Controller verwenden Sie den folgenden Code, um Ajax-Anfragen zu erhalten:
namespace?app\index\controller; use?think\Controller; use?think\Db; class?LikesController?extends?Controller { ????public?function?like() ????{ ????????$content_id?=?input('post.content_id'); ????????$user_id?=?input('post.user_id'); ????????$created_time?=?time(); ????????$updated_time?=?time(); ????????$data?=?[ ????????????'content_id'?=>?$content_id, ????????????'user_id'?=>?$user_id, ????????????'created_time'?=>?$created_time, ????????????'updated_time'?=>?$updated_time, ????????]; ????????$result?=?Db::name('likes')->insert($data); ????????if?($result)?{ ????????????return?json(['code'?=>?200,?'msg'?=>?'點(diǎn)贊成功']); ????????}?else?{ ????????????return?json(['code'?=>?500,?'msg'?=>?'點(diǎn)贊失敗']); ????????} ????} }
4. Ansichtsebene
Erstellen Sie eine index.html-Frontend-Seite und verwenden Sie jQuery zum Abh?ren Um Benutzerklickereignisse zu erm?glichen, senden Sie eine Ajax-Anfrage an den Server:
<!DOCTYPE html> <html> <head> ????<title>點(diǎn)贊</title> ????<meta charset="utf-8"> ????<script type="text/javascript" src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script> </head> <body> ????<div id="like_button" data-content-id="1" data-user-id="1">點(diǎn)贊</div> </body> <script type="text/javascript"> ????$(document).ready(function?()?{ ????????$('#like_button').click(function?()?{ ????????????var?content_id?=?$(this).data('content-id'); ????????????var?user_id?=?$(this).data('user-id'); ????????????$.ajax({ ????????????????url:?"/LikesController/like", ????????????????type:?"POST", ????????????????dataType:?"json", ????????????????data:?{"content_id":?content_id,?"user_id":?user_id}, ????????????????success:?function?(data)?{ ????????????????????if?(data.code?==?200)?{ ????????????????????????alert(data.msg); ????????????????????}?else?{ ????????????????????????alert(data.msg); ????????????????????} ????????????????} ????????????}); ????????}); ????}); </script> </html>
5. Routing-Einstellungen
Fügen Sie eine Route in der Routing-Datei (route.php) hinzu: #???? #
Route::post('/LikesController/like',?'index/LikesController/like');6 , testen Starten Sie den Server, besuchen Sie http://localhost/index/index/index, klicken Sie auf ?Gef?llt mir“, um diese Funktion zu testen. überprüfen Sie, ob Datens?tze zur Likes-Tabelle in MySQL hinzugefügt werden, um sicherzustellen, dass die Likes erfolgreich sind. 7. Zusammenfassung Durch die Verwendung des ThinkPHP-Frameworks und der jQuery-Technologie wird eine Ajax-basierte Like-Funktion implementiert. Diese Funktion kann das Benutzererlebnis von Webanwendungen verbessern und die Interaktion zwischen Benutzern und Webanwendungen verbessern.
Das obige ist der detaillierte Inhalt vonthinkphp implementiert schnell eine Like-Funktion basierend auf Ajax. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Hei?e KI -Werkzeuge

Undress AI Tool
Ausziehbilder kostenlos

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

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

Clothoff.io
KI-Kleiderentferner

Video Face Swap
Tauschen Sie Gesichter in jedem Video mühelos mit unserem v?llig kostenlosen KI-Gesichtstausch-Tool aus!

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)