Hướng dẫn lập trình menu cho EzyPlatform Admin Plugin
Back To BlogsMục tiêu
Trong bài học này, chúng ta sẽ tìm hiểu cách lập trình menu cho Admin Plugin trong EzyPlatform, giúp bạn tạo được menu từ file menu.properties và hiển thị được lên giao diện admin.
1. Tổng quan
Khi tạo một plugin trong EzyPlatform có module admin, mặc định menu của nó sẽ nằm trong khu vực Phần mở rộng (Extension) trên thanh điều hướng của trang quản trị. Tuy nhiên, EzyPlatform cung cấp nhiều vị trí để đặt menu, và bạn có thể tùy chỉnh vị trí này một cách linh hoạt.
Các khu vực chính có thể đặt menu gồm:
- Top: dành cho các plugin quan trọng hoặc sử dụng thường xuyên.
- System: khu vực cho các plugin quản lý hệ thống.
- Admin: dành cho các plugin phục vụ quản trị.
- Extension: dành cho các plugin mở rộng, ít quan trọng hơn.
2. Thay đổi vị trí menu
Mặc định, menu plugin admin sẽ nằm ở khu vực Extension.
Nếu muốn di chuyển nó lên Top, bạn chỉ cần mở file:
/src/main/resources/menu.properties
Ví dụ nội dung hiện tại là:
extensions.personal=/ extensions.personal.dashboard=/dashboard; fas fa-tachometer-alt
Sau đó sửa thành:
top.personal=/ top.personal.dashboard=/dashboard; fas fa-tachometer-alt
Lưu lại thay đổi, export và chạy lại PersonalAdminPluginStartupTest menu của bạn sẽ xuất hiện ở đầu giao diện quản trị.
3. Thay đổi biểu tượng (icon) cho menu
Mặc định, icon của menu là một dấu chấm tròn đơn giản.
Bạn có thể thay đổi nó bằng các biểu tượng Font Awesome hoặc Ionic Icon.
Ví dụ, trong file menu.properties:
top.personal=/; fas fa-blog
PersonalAdminPluginStartupTest menu của bạn sẽ xuất hiện ở đầu giao diện quản trị với icon:
