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);
}(2). 해당 렌더링:
해당 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" 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 lazy" src="/static/imghwm/default1.png" data-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 lazy" src="/static/imghwm/default1.png" data-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 lazy" src="/static/imghwm/default1.png" data-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 lazy" src="/static/imghwm/default1.png" data-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>(2) 댓글에 응답: 댓글에 응답하는 레이블 버튼은 댓글 응답 스타일을 참조하고 클릭 이벤트에서 댓글 입력 상자를 표시하거나 숨기는 작업을 수행합니다.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에서 댓글 응답 기능을 구현하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
산과 기본 데이터베이스 : 차이 및 각각을 사용 해야하는시기.Mar 26, 2025 pm 04:19 PM이 기사는 산 및 기본 데이터베이스 모델을 비교하여 특성과 적절한 사용 사례를 자세히 설명합니다. 산은 금융 및 전자 상거래 애플리케이션에 적합한 데이터 무결성 및 일관성을 우선시하는 반면 Base는 가용성 및
PHP 보안 파일 업로드 : 파일 관련 취약점 방지.Mar 26, 2025 pm 04:18 PM이 기사는 코드 주입과 같은 취약점을 방지하기 위해 PHP 파일 업로드 보안에 대해 설명합니다. 파일 유형 유효성 검증, 보안 저장 및 오류 처리에 중점을 두어 응용 프로그램 보안을 향상시킵니다.
PHP 입력 유효성 검증 : 모범 사례.Mar 26, 2025 pm 04:17 PM기사는 내장 함수 사용, 화이트리스트 접근 방식 및 서버 측 유효성 검사와 같은 기술에 중점을 둔 보안을 향상시키기 위해 PHP 입력 유효성 검증에 대한 모범 사례를 논의합니다.
PHP API 요율 제한 : 구현 전략.Mar 26, 2025 pm 04:16 PM이 기사는 토큰 버킷 및 누출 된 버킷과 같은 알고리즘을 포함하여 PHP에서 API 요율 제한을 구현하고 Symfony/Rate-Limiter와 같은 라이브러리 사용 전략에 대해 설명합니다. 또한 모니터링, 동적 조정 요율 제한 및 손도 다룹니다.
PHP 비밀번호 해싱 : password_hash 및 password_verify.Mar 26, 2025 pm 04:15 PM이 기사에서는 PHP에서 암호를 보호하기 위해 PHP에서 Password_hash 및 Password_Verify 사용의 이점에 대해 설명합니다. 주요 주장은 이러한 기능이 자동 소금 생성, 강한 해싱 알고리즘 및 Secur를 통해 암호 보호를 향상 시킨다는 것입니다.
OWASP Top 10 PHP : 일반적인 취약점을 설명하고 완화하십시오.Mar 26, 2025 pm 04:13 PM이 기사는 PHP 및 완화 전략의 OWASP Top 10 취약점에 대해 설명합니다. 주요 문제에는 PHP 응용 프로그램을 모니터링하고 보호하기위한 권장 도구가 포함 된 주입, 인증 파손 및 XSS가 포함됩니다.
PHP XSS 예방 : XSS로부터 보호하는 방법.Mar 26, 2025 pm 04:12 PM이 기사는 PHP의 XSS 공격을 방지하기위한 전략, 입력 소독, 출력 인코딩 및 보안 향상 라이브러리 및 프레임 워크 사용에 중점을 둔 전략에 대해 설명합니다.
PHP 인터페이스 대 추상 클래스 : 각각을 사용할 때.Mar 26, 2025 pm 04:11 PM이 기사는 각각의 사용시기에 중점을 둔 PHP의 인터페이스 및 추상 클래스 사용에 대해 설명합니다. 인터페이스는 관련없는 클래스 및 다중 상속에 적합한 구현없이 계약을 정의합니다. 초록 클래스는 일반적인 기능을 제공합니다
핫 AI 도구
Undresser.AI Undress
사실적인 누드 사진을 만들기 위한 AI 기반 앱
AI Clothes Remover
사진에서 옷을 제거하는 온라인 AI 도구입니다.
Undress AI Tool
무료로 이미지를 벗다
Clothoff.io
AI 옷 제거제
AI Hentai Generator
AI Hentai를 무료로 생성하십시오.
인기 기사
뜨거운 도구
SublimeText3 Linux 새 버전
SublimeText3 Linux 최신 버전
mPDF
mPDF는 UTF-8로 인코딩된 HTML에서 PDF 파일을 생성할 수 있는 PHP 라이브러리입니다. 원저자인 Ian Back은 자신의 웹 사이트에서 "즉시" PDF 파일을 출력하고 다양한 언어를 처리하기 위해 mPDF를 작성했습니다. HTML2FPDF와 같은 원본 스크립트보다 유니코드 글꼴을 사용할 때 속도가 느리고 더 큰 파일을 생성하지만 CSS 스타일 등을 지원하고 많은 개선 사항이 있습니다. RTL(아랍어, 히브리어), CJK(중국어, 일본어, 한국어)를 포함한 거의 모든 언어를 지원합니다. 중첩된 블록 수준 요소(예: P, DIV)를 지원합니다.
Atom Editor Mac 버전 다운로드
가장 인기 있는 오픈 소스 편집기
DVWA
DVWA(Damn Vulnerable Web App)는 매우 취약한 PHP/MySQL 웹 애플리케이션입니다. 주요 목표는 보안 전문가가 법적 환경에서 자신의 기술과 도구를 테스트하고, 웹 개발자가 웹 응용 프로그램 보안 프로세스를 더 잘 이해할 수 있도록 돕고, 교사/학생이 교실 환경 웹 응용 프로그램에서 가르치고 배울 수 있도록 돕는 것입니다. 보안. DVWA의 목표는 다양한 난이도의 간단하고 간단한 인터페이스를 통해 가장 일반적인 웹 취약점 중 일부를 연습하는 것입니다. 이 소프트웨어는
VSCode Windows 64비트 다운로드
Microsoft에서 출시한 강력한 무료 IDE 편집기
