drawDB: Sơ Đồ ERD Miễn Phí Trên Trình Duyệt

drawDB Là Gì?

drawDB là một trình chỉnh sửa sơ đồ quan hệ thực thể (ERD) chạy hoàn toàn trên trình duyệt, được xây dựng bằng React và Tailwind CSS. Bạn kéo thả để tạo bảng, định nghĩa cột và quan hệ, rồi drawDB biến sơ đồ đó thành một script SQL để xuất ra — nó cũng đọc lại một script SQL có sẵn để dựng thành sơ đồ. Sơ đồ được lưu vào IndexedDB ngay trên trình duyệt, nên luồng chỉnh sửa chính không cần gọi tới server.

Năng Lực Cốt Lõi

• ✓Trình chỉnh sửa ERD trực quan để dựng bảng, cột và quan hệ chỉ với vài cú click, không cần tài khoản hay đăng ký.
• ✓Luồng SQL hai chiều: xuất một sơ đồ thành script SQL, hoặc import một script SQL có sẵn để có lại sơ đồ.
• ✓Tạo migration, nên thay đổi schema ra thẳng dưới dạng SQL có thể chạy trên database thật, thay vì so sánh ảnh chụp màn hình bằng tay.
• ✓Nhận biết nhiều loại database — các topic của repo liệt kê rõ hỗ trợ PostgreSQL, MariaDB, SQL Server, SQLite và Oracle Database, chứ không chỉ một dialect SQL cố định.
• ✓Sơ đồ được lưu cục bộ qua IndexedDB, nên reload trang không mất công sức dù không có backend.
• ✓Tính năng chia sẻ file tuỳ chọn qua một server đi kèm, drawdb-io/drawdb-server, cấu hình bằng biến môi trường riêng — chỉ cần khi bạn muốn chia sẻ sơ đồ cho người khác.
• ✓Tuỳ biến editor, theo README, ngoài luồng chính là vẽ sơ đồ và xuất SQL.

Bắt Đầu Với drawDB

Chạy local cần Node và npm: git clone https://github.com/drawdb-io/drawdb, sau đó npm install và npm run dev. Build production là npm run build với cùng các bước clone và install. Để chạy trong container, docker build -t drawdb . rồi docker run -p 3000:80 drawdb sẽ phục vụ ứng dụng ở port 3000. Không bước nào trong số này cần tài khoản hay connection string database — drawDB chạy độc lập cho tới khi bạn thật sự cần tính năng chia sẻ, lúc đó mới cần tới project drawdb-server riêng và các biến môi trường trong .env.sample của nó.

Các Công Cụ Diagram Khác

Câu Hỏi Thường Gặp

Vấn đề nó giải quyết

Phác thảo một schema database trước khi xây dựng gì cả thường buộc bạn chọn một trong hai: vẽ tay các ô và mũi tên trong một công cụ diagram chung chung không hiểu SQL là gì, hoặc mở một database client đầy đủ tính năng vốn giả định bạn đã có kết nối sống để modeling theo. drawDB nằm ở giữa hai lựa chọn đó — được xây riêng xoay quanh việc modeling entity-relationship với SQL là output hạng nhất, nên bạn thiết kế schema, xuất ra script, hoặc import một script có sẵn để trực quan hoá nó, tất cả trước khi database thật sự tồn tại để kết nối.

Trường hợp sử dụng tốt nhất

• •Whiteboard một schema mới cùng team trước khi viết file migration nào, rồi xuất kết quả thành SQL để seed migration đầu tiên.
• •Reverse-engineer một schema lạ bằng cách import một script SQL có sẵn và có lại sơ đồ ERD trực quan.
• •Làm việc trên stack nhiều loại database — PostgreSQL, MariaDB, SQL Server, SQLite hoặc Oracle — mà không phải đổi công cụ theo từng vendor.
• •Chạy một instance tự host riêng tư qua Docker cho các team không muốn sơ đồ schema chạm vào một SaaS bên thứ ba.
• •Vẽ nhanh sơ đồ cho tài liệu hoặc mô tả pull request, vì editor chính không cần tài khoản hay bước setup nào.

Ai nên dùng — và ai nên bỏ qua

Chọn drawDB nếu bạn muốn một cách nhanh, không cần cài đặt, để phác thảo schema và có ngay SQL thật — hợp với dev solo, team nhỏ đang prototype data model, hoặc bất kỳ ai muốn có ERD mà không phải mở một database client nặng nề. Bỏ qua nếu bạn cần cộng tác nhiều người tích hợp sẵn, lịch sử phiên bản của sơ đồ, hoặc bạn không thoải mái với điều khoản copyleft của AGPL-3.0 cho một triển khai thương mại — không cái nào trong số đó được giải quyết bởi gói mã nguồn mở như đã ghi nhận.

Repo liên quan