❄️HMPL 템플릿 언어 소개

안녕하세요 여러분! 나는 한때 많은 기사를 썼지만 실제로 이 HMPL이 무엇인지 말한 적이 없습니다. 오늘 나는 내 자신을 바로잡고 이것이 어떻게 작동하고 프로젝트에서 어떻게 유용할 수 있는지 전체 예를 보여 드리겠습니다. 그럼 가자!

이게 뭔가요?

어떻게 설명할까요? 아마도 이를 설명하는 가장 쉬운 방법은 모든 웹 애플리케이션에 대한 서버측 렌더링(SSR)이지만 로봇 보기는 사용하지 않는 것입니다. 즉, 이 도구를 사용하면 전체 사용자 정의를 통해 서버에서 직접 클라이언트로 구성 요소를 로드할 수 있습니다. 그리고 가장 중요한 것은 모두 템플릿 언어와 같아서 모든 것이 매우 편리하고 실용적이라는 것입니다.

????

그렇습니다. 제가 몇 마디로 말하려고 했지만 일반적으로 예제를 살펴보고 좀 더 자세히 알아볼 가치가 있습니다.

예

한 가지 예로 간단한 클릭커를 예로 들어보겠습니다.

"hmpl-js"에서 hmpl을 가져옵니다.

const templateFn = hmpl.compile(
  `<div>
      <버튼 데이터-액션="증분">



<p>결과는 다음과 같습니다.</p>

<p><img src="https://img.php.cn/upload/article/000/000/000/173595838038516.jpg" alt="❄️Introducing the HMPL Template Language"></p>

<p>그리고 실제로 활용 사례는 얼마든지 있을 수 있습니다. 갤러리부터 간단한 텍스트 로딩까지.</p>

<h2>
  
  
  HMPL이 귀하의 프로젝트에 어떻게 도움이 될 수 있습니까?
</h2>

<p>사실 프로젝트에서 이 모듈이 필요할 수 있는 상황이 엄청나게 많이 발생할 수 있습니다. 우선, 이는 물론 사이트 간 구성요소 공유입니다.</p>

<p>여러 사이트에서 반복되는 사이드바와 같은 구성 요소가 있는 경우 해당 구성 요소를 서버로 이동하고 요청을 통해 서버에서 가져오는 것이 좋습니다. 템플릿을 한 번만 변경하면 수백 개의 사이트는 아니더라도 수십 개의 사이트에서 동일한 결과를 얻을 수 있습니다.</p>

<p><img src="https://img.php.cn/upload/article/000/000/000/173595838185581.jpg" alt="❄️Introducing the HMPL Template Language"></p>

<p>또한 이러한 서버 작업 관행을 통해 클라이언트의 코드를 줄일 수 있습니다. 따라서 사이트 사용자는 실제로 번들의 크기가 더 작기 때문에 처음으로 사이트를 훨씬 더 빠르게 로드하게 됩니다.</p>

<p><img src="https://img.php.cn/upload/article/000/000/000/173595838576474.jpg" alt="❄️Introducing the HMPL Template Language"></p>

<h2>
  
  
  환각
</h2>

<p>이 섹션에는 수백만 개의 유사한 기사 중에서 기사 요약과 같은 내용을 작성합니다. 기사에 요약이 하나 있다고 생각합니다. 종이로 프로그래밍하는 방법을 배워야 정말 멋진 애플리케이션을 만들 수 있습니다.</p><p><img src="https://img.php.cn/upload/article/000/000/000/173595840360379.jpg" alt="❄️Introducing the HMPL Template Language"></p>


          

            
        

위 내용은 ❄️HMPL 템플릿 언어 소개의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!