欧美性开放bbw,国产高清自产拍av在线

Home

PHP Framework

ThinkPHP

thinkphp quickly implements a like function based on Ajax

PHPz

Apr 10, 2023 am 09:04 AM

With the rapid development of the Internet, the user experience of Web applications has become an increasingly important factor. Using Ajax technology to implement the like function is a common way. This article will introduce how to use the ThinkPHP framework to quickly implement an Ajax-based like function.

1. Development environment preparation

This article uses the ThinkPHP5.1 framework. You need to install PHP5.5 or above and a MySQL database, and ensure that the environment can run ThinkPHP.

2. Create database table

Create the following table 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)贊的用戶(hù)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 layer

Create a LikesController.php controller, use The following code obtains the Ajax request:

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. View layer

Create an index.html front-end page, use jQuery to monitor user click events, and send Ajax requests to the 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 settings

Add a route in the routing file (route.php):

Route::post('/LikesController/like',?'index/LikesController/like');

6. Test

Start the server and visit http://localhost/ index/index/index, click Like to test this function. Check whether records are added in the likes table in MySQL to ensure that the likes are successful.

7. Summary

By using the ThinkPHP framework and jQuery technology, an Ajax-based like function is implemented. This feature can improve the user experience of web applications and enhance the interaction between users and web applications.

The above is the detailed content of thinkphp quickly implements a like function based on Ajax. For more information, please follow other related articles on the PHP Chinese website!

Statement of this Website

The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn