MÃ NGUỒN MỞ
Backend · WebFlux
com.byeolnaerim:webflux-fe-dev-assistant
Giảm thiểu việc viết lại giữa frontend và backend bằng cách tạo OpenAPI·AsyncAPI, khung handler và enum trường MongoDB dựa trên nguồn backend
WebFlux
OpenAPI
AsyncAPI
implementation("com.byeolnaerim:webflux-fe-dev-assistant:<version>")
BỐ TRÍ LINH HOẠT
Cách sử dụng cơ bản của FlexLayout
Ví dụ cấu hình Split View có thể thay đổi kích thước ở dạng đơn giản nhất.
Bên trái là mã, bên phải là màn hình hoạt động thực tế có cấu trúc tương tự.
Mã
import { FlexLayout, FlexLayoutContainer } from "@byeolnaerim/flex-layout";
<FlexLayout direction="column" layoutName="column-layout">
<FlexLayoutContainer containerName="top-container" isResizePanel>
<FlexLayout direction="row" layoutName="top-layout">
<FlexLayoutContainer containerName="top-left" isResizePanel grow={1.3}>
...
</FlexLayoutContainer>
<FlexLayoutContainer containerName="top-right" grow={0.7}>
...
</FlexLayoutContainer>
</FlexLayout>
</FlexLayoutContainer>
<FlexLayoutContainer containerName="bottom-container">
<FlexLayout direction="row" layoutName="bottom-layout">
<FlexLayoutContainer containerName="bottom-left" isResizePanel grow={0.3}>
...
</FlexLayoutContainer>
<FlexLayoutContainer containerName="bottom-right" grow={1.7}>
...
</FlexLayoutContainer>
</FlexLayout>
</FlexLayoutContainer>
</FlexLayout>
ỦNG HỘ · Hỗ trợ
Việc ủng hộ giúp duy trì và nâng cao chất lượng.
Được sử dụng trực tiếp cho cập nhật thư viện, tài liệu/ví dụ, sửa lỗi, phát triển tính năng mới. Một sự ủng hộ nhỏ cũng là một sức mạnh lớn.
LIÊN HỆ