Phpmaster | phpquery를 사용한 서버 측 HTML 처리

웹 개발의 일상 업무에는 클라이언트 및 서버 측 코드 모두에서 작업해야합니다. PHP를 사용하여 비즈니스 로직을 작성하고 사용자의 브라우저에 표시 할 HTML을 생성합니다. 그런 다음 jQuery 또는 프로토 타입과 같은 프레임 워크를 사용하여 클라이언트 측 상호 작용을 제공합니다. 이제 서버 측 PHP 코드를 사용하여 생성 된 HTML을 변경하고 조작 할 수있는 방법에 대해 생각해보십시오. phpquery는 당신의 마음에 올 것입니다. PHPQuery에 대해 들어 본 적이 없다면 PHPQuery에 대한 간단한 소개를 제공하고 실제 프로젝트에서 어떻게 사용할 수 있는지 설명 하므로이 기사에 관심이있을 수 있습니다. 키 테이크 아웃

PHPQuery는 jQuery JavaScript 라이브러리를 기반으로 한 서버 측, 체인 가능한 CSS3 선택어 중심 문서 개체 모델 (DOM) API입니다. DOM 조작이 필요한 작업을 단순화하고 jQuery와 유사한 기능을 제공하고 Echo 문 및 유사한 방법을 사용하여 어수선한 HTML 코드 생성의 필요성을 제거합니다. PHPQuery의 기능에는 DOM 요소 생성, 요소 선택 및 조작, DOM을 통한 반복 및 브라우저에 출력을 인쇄하는 것이 포함됩니다. 또한 선택기, 속성, 트래버 싱, 조작, Ajax, 이벤트 및 유틸리티와 같은 기능을 제공합니다. PHPQuery를 사용하면 개발자가 서버 측 PHP 코드를 사용하여 생성 된 HTML을 변경하고 조작 할 수 있습니다. 이는 클라이언트 측에서 전통적으로 수행 된 작업이 이제 서버 측에서 처리 될 수 있으므로 웹 응용 프로그램의 성능과 보안을 향상시킬 수 있습니다. PHPQuery는 순수한 PHP 코드에 비해 더 나은 코드 품질과 확장 성을 제공합니다. 확장을 위해 코드를 열 수 있지만 개방형 원칙을 준수하여 수정을 위해 닫힙니다. 이는 기존 코드를 수정하지 않고 새로운 기능을 추가 할 수 있음을 의미합니다.

phpquery

PHPQuery는 jQuery JavaScript 라이브러리를 기반으로 한 서버 측, 체인 가능한 CSS3 선택기 중심 문서 객체 모델 (DOM) API입니다.

이것은 공식 phpquery 프로젝트 페이지에 제공된 정의입니다. jQuery를 사용한 경우 DOM 조작이 필요한 많은 작업을 단순화 할 수있는 방법에 대한 아이디어가 있습니다. PHPQuery는 서버 측 PHP 코드에서 사용하기에 정확히 동일한 기능을 제공합니다. ECHO 문 및 유사한 방법을 사용하여 어수선한 HTML 코드 생성에 작별 인사를 할 수 있습니다. PHPQuery에서 jQuery가 제공 한 대부분의 기능에 액세스 할 수 있으며, 아래에 언급 된 4 가지 작업으로 크게 나눌 수 있습니다.

dom 요소 만들기 요소 선택 및 조작 dom 를 통한 반복 출력을 브라우저로 인쇄합니다 PHPQuery가 제공 한 기능을 사용하여 "포트 jQuery 섹션"이라고하는 작업을 실행할 수 있습니다. 먼저 기능을 보겠습니다.

선택기 - 주어진 조건에 따라 요소를 찾으십시오 속성 - DOM 요소의 속성으로 작업하십시오 트래 버스 - 선택한 요소 목록을 통해 이동합니다 조작 - 선택한 요소의 컨텐츠를 추가 및 제거하십시오 ajax - 서버 측면 Ajax 요청을 작성합니다 이벤트 - 선택한 요소에 DOM 이벤트를 바인딩합니다 유틸리티 - 다른 기능을 지원하기위한 일반적인 기능
• 프로젝트 페이지에서 code.google.com/p/phpquery에서 phpquery 라이브러리를 다운로드 할 수 있습니다. 폴더를 웹 서버에 복사하면 갈 준비가됩니다. 설치는 간단하며 Demo.php 파일을 실행하여 시작할 수 있습니다. phpquery를 사용하는 방법 아래 이미지에서 볼 수 있듯이 헤더와 홀수 및 짝수 행을위한 다른 행 색상이있는 2 열 변환 목록을 만드는 방법을 보여 드리겠습니다.
• 먼저 phpquery를 사용하여 HTML 문서를 작성하겠습니다.
위의 코드는 DIV 태그가있는 기본 HTML 문서를 만듭니다. 도서관은 문서를 작성하는 다양한 방법을 제공합니다. 가장 간단한 것을 사용했지만 Demo.php와 문서에서 다른 것들을 찾을 수 있습니다. 이제 우리는 변하지 않은 목록을 만들어 HTML 문서에 추가해야합니다.
• 당신은 우리가 지금 순서가없는 목록을 가지고 있음을 알 수 있습니다. 그러나 모든 요소는 기본값 인 단일 열에 있습니다. 목록의 짝수 요소를 두 번째 열로 옮겨야합니다.
스타일 속성을 사용하여 여기서 예시에 필요한 CSS 스타일을 정의하지만 실제로 필요한 경우 인라인 스타일을 사용하는 것이 좋습니다. 항상 CSS 클래스를 사용하여 스타일을 추가하십시오. 이제 phpquery 메소드를 사용하여 헤더와 번호가 매겨진 행을 강조하겠습니다.
• 우리는 간단한 예제를 완료했으며 이제 HTML 생성 서버 측을 단순화하는 데 PHPQuery를 사용하는 방법에 대한 아이디어가 있어야합니다. 우리가 한 모든 일은 jQuery에서 수행 한 것과 거의 동일합니다. 우리는 $ doc 객체에 대한 모든 작업을 수행했습니다.

  phpquery의 중요성 PHPQuery의 기능을 설명했지만 클라이언트 측에 jQuery가있을 때 왜 라이브러리가 필요한지 궁금해해야합니다. 실용적인 시나리오를 사용하여 phpquery의 중요성을 보여 드리겠습니다. 다음과 같은 상황을 고려하십시오. 인터뷰에 참석 한 웹 개발자에 대한 모든 정보가있는 다음과 같은 테이블이 있다고 가정하십시오.

• 이제이 시나리오에서 개발 해야하는 요구 사항 목록은 다음과 같습니다.
  시험을 위해 60 개가 넘는 자국을받은 지원자는 파란색으로 강조 표시되어야합니다.
  • 3 년 이상의 실무 경험을 가진 신청자는 "선임 소프트웨어 엔지니어 신청"이라는 링크를 가져야하며 다른 지원자는 "소프트웨어 엔지니어 신청"링크가 있어야합니다. 회사는 경험에 근거한 급여 구조를 가지고 있습니다.
  1 년 - $ 5,000
  • 2 년 - $ 10,000
  3 년 - $ 20,000
  • 3 년 이상 - $ 50,000
    • 급여 열은 기준과 일치하는 지원자의 경우 녹색으로 강조 표시되어야합니다.
    • 이것이 출력의 모습입니다.
    • 개발자는 순수한 PHP 코드를 사용하여 요구 사항을 충족하기 위해 다음 솔루션을 제공 할 수 있습니다.

      <span><span><?php
      </span></span><span><span>require("phpQuery/phpQuery.php");
      </span></span><span><span>$doc = phpQuery<span>::</span>newDocument("<div/>");</span></span>

      이제 phpquery를 사용하여 코드와 장점을 비교해 봅시다.

      <span><span><?php
      </span></span><span><span>...
      </span></span><span><span>$doc["div"]->append("<ul><li>Product Name</li><li>Price</li></ul>");
      </span></span><span><span>$products = array(
      </span></span><span>    <span>array("Product 1","<span><span></span>"</span>),
      </span></span><span>    <span>array("Product 2","<span><span></span>"</span>),
      </span></span><span>    <span>array("Product 3","<span><span></span>"</span>));
      </span></span><span>
      </span><span><span>foreach($products as $key=>$product) {
      </span></span><span>    <span>$doc["div ul"]->append("<li><span><span>$product[0]</span></li><li><span>$product[1]</span></li>"</span>);
      </span></span><span><span>}
      </span></span><span><span>print $doc;</span></span>

      jQuery와 함께 작업한다는 지식이 있다면 PHPQuery는 쉽습니다. 위의 코드의 대부분은 자기 설명이 될 것입니다. PQ ()가 현재 문서를 지칭한다고 언급하고 싶습니다. 다른 모든 것은 jQuery 함수입니다. 둘 다 비슷해 보이지만 phpquery를 사용하는 코드는 더 나은 품질과 확장 성을 제공합니다. 나중에 추가 기능을 추가 해야하는 경우 원래 코드가 얼마나 부서지기 쉬운 지 생각해보십시오. 작업 경험을 기반으로 마크에 대한 추가 검증을 추가한다고 가정 해 봅시다. 이 시나리오에서는 다른 방법을 추가하고 Foreach 루프 내부에 반환 된 결과를 할당해야합니다. 즉, 공개적으로 입금 된 원칙을 위반하면서 이미 서면 코드를 변경해야합니다.

      소프트웨어 엔티티 (클래스, 모듈, 기능 등)는 확장을 위해 열려 있어야하지만 수정을 위해 닫힙니다.

      phpquery를 사용하는 두 번째 예제에서는 코드가 먼저 유효성 검사없이 생성 된 다음 각 기능으로 표를 전달하고 변경 사항이 원래 테이블에 배치됩니다. 각 함수는 다른 기능에 영향을 미치지 않으므로 새로운 요구 사항에 대한 새로운 기능을 작성하고 다른 기능과 함께 루프 외부에서 사용할 수 있습니다. 우리는 이미 존재하는 코드를 수정하지 않습니다. 이것을 장식이라고합니다.

      데코레이터 패턴은 기존 객체에 동작을 동적으로 추가 할 수있는 설계 패턴입니다.

      요약 우리는 phpquery 기능과 그 중요성을 소개 하여이 자습서를 시작했습니다. 간단한 예제를 사용하여 phpquery를 사용하는 방법을 배운 후에는 코드 품질을 향상시키는 데 훨씬 더 중요한 실제 예로 옮겼습니다. PHPQuery는 서버 측에서 HTML과 함께 일할 수있는 새로운 관점을 제공했으며, 다른 방식으로 PhpQuery를 사용하고 아래 의견에서 개인적인 경험을 공유하기를 바랍니다. phpquery 를 사용한 서버 측 HTML 처리에 대한 질문이 자주 묻습니다

      phpQuery 란 무엇이며 서버 측 HTML 처리에 중요한 이유는 무엇입니까? phpquery는 jQuery JavaScript 라이브러리를 기반으로하는 서버 측, CSS3 선택기 중심 문서 개체 모델 (DOM) API입니다. PHP5로 작성되었으며 서버 측에서 HTML 요소를 처리하는 쉬운 방법을 제공합니다. 이를 통해 개발자는 전통적으로 클라이언트 측에서 수행 된 HTML 문서 트래버스 및 조작, 이벤트 처리 및 애니메이션과 같은 작업을 수행 할 수 있습니다. 이것은 웹 응용 프로그램의 성능과 보안을 크게 향상시킬 수 있습니다.

      PhpQuery는 다른 DOM 조작 라이브러리와 어떻게 비교됩니까?

      PhpQuery는 특히 jQuery에 익숙한 개발자에게 단순성과 사용 편의성으로 두드러집니다. 대부분의 jQuery 구문을 지원하므로 HTML 요소를 쉽게 선택, 조작 및 트래버지 할 수 있습니다. 다른 라이브러리와 달리 PhpQuery는 연쇄 가능합니다. 즉, PHPQuery를 설치하는 방법은

      PHP의 종속성 관리 도구 인 Composer를 사용하여 어떻게 설치할 수 있습니까? Comment Composer가 PhpQuery/PhpQuery가 필요로하여 PhpQuery를 프로젝트에 추가 할 수 있습니다. 이것은 phpquery의 최신 안정적인 버전 및 그 종속성을 다운로드하여 설치합니다.

      phpquery를 사용하여 요소를 선택하는 방법은 무엇입니까?

      phpquery는 css3 selectors를 사용하여 JQuery와 유사한 요소를 선택합니다. 예를 들어, 문서에서 모든 단락을 선택하려면 $ doc [ 'p']를 사용합니다. 또한 $ doc [ 'div.content> p']와 같은 더 복잡한 선택기를 사용하여 클래스“내용”을 가진 DIV의 직접 어린이 인 모든 단락을 선택할 수 있습니다.

      phpQuery를 사용하여 요소를 조작하는 방법

      phpquery는 요소를 조작하기위한 여러 가지 방법을 제공하는 방법을 어떻게 제공합니까? 예를 들어, 부록 (), prepend (), After () 및 이전 () 메소드를 사용하여 컨텐츠를 삽입 할 수 있습니다. attr () 메소드를 사용하여 속성의 값을 얻거나 설정할 수 있으며 클래스를 조작하는 AddClass (), removeClass () 및 ToggleClass () 메소드를 설정할 수 있습니다.

      phpquery를 사용하여 이벤트를 처리하는 방법은 BIND () 메소드를 통해 이벤트 처리를 지원하는 방법을 어떻게 지원합니까? 이 방법을 사용하여 이벤트 핸들러를 요소에 첨부 할 수 있습니다. 예를 들어, $ doc [ 'p']-> bind ( 'click', function () {echo '단락 클릭!';}); “단락이 클릭되었습니다!” 단락을 클릭 할 때마다

      ajax와 함께 phpquery를 사용할 수 있습니까?

      예, phpquery는 ajax () 메소드를 통해 ajax를 지원합니다. 이 메소드를 사용하면 비동기 HTTP 요청을 서버로 보내고 phpquery를 사용하여 응답을 조작 할 수 있습니다.

      phpquery를 사용하여 애니메이션을 수행하는 방법은 무엇입니까?

      phpquery는 animate () 메소드를 통해 애니메이션을 지원합니다. 이 메소드를 사용하면 시간이 지남에 따라 CSS 속성을 변경하여 사용자 정의 애니메이션을 만들 수 있습니다.

      PhpQuery를 사용하여 DOM을 어떻게 가로 지르나요?

      phpquery는 children (), parent (), next (), prev (), find ()와 같은 DOM을 가로 지르는 몇 가지 방법을 제공합니다. 이 방법을 사용하면 문서의 요소를 탐색 할 수 있습니다.

      다른 PHP 라이브러리와 함께 phpquery를 사용할 수 있습니까?

      예, PHPQuery는 다른 PHP 라이브러리와 함께 사용할 수 있습니다. 유연하고 상호 운용성이 풍부하도록 설계되었으므로 PHP 개발자의 툴킷에 훌륭한 도구가됩니다.

위 내용은 Phpmaster | phpquery를 사용한 서버 측 HTML 처리의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!