Menu

Liferay 7.x: Liên kết đến tài nguyên tĩnh (hình ảnh/js/css) trong portlet

Với Liferay DXP, cách thức phát triển portlet/module có sự thay đổi lớn so với các phiên bản Liferay trước đó. Trước đây, chung ta có để dễ dàng sử dụng các tài nguyên tĩnh như CSS, JS hay các hình ảnh. Các tài nguyên này được xem là một phần của các portlet. Nhưng với Liferay DXP, cách tiếp cận là hoàn toàn khác biệt. Hay xem, làm thế nào để sử dụng được các tài nguyên tĩnh trong việc phát triển portlet/module.
Đầu tiền, bạn cần phải thêm đường dẫn đến web-context vào file bnd (Ví dụ: tên module là my-custom-portlet).
Web-ContextPath: /my-custom-portlet
Tiếp theo, chúng ta thêm các thư mục chứa tài nguyên vào trong thư mục META-INF (thư mục chứa các file css, các file hình ảnh,...).
main\resources\META-INF\resources\css
main\resources\META-INF\resources\images
Và lúc này, bạn có thể sử dụng các file css, hình ảnh mà các bạn thêm vào. Cụ thể:
  • Với css: <link href="/o/my-custom-portlet/css/my-custom.css" rel="stylesheet" type="text/css" />
  • Với hình ảnh: <img src="/o/my-custom-portlet/images/logo.jpg" />
Bạn có thể làm tương tự với các tài nguyên khác như các file JS, các mẫu báo cáo,...
Xem bài viết gốc tại đây.

Không có nhận xét nào:

Đăng nhận xét