1. Dom
  2. Pytanie i odpowiedź
  3. Najlepsze przykłady projektowania formularzy internetowych CRUD

Najlepsze przykłady projektowania formularzy internetowych CRUD

2009-02-23 13 views
53

Mam zamiar zmienić nasze formularze internetowe CRUD i docenią wszelkie przykłady dobrego projektu interfejsu użytkownika.Najlepsze przykłady projektowania formularzy internetowych CRUD

Mamy wiele tabel bazy danych, które mają minimalne potrzeby edycji przez użytkownika - kody krajów, kody podatkowe, ceny produktów i tak dalej - a wszystkie one obecnie używają prostego formatu dla CRUD, ale zostały zaprojektowane przez programistów i Wygląda bardzo nijako i może mieć znacznie lepszą użyteczność, a na pewno lepszy projekt.

Nasz proces jest: ekran

Find - który ma również przycisk Add. Wprowadź wartości dla dowolnych parametrów istotnych dla wyszukiwania i naciśnij przycisk FIND. Dopasowywanie rekordów wyświetlanych w siatce z łączem EDIT. Odpowiedni formularz edycji umożliwia KLIKNIĘCIE, USUŃ i ZAPISZ.

W razie potrzeby w formularzu edycji mogą być wyświetlane rekordy dzieci.

W przypadku bardzo złożonych zapisów/relacji formularz edycji zastępuje się kartą rekordów, która wyświetla wszystko, łącznie z zlewem kuchennym! i odpowiednie rekordy/rekordy podrzędne mają łącza EDYTUJ.

Jest funkcjonalny, ale mało inspirujący.

Na 80:20 kod jest generowany mechanicznie, więc ponowne wygenerowanie go dla nowej metafory nie powinno być zbyt trudne.

Lubię dużo UI na łamach Magento eCommerce Admin, ale byłbym zainteresowany innych przykładów można polecić

Źródło

2009-02-23 Kristen

+0

hej, że interfejs użytkownika magento jest naprawdę fajny ... Podoba mi się również interfejs użytkownika redmine (http://www.redmine.org/), chociaż jest raczej prosty ... – opensas

+0

Myślę, że link do Magento jest nieaktualny, ale pytanie jest ponadczasowe. –

+0

Głosuję, aby zamknąć to pytanie jako nietypowe, ponieważ dotyczy ono interfejsu użytkownika, a nie programowania. Może być na temat dla ux.SE, ale jest zbyt stary, aby migrować –

Odpowiedz

4

Witryna sieci Web Dynamiczne Dane, które można utworzyć przy użyciu .NET 3.5 jest bardzo poręczny. Dobry, czysty, dynamiczny CRUD, a jednocześnie bardzo konfigurowalny. Routing umożliwia domyślne generowanie stron w razie potrzeby i niestandardowych stron, jeśli zdecydujesz się je utworzyć.

Dynamic Data Web Site

Źródło

2009-02-23 16:01:59 achinda99

+0

Thansk. Oglądałem filmy na asp.net i jest trochę jedzenia do przemyślenia, ale to, czego naprawdę szukam, to przykłady w pełni ukształtowanych stron, dzięki którym mogę zobaczyć praktyczne i wypolerowane przykłady z prawdziwego świata. – Kristen

3

Mnie, Django admin interface jest dobrym przykładem interfejsu CRUD.

Źródło

2009-09-19 02:50:20

+1

Jest to rzeczywiście doskonały przykład, ale tak naprawdę jest przestarzały. Jego konstrukcja jest ograniczona do dogmatu "strona za pracę" z dawnych czasów, z ograniczonymi wywołaniami ajaxowymi. Współczesne technologie, takie jak kątowe, pozwalają na większy stopień swobody, co sprawia, że ​​wzorce są bardziej skomplikowane. – Wtower

33

Oto kilka przykładów wzorców UI:

Input Controls

Stacked Tabs

Inline Input Adder

One Page Wizards

Overlay

Ogólnie każda sekcja objaśnia schemat, jak i dlaczego używać, i podaje garść grafik jako przykładów rzeczywistego świata.

Jako dodatkowy zasób można również odwiedzić stronę internetową ThemeForest's admin template site i przeglądać ich wiele produktów, a także uzyskać zdjęcia i trasy koncertowe z bardzo dobrze zaprojektowanymi i zaprojektowanymi stronami administracyjnymi. Osobiście użyłem kilku z tych szablonów dla ciężkich stron danych.

Mam nadzieję, że ci pomogę.

Źródło

2009-11-13 19:50:31 Chris

+0

Dobre przykłady. Nie znalazłem konkretnej aplikacji CRUD, ale wysłałem prośbę o jej UserVoice :) Dzięki za linki. – Kristen

Powiązane problemy

 Powiązane problemy