Chuyển đổi HTML sang EJS

HTML [Ngôn ngữ đánh dấu siêu văn bản] được sử dụng để thiết kế cấu trúc của một trang web và nội dung của nó. HTML thực sự không phải là ngôn ngữ lập trình kỹ thuật như C++, JAVA hay python. Nó là một ngôn ngữ đánh dấu và cuối cùng nó đưa ra các hướng dẫn khai báo cho trình duyệt. Khi một trang web được tải, trước tiên trình duyệt sẽ đọc HTML và xây dựng cây DOM [Mô hình đối tượng tài liệu] từ đó. HTML bao gồm một loạt các yếu tố

Công cụ mẫu là gì?

Công cụ mẫu là một công cụ cho phép các nhà phát triển viết đánh dấu HTML bằng cách sử dụng JavaScript đơn giản. Công cụ mẫu có cú pháp hoặc thẻ được xác định riêng sẽ chèn các biến hoặc chạy một số logic lập trình trong thời gian chạy và tạo HTML cuối cùng trước khi gửi nó tới trình duyệt để hiển thị.  

 

EJS là gì?

EJS chỉ đơn giản là viết tắt của Embedded JavaScript. Nó là một ngôn ngữ hoặc công cụ mẫu đơn giản. EJS có cú pháp và thẻ được xác định riêng. Nó cung cấp một cách dễ dàng hơn để tạo HTML động

Mối quan hệ giữa HTML và EJS

Chúng tôi thực sự xác định HTML theo cú pháp EJS và chỉ định cách thức và vị trí các dữ liệu khác nhau sẽ xuất hiện trên trang. Sau đó, công cụ mẫu kết hợp những dữ liệu này và chạy logic lập trình để tạo trang HTML cuối cùng. Vì vậy, nhiệm vụ của EJS là lấy dữ liệu của bạn và chèn nó vào trang web theo cách bạn đã xác định mẫu và tạo HTML cuối cùng.  

Ví dụ: bạn có thể có một bảng dữ liệu động từ cơ sở dữ liệu và bạn muốn EJS tạo bảng dữ liệu theo quy tắc hiển thị của bạn

Khi nào thì sử dụng HTML/EJS?

Nó thay đổi tùy theo ứng dụng của bạn. Nếu bạn muốn hiển thị trang tĩnh thì hãy chọn tệp HTML và nếu bạn muốn hiển thị trang động nơi dữ liệu của bạn đến từ nhiều nguồn khác nhau thì bạn phải chọn tệp EJS

Sự khác biệt giữa chỉ mục. ejs và chỉ mục. html

Tệp HTML Tệp EJSTốt cho trang web tĩnh. Tốt cho trang web động. Ngôn ngữ đánh dấu HTML được sử dụng để viết tệp HTML. JavaScript được sử dụng để viết các tệp EJS. Được viết bằng ngôn ngữ HTML. Đánh dấu HTML tạo động bằng JavaScript. Nó không thể liên kết dữ liệu động trước khi gửi nó tới trình duyệt. Dữ liệu động sẽ liên kết với mẫu sau đó đầu ra cuối cùng sẽ gửi tới trình duyệt. Phần mở rộng của tệp HTML là. htmlPhần mở rộng của tệp EJS là. ejs

Ví dụ. Giả sử bạn có một trang web để hiển thị mức lương của nhân viên. Nếu bạn tạo một tệp HTML tĩnh thì bạn cần phải viết lại nó mỗi khi có thêm nhân viên mới hoặc thay đổi lương. Tuy nhiên, với EJS, việc chèn dữ liệu động vào nó trở nên quá dễ dàng.  

Mã phiên bản HTML

mục lục. html