PHP에서 댓글 응답 기능을 구현하는 방법
PHP에서 댓글 응답 기능을 구현하는 방법: 1. 데이터 테이블을 디자인합니다. 2. 재귀를 통해 댓글 목록을 얻습니다. 3. 댓글 페이지의 동작을 표시합니다. 4. 페이지의 전체 구조 디자인을 표시합니다. . 단일 댓글 정보 p 구조 코드를 생성합니다. 6. 댓글에 응답하기 위한 레이블 버튼의 스타일을 설정합니다.
이 기사의 운영 환경: Windows 7 시스템, PHP 버전 7.1, DELL G3 컴퓨터
PHP에서 댓글 응답 기능을 구현하는 방법은 무엇입니까?
php 무제한 분류로 댓글과 답글 기능 구현
주요 포럼이나 뉴스 섹션의 상세 페이지에서 댓글 기능을 자주 보셨을 텐데요. 물론 댓글 내용을 직접 올리는 것만큼 간단하지는 않습니다. 다른 사람의 댓글에 답글을 달 수도 있고, 다른 사람이 자신의 답글에 다시 댓글을 달거나 답글을 달 수 있는 등 이론적으로는 무한하다고 할 수 있습니다. 무한 분류 기술을 사용하여 데이터를 저장하는 것은 쉽습니다. , 재귀를 사용하여 댓글 계층 구조 데이터를 얻고 ajax를 사용하여 댓글 페이지 상호 작용을 구현하는 과정을 단순화하기 위해 thinkphp 프레임워크를 사용하는 간단한 데모가 있습니다. 물론 3단계 댓글이 응답을 중지하기 시작합니다. , 이를 기반으로 몇 가지 수정만 하면 무한 응답 기능을 실현할 수 있습니다. 주로 뷰 레이어 스타일 수정이 더 번거롭고 시간이 걸립니다.
1. 효과 수요 분석:
1. 1차 댓글을 헤더에 직접 게시할 수 있으며, 다음 렌더링과 같이 최신 댓글이 상단에 표시됩니다.
2. 게시된 댓글에 답글을 달 수 있으며, 다음 렌더링과 같이 상위 댓글 아래에 답변이 계층적 관계를 형성하여 표시됩니다.
3. 페이지 동작 세부 사항: 댓글의 답글 버튼을 클릭하면 답글 텍스트가 입력됩니다. 상자가 표시되고, 다른 댓글의 답글 텍스트 입력 상자가 사라집니다. 다시 답글 버튼을 클릭하면 텍스트 상자가 사라집니다.
4. 댓글 마지막 단계에서 답글 기능을 끕니다. (여기서 설정은 3단계입니다. )
5. 총 댓글 수를 실시간으로 표시
2. 구현 아이디어 및 세부 사항
1. 데이터 테이블 디자인
2 .컨트롤러 레이어 주요 기능: (1). 댓글 목록을 재귀적으로 가져옵니다
/** *递归获取评论列表 */ protected function getCommlist($parent_id = 0,&$result = array()){ $arr = M('comment')->where("parent_id = '".$parent_id."'")->order("create_time desc")->select(); if(empty($arr)){ return array(); } foreach ($arr as $cm) { $thisArr=&$result[]; $cm["children"] = $this->getCommlist($cm["id"],$thisArr); $thisArr = $cm; } return $result; }
(2). 댓글 페이지 작업
public function index(){ $num = M('comment')->count(); //获取评论总数 $this->assign('num',$num); $data=array(); $data=$this->getCommlist();//获取评论列表 $this->assign("commlist",$data); $this->display('index'); }
(3) 댓글 페이지 ajax에 액세스하여 댓글 작업을 추가합니다. 레이어 구현
(1) 페이지의 전체 구조 디자인을 표시합니다
실제 효과:/** *添加评论 */ public function addComment(){ $data=array(); if((isset($_POST["comment"]))&&(!empty($_POST["comment"]))){ $cm = json_decode($_POST["comment"],true);//通过第二个参数true,将json字符串转化为键值对数组 $cm['create_time']=date('Y-m-d H:i:s',time()); $newcm = M('comment'); $id = $newcm->add($cm); $cm["id"] = $id; $data = $cm; $num = M('comment')->count();//统计评论总数 $data['num']= $num; }else{ $data["error"] = "0"; } echo json_encode($data); }
해당 렌더링:
해당 CSS 코드:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html lang="en"> <head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> <title>php无限级分类实战————评论及回复功能</title> <link rel="stylesheet" type="text/css" href="/Public/css/comment.css" rel="external nofollow" > <script type="text/javascript" src="/Public/js/jquery-1.11.3.min.js" ></script> <script type="text/javascript" src="/Public/js/comment.js" ></script> </head> <body> <p class="comment-filed"> <!--发表评论区begin--> <p> <p class="comment-num"> <span>{$num}条评论</span> </p> <p> <p> <textarea class="txt-commit" replyid="0"></textarea> </p> <p class="p-txt-submit"> <a class="comment-submit" parent_id="0" style="" href="javascript:void(0);" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" ><span style=''>发表评论</span></a> </p> </p> </p> <!--发表评论区end--> <!--评论列表显示区begin--> <!-- {$commentlist} --> <p class="comment-filed-list" > <p><span>全部评论</span></p> <p class="comment-list" > <!--一级评论列表begin--> <ul class="comment-ul"> <volist name="commlist" id="data"> <li comment_id="{$data.id}"> <p > <p> <img class="head-pic" src="{$data.head_pic}" alt=""> </p> <p class="cm"> <p class="cm-header"> <span>{$data.nickname}</span> <span>{$data.create_time}</span> </p> <p class="cm-content"> <p> {$data.content} </p> </p> <p class="cm-footer"> <a class="comment-reply" comment_id="{$data.id}" href="javascript:void(0);" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" >回复</a> </p> </p> </p> <!--二级评论begin--> <ul class="children"> <volist name="data.children" id="child" > <li comment_id="{$child.id}"> <p > <p> <img class="head-pic" src="{$child.head_pic}" alt=""> </p> <p class="children-cm"> <p class="cm-header"> <span>{$child.nickname}</span> <span>{$child.create_time}</span> </p> <p class="cm-content"> <p> {$child.content} </p> </p> <p class="cm-footer"> <a class="comment-reply" replyswitch="off" comment_id="{$child.id}" href="javascript:void(0);" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" >回复</a> </p> </p> </p> <!--三级评论begin--> <ul class="children"> <volist name="child.children" id="grandson" > <li comment_id="{$grandson.id}"> <p > <p> <img class="head-pic" src="{$grandson.head_pic}" alt=""> </p> <p class="children-cm"> <p class="cm-header"> <span>{$grandson.nickname}</span> <span>{$grandson.create_time}</span> </p> <p class="cm-content"> <p> {$grandson.content} </p> </p> <p class="cm-footer"> <!-- <a class="comment-reply" comment_id="1" href="javascript:void(0);" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" >回复</a> --> </p> </p> </p> </li> </volist> </ul> <!--三级评论end--> </li> </volist> </ul> <!--二级评论end--> </li> </volist> </ul> <!--一级评论列表end--> </p> </p> <!--评论列表显示区end--> </p> </body> </html>
4. JS 코드
<p > <p> <img class="head-pic" src="{$data.head_pic}" alt=""> </p> <p class="cm"> <p class="cm-header"> <span>{$data.nickname}</span> <span>{$data.create_time}</span> </p> <p class="cm-content"> <p> {$data.content} </p> </p> <p class="cm-footer"> <a class="comment-reply" comment_id="{$data.id}" href="javascript:void(0);" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" >回复</a> </p> </p> </p>
.head-pic{ width:40px; height:40px; } .cm{ position:relative; top:0px; left:40px; top:-40px; width:600px; } .cm-header{ padding-left:5px; } .cm-content{ padding-left:5px; } .cm-footer{ padding-bottom:15px; text-align:right; border-bottom: 1px dotted #CCC; } .comment-reply{ text-decoration:none; color:gray; font-size: 14px; }
위 내용은 PHP에서 댓글 응답 기능을 구현하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

핫 AI 도구

Undresser.AI Undress
사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover
사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool
무료로 이미지를 벗다

Clothoff.io
AI 옷 제거제

Video Face Swap
완전히 무료인 AI 얼굴 교환 도구를 사용하여 모든 비디오의 얼굴을 쉽게 바꾸세요!

인기 기사

뜨거운 도구

메모장++7.3.1
사용하기 쉬운 무료 코드 편집기

SublimeText3 중국어 버전
중국어 버전, 사용하기 매우 쉽습니다.

스튜디오 13.0.1 보내기
강력한 PHP 통합 개발 환경

드림위버 CS6
시각적 웹 개발 도구

SublimeText3 Mac 버전
신 수준의 코드 편집 소프트웨어(SublimeText3)

뜨거운 주제











PHP 8.4는 상당한 양의 기능 중단 및 제거를 통해 몇 가지 새로운 기능, 보안 개선 및 성능 개선을 제공합니다. 이 가이드에서는 Ubuntu, Debian 또는 해당 파생 제품에서 PHP 8.4를 설치하거나 PHP 8.4로 업그레이드하는 방법을 설명합니다.

숙련된 PHP 개발자라면 이미 그런 일을 해왔다는 느낌을 받을 것입니다. 귀하는 상당한 수의 애플리케이션을 개발하고, 수백만 줄의 코드를 디버깅하고, 여러 스크립트를 수정하여 작업을 수행했습니다.

VS Code라고도 알려진 Visual Studio Code는 모든 주요 운영 체제에서 사용할 수 있는 무료 소스 코드 편집기 또는 통합 개발 환경(IDE)입니다. 다양한 프로그래밍 언어에 대한 대규모 확장 모음을 통해 VS Code는

JWT는 주로 신분증 인증 및 정보 교환을 위해 당사자간에 정보를 안전하게 전송하는 데 사용되는 JSON을 기반으로 한 개방형 표준입니다. 1. JWT는 헤더, 페이로드 및 서명의 세 부분으로 구성됩니다. 2. JWT의 작업 원칙에는 세 가지 단계가 포함됩니다. JWT 생성, JWT 확인 및 Parsing Payload. 3. PHP에서 인증에 JWT를 사용하면 JWT를 생성하고 확인할 수 있으며 사용자 역할 및 권한 정보가 고급 사용에 포함될 수 있습니다. 4. 일반적인 오류에는 서명 검증 실패, 토큰 만료 및 대형 페이로드가 포함됩니다. 디버깅 기술에는 디버깅 도구 및 로깅 사용이 포함됩니다. 5. 성능 최적화 및 모범 사례에는 적절한 시그니처 알고리즘 사용, 타당성 기간 설정 합리적,

이 튜토리얼은 PHP를 사용하여 XML 문서를 효율적으로 처리하는 방법을 보여줍니다. XML (Extensible Markup Language)은 인간의 가독성과 기계 구문 분석을 위해 설계된 다목적 텍스트 기반 마크 업 언어입니다. 일반적으로 데이터 저장 AN에 사용됩니다

문자열은 문자, 숫자 및 기호를 포함하여 일련의 문자입니다. 이 튜토리얼은 다른 방법을 사용하여 PHP의 주어진 문자열의 모음 수를 계산하는 방법을 배웁니다. 영어의 모음은 A, E, I, O, U이며 대문자 또는 소문자 일 수 있습니다. 모음이란 무엇입니까? 모음은 특정 발음을 나타내는 알파벳 문자입니다. 대문자와 소문자를 포함하여 영어에는 5 개의 모음이 있습니다. a, e, i, o, u 예 1 입력 : String = "Tutorialspoint" 출력 : 6 설명하다 문자열의 "Tutorialspoint"의 모음은 u, o, i, a, o, i입니다. 총 6 개의 위안이 있습니다

정적 바인딩 (정적 : :)는 PHP에서 늦은 정적 바인딩 (LSB)을 구현하여 클래스를 정의하는 대신 정적 컨텍스트에서 호출 클래스를 참조 할 수 있습니다. 1) 구문 분석 프로세스는 런타임에 수행됩니다. 2) 상속 관계에서 통화 클래스를 찾아보십시오. 3) 성능 오버 헤드를 가져올 수 있습니다.

PHP의 마법 방법은 무엇입니까? PHP의 마법 방법은 다음과 같습니다. 1. \ _ \ _ Construct, 객체를 초기화하는 데 사용됩니다. 2. \ _ \ _ 파괴, 자원을 정리하는 데 사용됩니다. 3. \ _ \ _ 호출, 존재하지 않는 메소드 호출을 처리하십시오. 4. \ _ \ _ get, 동적 속성 액세스를 구현하십시오. 5. \ _ \ _ Set, 동적 속성 설정을 구현하십시오. 이러한 방법은 특정 상황에서 자동으로 호출되어 코드 유연성과 효율성을 향상시킵니다.
