- vừa được xem lú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

0 0 4

Người đăng: Việt

Theo Viblo Asia

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

image.png


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.

image.png

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

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

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

  1. Đầu tiên tạo Class Controller trong đường dẫn [project]-admin-plugin\src\main\java\com\viet\myblog\admin\controller\view
  1. 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" ); }
  1. Để 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

image.png

  • 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 TypeBANNER để 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
  1. Sau khi có đường dẫn chức năng, chúng ta chỉ cần thêm vào trong Class Controller được khởi tạo ở bước 1. Sau khi hoàn thành sẽ có kết quả sau:

image.png

  1. Khi đã hoàn thành các bước trên, chúng ta có thể sử dụng phím chức năng vừa tạo ra.

Tổng kết

Trong bài viết này ta đã tìm hiểu về việc thêm một phím tắt menu chức năng cho trang Admin, hy vọng bài viết này sẽ giúp ích cho dự án của bạn

Bình luận

Bài viết tương tự

- vừa được xem lúc

EzyPlatform - Giới thiệu về nền tảng Lập trình từ người Việt

Giới thiệu về Ezyplatform - Nền tảng lập trình từ người Việt. Ezyplatform là gì.

0 0 16

- vừa được xem lúc

EzyPlatform - Tạo blog dễ dàng với EzyBlog - Không cần code hay thiết kế

Giới thiệu. Bạn muốn tạo một trang blog nhưng không muốn đối mặt với sự phức tạp của việc lập trình hay thiết kế web? Đừng lo, EzyPlatform là giải pháp cho bạn.

0 0 16

- vừa được xem lúc

EzyPlatform - Cách tích hợp đăng nhập nhanh chóng với EzyLogin - Không cần code hay thiết kế

Giới thiệu. Bạn muốn tạo một trang web với tính năng đăng nhập, đăng ký cho người dùng, nhưng không muốn phải đối mặt với sự phức tạp của việc lập trình hay thiết kế giao diện đăng nhập? Đừng lo, EzyL

0 0 15

- vừa được xem lúc

Tích hợp Đăng nhập với Google vào Ứng dụng Web với EzyLogin - Phần 2

Giới thiệu. Trong phần 1, chúng ta đã khám phá cách tích hợp tính năng đăng nhập và đăng ký cơ bản vào ứng dụng web của bạn bằng EzyLogin.

0 0 26

- vừa được xem lúc

Tích hợp Đăng nhập với Facebook vào Ứng dụng Web với EzyLogin - Phần 3

Giới thiệu. Trong phần 2 chúng ta đã tìm hiểu cách tích hợp tính năng đăng nhập và đăng ký bằng Google với EzyLogin.

0 0 18

- vừa được xem lúc

Tạo dự án EzyPlatform

Khởi tạo project. Bước 1: Cài đặt SDK và giải nén. . Bước 3: Thêm %EZYPLATFORM_SDK%in vào biến path.

0 0 10