좋아요/좋아요 취소 기능을 부분적으로 새로 고치는 php+mysql+ajax 알아보기-PHP 튜토리얼-php.cn

집

백엔드 개발

PHP 튜토리얼

좋아요/좋아요 취소 기능을 부분적으로 새로 고치는 php+mysql+ajax 알아보기

coldplay.xixi

Aug 06, 2020 pm 04:17 PM

좋아요/좋아요 취소 기능을 부분적으로 새로 고치는 php+mysql+ajax 알아보기

사용자별로 좋아요를 기록하고 좋아요 수를 세어보세요
먼저 사용자의 좋아요 여부를 판단하세요. 좋아요 여부에 따라 다른 html을 로드하고 다른 메소드를 호출합니다

좋아요

좋아요를 누른 경우 좋아요를 누른 HTML을 표시하고 좋아요 작업을 취소합니다

관련 학습 추천: php 프로그래밍(동영상)

좋아하지 않음

좋아하지 않는 HTML을 표시하고 유사한 작업을 수행합니다

다른 작업의 경우 데이터베이스에 추가하거나 추가합니다. 작업을 줄입니다. 동시에 다른 사용자가 좋아하는 기록을 추가하거나 삭제하세요. 다양한 버튼의 배경을 제어하여 다양한 효과를 표시할 수 있습니다. 사용자 ID와 다양한 사용자의 좋아요 ID 간의 관계를 기록함으로써 다양한 좋아요에 대한 제한을 구현할 수 있습니다.

효과 시연

사용자 ID가 1이면 좋아요가 1개 늘어납니다

좋아요/좋아요 취소 기능을 부분적으로 새로 고치는 php+mysql+ajax 알아보기

사용자 ID를 변경하고, ID가 2이면 사용자 1의 사용자가 이미 좋아요를 누른 것입니다. 사용자 1명의 좋아요를 기준으로 1

좋아요/좋아요 취소 기능을 부분적으로 새로 고치는 php+mysql+ajax 알아보기

database

데이터베이스를 2개의 데이터 테이블로 나누어 1

추가합니다. 하나는 좋아요 수를 계산하는 데 사용되고, 다른 하나는 다양한 사용자의 좋아요를 기록하는 데 사용됩니다.

좋아요/좋아요 취소 기능을 부분적으로 새로 고치는 php+mysql+ajax 알아보기 두 개의 데이터 테이블의 세부 사항

데이터베이스에 연결

