❄️Memperkenalkan Bahasa Templat HMPL

Hello semua! Saya pernah menulis banyak artikel, tetapi sebenarnya saya tidak pernah memberitahu apa itu HMPL. Hari ini saya akan membetulkan diri saya dan akan menunjukkan dalam contoh penuh cara ia berfungsi dan bagaimana ia boleh berguna dalam projek anda. Baiklah, mari kita pergi!

Apa ini?

Bagaimana saya hendak menerangkannya? Mungkin cara paling mudah untuk menerangkannya ialah: Perenderan sisi pelayan (SSR) untuk sebarang aplikasi web, tetapi tanpa tontonan robot. Iaitu, alat ini akan membolehkan anda memuatkan komponen kepada klien terus dari pelayan, dan dengan penyesuaian penuh. Dan, yang paling penting, semuanya seperti bahasa templat, iaitu, semuanya sangat mudah dan praktikal.

????

Baiklah, itu yang saya cuba sampaikan dalam beberapa perkataan, tetapi secara umum ia patut melihat contoh dan kemudian kita boleh belajar sedikit lagi.

eXaMpLe

Sebagai satu contoh, mari kita ambil klik mudah:

import hmpl daripada "hmpl-js";

const templateFn = hmpl.compile(
  `<div>
      <button data-action="increment">



<p>Keputusannya adalah seperti berikut:</p>

<p><img src="/static/imghwm/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/173595838038516.jpg?x-oss-process=image/resize,p_40" class="lazy" alt="❄️Introducing the HMPL Template Language"></p>

<p>Dan, sebenarnya, terdapat banyak contoh penggunaan. Daripada galeri kepada memuatkan teks ringkas.</p>

<h2>
  
  
  Bagaimanakah HMPL boleh membantu dalam projek anda?
</h2>

<p>Dalam projek, sebenarnya, anda boleh menghasilkan sejumlah besar situasi apabila anda mungkin memerlukan modul ini. Pertama sekali, ini, sudah tentu, berkongsi komponen antara tapak.</p>

<p>Jika anda mempunyai komponen seperti bar sisi yang diulang pada beberapa tapak anda, adalah idea yang baik untuk mengalihkannya ke pelayan dan mendapatkannya dari sana melalui permintaan. Dengan menukar templat sekali, anda akan mendapat hasil yang sama pada berpuluh-puluh, jika tidak beratus-ratus tapak.</p>

<p><img src="/static/imghwm/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/173595838185581.jpg?x-oss-process=image/resize,p_40" class="lazy" alt="❄️Introducing the HMPL Template Language"></p>

<p>Selain itu, amalan bekerja dengan pelayan sedemikian akan membolehkan untuk mengurangkan kod pada klien. Oleh itu, pengguna tapak akan memuatkan tapak buat kali pertama dengan lebih pantas, kerana sebenarnya saiz berkas akan menjadi lebih kecil.</p>

<p><img src="/static/imghwm/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/173595838576474.jpg?x-oss-process=image/resize,p_40" class="lazy" alt="❄️Introducing the HMPL Template Language"></p>

<h2>
  
  
  Ilusi
</h2>

<p>Dalam bahagian ini, daripada sejuta artikel serupa, mereka menulis sesuatu seperti ringkasan artikel itu. Saya fikir artikel itu mempunyai satu ringkasan. Kami perlu belajar memprogram di atas kertas dan anda boleh mencipta aplikasi yang sangat hebat.</p>
<p><img src="/static/imghwm/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/173595840360379.jpg?x-oss-process=image/resize,p_40" class="lazy" alt="❄️Introducing the HMPL Template Language"></p>


          </button>
</div>

            
        

Atas ialah kandungan terperinci ❄️Memperkenalkan Bahasa Templat HMPL. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!