Đã đăng vào thg 7 18, 8:36 SA 3 phút đọc

(EzyPlatform) Hướng dẫn thêm phím tắt chức năng menu Admin cho dự án sử dụng Ezy PlatForm

Giới thiệu

Ezy PlatForm hỗ trợ sẵn 1 menu Admin có đầy đủ các chức năng cơ bản để sự dụng, tuy nhiên trong các dự án thực tế chúng ta cần thêm các chức năng để tối ưu cho người sử dụng 1 cách đơn giản và dễ dàng hơn. Sau đây sẽ là cách để chúng ta có thể thêm một lối tắt chức năng vào menu Admin

Cách Cài Đặt

B1: Tạo phím chức năng

Trong package [project]_admin_plugin tìm đến file menus.properties. Đây sẽ là file để chúng ta có thể tùy chỉnh và thêm vào chức năng mới cho menu trang Admin. Trong ví dụ này mình sẽ hướng dẫn tạo đường dẫn tắt quản lý các bài viết được sử dụng cho chức năng lấy hình ảnh từ bài viết làm banner cho trang web.

Tại đây chúng ta có thể thấy cấu trúc cài đặt của file từ ví dụ phía trên. Trong đó:

top là vị trí độ ưu tiên xuất hiện trong menu

myblog là tên của menu. Có thể coi nó là menu cha

highlight_posts là các chức năng con nằm trong menu cha.

Sau dấu = sẽ là đường dẫn cho các chức năng đó

Sau cùng chúng ta có thể sử dụng các class của Font Awesome để thêm icon cho menu (lưu ý: các icon chỉ hoạt động với phiên bản Font Awesome 5)

Tiếp theo, ta có thể chỉnh sửa lại cách hiển thị cho phím chức năng

Truy cập đường dẫn: [project]-admin-plugin\src\main\resources\messages

Trong file message.properties ta có thể chỉnh sửa lại tên hiển thị cho menu như sau:

myblog=My Blog

Hoặc trong message_vi.properties ta có thể đặt tên các chức năng theo tiếng việt:

myblog=Blog của tôi
highlight_posts=Các bài viết nổi bật

Lưu ý: sau khi hoàn thành các bước trên cần phải chạy lệnh cmd export.bat tại folder dự án để hiển thị nút chức năng

Cuối cùng, đây là kết quả xuất hiện trên giao diện Admin:

B2: Tùy chỉnh đường dẫn cho phím chức năng

Đầu tiên tạo Class Controller trong đường dẫn [project]-admin-plugin\src\main\java\com\viet\myblog\admin\controller\view

tiếp theo thêm các thông tin sau vào trong Class

@DoGet("/highlight-posts")
    public Redirect highlightPostsGet() {
        return Redirect.to(
            "url"
        );
    }

Để lấy đường đẫn, chúng ta sẽ chọn nó trong phần Admin như sau:

Đầu tiền, truy cập tới chức năng cần đưa ra phím tắt trong trang Admin

Trong ví dụ này mình sẽ lấy đường dẫn tới mục Posts và tìm kiếm các bài viết có Term highlight thuộc Type là BANNER để thuận thiện cho người dùng truy cập tới nó trực tiếp mà không cần phân loại để quản lý các bài viết được sử dụng hình ảnh làm Banner cho trang web