$con = new mysqli(&#39;localhost&#39;,&#39;root&#39;,&#39;&#39;,&#39;test&#39;);
	if (!$con)
	{
	 die(&#39;连接数据库失败，失败原因：&#39; . mysqli_error());
	}else {
	 // echo "连接成功";
	}

로그인 후 복사

사용자가 좋아하는지 여부 판단(작업 페이지)

데이터베이스에서 정보 추출

//假设用户编号为1
	$uId="1";
	
	//假设赞编号为1
	$zanId="1";
	
	//查找赞id为1的点赞数
	$count=mysqli_query($con, "SELECT count FROM zanCount WHERE zanId=$zanId ");
	$countResult=mysqli_fetch_array($count);
	$countZan=$countResult[&#39;count&#39;];
	
	//查找改用户是否对赞id为1 点赞
	$uIdLike=mysqli_query($con, "SELECT * FROM zanRecord WHERE uId=$uId ");
	$result=mysqli_fetch_array($uIdLike);

로그인 후 복사

사용자가 클릭하는지 확인 또는 다른 HTML

//点赞
if (isset($result)) 
	{
	 $showZan.=<<<html
  <p class="dolikep" id="dolikep">
		 <button id="dolike" οnclick="zanDel()"></button>
		 <span id="zan">$countZan</span>
  </p>
html;
	 
	 
	}
	//没点赞
	else
	{
	 $showZan.=<<<html
 <p class="dolikep" id="dolikep">
		 <button id="donolike" οnclick="zan()"></button>
		 <span id="zan">$countZan</span>
 </p>
html;
	}
	echo $showZan;
 ?>

로그인 후 복사

css 스타일

#dolike, #donolike 
{ 
 width:30px;
 height:30px; 
 margin-left:20px;
 float:left;}
#donolike 
{
background:url(./images/no좋아요/좋아요 취소 기능을 부분적으로 새로 고치는 php+mysql+ajax 알아보기); 
background-size:30px 30px; 
}
#dolike
{
background:url(./images/좋아요/좋아요 취소 기능을 부분적으로 새로 고치는 php+mysql+ajax 알아보기);
 background-size:30px 30px; 
 }

로그인 후 복사

이라는 ajax 메소드는 zanId 및 uId를 전달할 때 필요한 데이터를 전달합니다. jq 파일

을 도입하는 것을 잊지 마세요.

function zan()
{
	$.ajax({
		type:"POST",
		url:"./likeSever.php",
		data:{&#39;zanId&#39;:$("#zanId").val(),&#39;uId&#39;:$("#uId").val()},
		success:function(text){
			$("#dolikep").html(text);
		}
	});
	
}

로그인 후 복사

좋아요 취소

function zanDel()
{
	$.ajax({
		type:"POST",
		url:"./disSever.php",
		data:{&#39;zanId&#39;:$("#zanId").val(),&#39;uId&#39;:$("#uId").val()},
		success:function(text){
			$("#dolikep").html(text);
		}
	});
	
}

로그인 후 복사

처리 코드

좋아요 처리

//更新赞总数的数据
 mysqli_query($con,"UPDATE zanCount SET count = count+1 WHERE zanId=$zanId");
 
 //添加一条点赞记录 
 mysqli_query($con,"INSERT INTO zanRecord(zanId,uId) VALUES($zanId, $uId); ");
 
 //查找赞的总数
 @$count=mysqli_query($con, "SELECT count FROM zanCount WHERE zanId=$zanId ");
 @$countResult=mysqli_fetch_array($count);
 @$countZan=$countResult[&#39;count&#39;];
 
 //更改输出的html
 $show="";
 $show=<<<html
 <button id="dolike" οnclick="zanDel()"></button>
		<span id="zan">$countZan</span>
html;
 echo $show;

로그인 후 복사

좋아요 처리 취소

//更新赞总数的数据
 mysqli_query($con,"UPDATE zanCount SET count = count-1 WHERE zanId=$zanId");
 
 //添加一条点赞记录
 mysqli_query($con,"DELETE FROM zanRecord WHERE zanId=$zanId AND uId=$uId ");
 
 //查找赞的总数
 @$count=mysqli_query($con, "SELECT count FROM zanCount WHERE zanId=$zanId ");
 @$countResult=mysqli_fetch_array($count);
 @$countZan=$countResult[&#39;count&#39;];
 
 //更新html
 $show="";
 $show.=<<<html
 <button id="donolike" οnclick="zan()"></button>
		<span id="zan">$countZan</span>
html;

로그인 후 복사

좋아요한 사진

좋아요/좋아요 취소 기능을 부분적으로 새로 고치는 php+mysql+ajax 알아보기 그림은 제가 직접 그렸는데 좀 안 예쁘네요 no좋아요/좋아요 취소 기능을 부분적으로 새로 고치는 php+mysql+ajax 알아보기

🎜🎜🎜

위 내용은 좋아요/좋아요 취소 기능을 부분적으로 새로 고치는 php+mysql+ajax 알아보기의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

본 웹사이트의 성명

본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.

핫 AI 도구

뜨거운 도구

뜨거운 주제

Gmail 이메일의 로그인 입구는 어디에 있나요?

7463

Cakephp 튜토리얼

1376

Steam의 계정 이름 형식은 무엇입니까?

Win11 활성화 키 영구

NYT 연결 힌트와 답변

Related knowledge

Laravel의 플래시 세션 데이터로 작업합니다 Mar 12, 2025 pm 05:08 PM

Laravel은 직관적 인 플래시 방법을 사용하여 임시 세션 데이터 처리를 단순화합니다. 응용 프로그램에 간단한 메시지, 경고 또는 알림을 표시하는 데 적합합니다. 데이터는 기본적으로 후속 요청에만 지속됩니다. $ 요청-

PHP의 컬 : REST API에서 PHP Curl Extension 사용 방법 Mar 14, 2025 am 11:42 AM

PHP 클라이언트 URL (CURL) 확장자는 개발자를위한 강력한 도구이며 원격 서버 및 REST API와의 원활한 상호 작용을 가능하게합니다. PHP CURL은 존경받는 다중 프로모토콜 파일 전송 라이브러리 인 Libcurl을 활용하여 효율적인 execu를 용이하게합니다.

Laravel 테스트에서 단순화 된 HTTP 응답 조롱 Mar 12, 2025 pm 05:09 PM

Laravel은 간결한 HTTP 응답 시뮬레이션 구문을 제공하여 HTTP 상호 작용 테스트를 단순화합니다. 이 접근법은 테스트 시뮬레이션을보다 직관적으로 만들면서 코드 중복성을 크게 줄입니다. 기본 구현은 다양한 응답 유형 단축키를 제공합니다. Illuminate \ support \ Facades \ http를 사용하십시오. http :: 가짜 ([ 'google.com'=> 'Hello World', 'github.com'=> [ 'foo'=> 'bar'], 'forge.laravel.com'=>