1. Zuhause
  2. Frage und Antwort
  3. Die besten Beispiele für CRUD Web Form Design

Die besten Beispiele für CRUD Web Form Design

2009-02-23 7 views
53

Ich möchte unsere CRUD-Webformulare neu gestalten und würde alle Beispiele für gutes UI-Design begrüßen.Die besten Beispiele für CRUD Web Form Design

Wir haben viele Datenbanktabellen, die vom Benutzer nur minimale Bearbeitungsbedürfnisse haben - Ländercodes, Steuercodes, Produktpreise usw. - und alle verwenden derzeit ein einfaches Format für CRUD, aber es wurde von Entwicklern und sieht sehr langweilig aus, und könnte möglicherweise eine viel bessere Benutzerfreundlichkeit und sicherlich ein besseres Design haben.

Unser Prozess ist:

Suche Bildschirm - die auch eine ADD NEW-Taste hat. Geben Sie Werte für alle relevanten Parameter ein und drücken Sie die FIND-Taste. Übereinstimmende Datensätze, die in einem Raster mit einem EDIT-Link angezeigt werden. Das entsprechende Bearbeitungsformular erlaubt CLONE, DELETE und SAVE.

Gegebenenfalls zeigt ein Bearbeitungsformular untergeordnete Datensätze an.

Für sehr komplexe Datensätze/Beziehungen wird das Edit-Formular durch eine Record Card ersetzt, die alles anzeigt, einschließlich der Küchenspüle! und entsprechende Datensätze/Unterdatensätze haben EDIT-Verknüpfungen.

Seine funktionale, aber wenig inspirierend.

Auf einer 80: 20-Basis wird der Code alle mechanisch generiert, so dass es für eine neue Metapher neu generieren sollte nicht zu schwer sein.

Ich mag viele der Benutzeroberfläche in den Magento eCommerce Admin Seiten, aber ich würde in allen anderen Beispielen interessieren Sie

Quelle

2009-02-23 Kristen

+0

hey, das magento UI ist wirklich nett ... Ich mag auch Redmine UI (http://www.redmine.org/), obwohl es eher einfach ist ... – opensas

+0

Ich denke, die Magento-Link ist veraltet, aber Ihre Frage ist zeitlos. –

+0

Ich stimme für das Schließen dieser Frage als Off-Topic ab, weil es um UI geht, nicht um Programmierung. Es könnte am Thema für ux.SE sein, aber zu alt, um –

Antwort

4

Das Dynamic Data Web-Site empfehlen können, die Sie erstellen können mit .Net 3.5 ziemlich praktisch ist. Gute, saubere, dynamische CRUD-Fähigkeit und dennoch sehr anpassbar. Durch das Routing können Sie bei Bedarf generierte Seiten und benutzerdefinierte Seiten festlegen, wenn Sie sie erstellen möchten.

Dynamic Data Web Site

Quelle

2009-02-23 16:01:59 achinda99

+0

Thansk zu migrieren. Ich habe mir die Filme auf asp.net angeschaut und es gibt einige Denkanstöße, aber was ich wirklich suche, sind einige Beispiele von voll ausgebildeten Websites, so dass ich praktische und polierte Beispiele aus der realen Welt sehen kann. – Kristen

3

Für mich haben, ist die Django admin interface ein gutes Beispiel für eine CRUD-Schnittstelle.

Quelle

2009-09-19 02:50:20

+1

Es ist zwar ein hervorragendes Beispiel, aber es ist sehr veraltet. Sein Design ist vom Dogma der alten Seite mit begrenzten Ajax-Anrufen abhängig. Heutzutage ermöglichen Technologien wie eckig höhere Freiheitsgrade, wodurch Designmuster komplizierter werden. – Wtower

33

Hier sind einige Beispiele von UI-Muster:

Input Controls

Stacked Tabs

Inline Input Adder

One Page Wizards

Overlay

Im Allgemeinen erklärt jeder Abschnitt das Muster, wie und warum zu verwenden, und gibt eine Handvoll Grafiken als reale Beispiele.

Als zusätzliche Ressource können Sie auch ThemeForest's admin template site besuchen und durchsuchen Sie ihre vielen Produkte und erhalten Bilder und Live-Touren von sehr gut gestalteten und gestalteten Admin-Seiten. Ich persönlich habe einige dieser Vorlagen für datenintensive Websites verwendet.

Hoffe diese helfen Ihnen einige.

Quelle

2009-11-13 19:50:31 Chris

+0

Schöne Beispiele. Ich habe keine CRUD-spezifische gefunden, aber ich habe eine Anfrage auf ihren UserVoice gestellt :) Danke für die Links. – Kristen

Verwandte Themen

 Verwandte Themen