CRUD 애플리케이션의 그리드 대안?

Question

따라서 기본 CRUD 응용 프로그램을 구축하도록 할당되었습니다. 또한 모든 인벤토리 항목을 나열하는이 페이지가 있습니다. 사용자가 해당 중 하나를 편집하려면 모든 항목 옆에 "편집"버튼이 있습니다.

당신은 드릴을 알고 있습니다.

나는 최근에 그러한 CRUD 페이지 중 하나를 수정하는 임무를 맡았으며 다소 추악 해 보였다. 그래서 나는 그것이 약간의 연마를 사용할 수 있다고 결정했습니다.

그러나 그것에 대해 생각합니다 ... 많은 데이터를 표시하는 CRUD 페이지를 만들 때 그리드를 사용하는 좋은 대안이 무엇인지 궁금합니다.

ajax/속도/보안/구현 문제를 제외하고 ...

큰 크루드 페이지에서 그리드를 사용하는 좋은 대안은 무엇입니까?

나는 그것이 중요하다면 미학에 대한 유용성을 기꺼이 거래 할 의향이 있습니다.

Answer 1

많은 레코드에 대해 비교적 적은 필드를 표시하기 위해서는 그리드와 같은 테이블 디스플레이에 아무런 문제가 없습니다. 특히 작업에 레코드를 검색하거나 비교하는 경우. 거기 ~이다 편집 버튼을 편집 할 수있는 문제가 있습니다. 이는 사용자가 두 개의 창문을 배워야하고 자신을 탐색하는 방법을 배워야하며, 더 오래 걸립니다.

큰 유용성 개선은 편집입니다. 읽기 전용 그리드 대신 그리드 내 (또는 그리드 대신 대신 텍스트 상자, 확인란, 빗 상자 등)에 대한 적절한 컨트롤 배열이 있습니다. ). 페이지의 단일 저장 버튼은 모든 변경 사항을 모든 레코드에 저장합니다 (또는 적절한 이벤트에 대해 자동으로 변경 사항을 게시 함).

양식과 같은 레이아웃 (탭 베드)은 레코드가 거의없는 많은 필드를 표시 해야하는 경우 표 형 레이아웃의 대안입니다. 페이징 컨트롤 (예 : 레코드 세트 컨트롤처럼 보이는)을 제공하여 사용자가 레코드 중 페이지를 페이지로 만들 수 있습니다.

레코드가 많으면 그리고 많은 필드는 마스터-디테일 조합을 통해 표를 형태와 같은 레이아웃과 결합 할 수 있습니다. 페이지 상단의 테이블은 레코드의 키 필드를 표시하고 페이지 하단의 맨 아래에있는 양식은 현재 테이블의 레코드에 중점을 둔 모든 레코드에 대한 "오버 플로우"필드입니다.

또 다른 대안은 레코드를 그래픽으로 표시하는 것입니다. 두 개의 필드를 선택하고 페이지에서 아이콘을 찾는 데 사용되는 x 및 y 좌표로 각 레코드의 값을 나타냅니다. 작업에 패턴 또는 관련 레코드를 검색하는 것이 좋습니다. 초점이있는 레코드 (아이콘)의 추가 필드는 페이지의 세부 사항 부분에서 형태와 같은 레이아웃으로 표시 될 수 있습니다.

당신이 할 수있는 또 다른 일은 표 또는 형태와 같은 레이아웃 (예 : 아이콘, 미니 바 그래프, 그늘 또는 색상 코딩 등) 내에서 특정 필드를 그래픽으로 표시하는 것입니다. 이를 통해 사용자는 특정 값이있는 레코드를 검색하는 데 도움이 될 수 있습니다. 또한 작은 공간 (예 : 스파크 라인)에 많은 데이터의 일반적인 요지를 표시 할 수 있습니다.

사용자, 작업 및 작업 환경의 사용자 성능을 극대화하는 레이아웃을 선택하십시오.

Answer 2

클릭 할 때 편집을 위해 더 많은 필드를 열거 나 새 창이나 양식을 열는 목록 (그리드 대신). 이런 식으로 화면에는 처음부터 데이터가 과부하되지 않으며 가장 중요한 데이터가 사용할 수있는 한 매우 유용합니다.

예를 들어 Gmail 채팅 연락처 목록 (스크린 샷 여기).

일부 애플리케이션에서는 표시에 필요한 정보를 줄이는 데 도움이되는 매우 훌륭한 유용성 터치는 검색/필터 상자가 좋습니다. 상자에 입력하면 목록이 일치하는 항목으로 필터링됩니다.