Ví dụ hay nhất về Thiết kế biểu mẫu web CRUD

Question

Tôi đang tìm cách sửa đổi biểu mẫu web CRUD của chúng tôi và sẽ đánh giá cao bất kỳ ví dụ về thiết kế giao diện người dùng tốt nào.

Chúng tôi có rất nhiều bảng cơ sở dữ liệu có nhu cầu chỉnh sửa tối thiểu của người dùng - Mã quốc gia, Mã số thuế, Giá sản phẩm, v.v. - tất cả đều sử dụng định dạng đơn giản cho CRUD, nhưng được thiết kế bởi nhà phát triển và trông rất nhạt nhẽo, và hoàn toàn có thể có khả năng sử dụng tốt hơn nhiều, và chắc chắn là một thiết kế tốt hơn.

Quy trình của chúng tôi là:

Tìm màn hình - cũng có nút THÊM MỚI. Nhập các giá trị cho bất kỳ tham số nào có liên quan đến tìm kiếm và nhấn nút TÌM. Các bản ghi khớp được hiển thị trong một lưới có liên kết EDIT. Biểu mẫu Chỉnh sửa tương ứng cho phép CLONE, DELETE và SAVE.

Nếu thích hợp, biểu mẫu Chỉnh sửa có thể hiển thị Hồ sơ trẻ em.

Đối với các bản ghi/mối quan hệ rất phức tạp, biểu mẫu Chỉnh sửa được thay thế bằng Thẻ ghi, hiển thị mọi thứ bao gồm bồn rửa nhà bếp! và hồ sơ phụ/hồ sơ phụ có liên kết EDIT.

Chức năng của nó, nhưng không tốn kém.

Trên cơ sở 80:20, mã được tạo ra bằng máy móc, vì vậy việc tạo lại nó cho một phép ẩn dụ mới không quá khó.

Tôi thích rất nhiều giao diện người dùng trong Magento eCommerce Admin trang, nhưng tôi sẽ quan tâm đến bất kỳ ví dụ khác mà bạn có thể giới thiệu

Answer 1

Website Dynamic Data mà bạn có thể tạo ra sử dụng Net 3.5 là khá tiện dụng. Khả năng CRUD động sạch sẽ tốt và rất tùy biến. Định tuyến giúp bạn có thể mặc định các trang được tạo khi cần và các trang tùy chỉnh nếu bạn chọn tạo chúng.

Dynamic Data Web Site

Answer 2

Liên kết đáng xem:

http://www.smashingmagazine.com/2008/04/17/web-form-design-modern-solutions-and-creative-ideas/

http://somerandomdude.com/articles/design/form-design/

Answer 3

Tôi vừa vấp vào này một

đó bạn sẽ tìm thấy một vài mẫu thực sự tuyệt vời !!!

http://www.webappers.com/2009/09/18/20-professional-web-admin-templates-on-themeforest/

Answer 4

Những anh chàng có thật sự tốt đẹp ví dụ-

http://wufoo.com/gallery/

Answer 5

Với tôi, Django admin interface là một ví dụ tốt về một giao diện CRUD.

Answer 6

Dưới đây là một số ví dụ về mô hình giao diện người dùng:

Input Controls

Stacked Tabs

Inline Input Adder

One Page Wizards

Overlay

Nói chung, mỗi phần sẽ giải thích mô hình, cách thức và lý do sử dụng, và đưa ra một số đồ họa làm ví dụ thực tế.

Là tài nguyên bổ sung, bạn cũng có thể truy cập ThemeForest's admin template site và duyệt qua nhiều sản phẩm của họ và xem ảnh và các chuyến tham quan trực tiếp của các trang quản trị được thiết kế và tạo kiểu rất tốt. Cá nhân tôi đã sử dụng một vài trong số các mẫu này cho các trang web dữ liệu nặng.

Hy vọng những điều này sẽ giúp bạn.