1. casa
  2. Domanda e risposta
  3. I migliori esempi di progettazione di moduli Web CRUD

I migliori esempi di progettazione di moduli Web CRUD

2009-02-23 13 views
53

Sto cercando di rinnovare i moduli Web CRUD e apprezzerei qualsiasi esempio di buona progettazione dell'interfaccia utente.I migliori esempi di progettazione di moduli Web CRUD

Abbiamo molte tabelle di database che hanno esigenze di modifica minime da parte dell'utente: codici Paese, codici fiscali, prezzi dei prodotti e così via - e tutti attualmente utilizzano un formato semplice per CRUD, ma è stato progettato dagli sviluppatori e sembra molto blando e molto probabilmente potrebbe avere una migliore usabilità e sicuramente un design migliore.

Il nostro processo è: schermo

Find - che ha anche un nuovo pulsante Aggiungi. Immettere i valori per tutti i parametri rilevanti per la ricerca e premere il tasto TROVA. Record corrispondenti visualizzati in una griglia con un collegamento EDIT. Il modulo di modifica corrispondente consente CLONE, DELETE e SAVE.

Ove appropriato, un modulo di modifica può visualizzare i registri figlio.

Per record/relazioni molto complessi, il modulo di modifica viene sostituito da una scheda di registrazione, che visualizza tutto compreso il lavello della cucina! e i record/sottodivisioni appropriati hanno collegamenti EDIT.

È funzionale, ma non entusiasmante.

Su una base di 80:20 il codice è tutto generato meccanicamente, quindi rigenerarlo per una nuova metafora non dovrebbe essere troppo difficile.

mi piace un sacco dell'interfaccia utente nelle Magento eCommerce Admin pagine, ma mi sarebbe interessato a tutti gli altri esempi si può consigliare

fonte

2009-02-23 Kristen

+0

hey, quell'interfaccia utente magento è davvero bella ... Mi piace anche l'interfaccia utente di redmine (http://www.redmine.org/) anche se è piuttosto semplice ... – opensas

+0

Penso che il collegamento Magento sia obsoleto, ma il tuo la domanda è senza tempo. –

+0

Sto votando per chiudere questa domanda come off-topic perché riguarda l'interfaccia utente, non la programmazione. Potrebbe essere in argomento per ux.SE, ma troppo vecchio per migrare –

risposta

4

Il Sito Web Dynamic Data che è possibile creare utilizzando .Net 3.5 è piuttosto comodo. Buona abilità dinamica CRUD dinamica e tuttavia molto personalizzabile. Il routing rende possibile l'impostazione predefinita delle pagine generate quando necessario e delle pagine personalizzate se si sceglie di crearle.

Dynamic Data Web Site

fonte

2009-02-23 16:01:59 achinda99

+0

Thansk. Ho visto i film su asp.net e ci sono alcuni spunti di riflessione, ma quello che cerco davvero sono alcuni esempi di siti completamente formati in modo che io possa vedere esempi pratici e raffinati del mondo reale. – Kristen

3

Per me, la Django admin interface è un buon esempio di un'interfaccia CRUD.

fonte

2009-09-19 02:50:20

+1

In effetti è un eccellente esempio, ma è decisamente obsoleto. Il suo design è vincolato dal dogma di una pagina per l'operazione dei vecchi tempi, con chiamate ajax limitate. Oggigiorno tecnologie come l'angolare consentono gradi più elevati di libertà, rendendo più complicati i modelli di progettazione. – Wtower

33

Ecco alcuni esempi di modelli di interfaccia utente:

Input Controls

Stacked Tabs

Inline Input Adder

One Page Wizards

Overlay

Generalmente ogni sezione spiegherà il modello, come e perché utilizzarlo e fornisce una manciata di elementi grafici come esempi reali.

Come risorsa aggiuntiva, puoi anche visitare ThemeForest's admin template site e sfogliare i loro numerosi prodotti e ottenere immagini e tour dal vivo di pagine di amministrazione molto ben progettate e stilizzate. Personalmente ho usato alcuni di questi modelli per i siti di dati pesanti.

Spero che questi ti aiutino.

fonte

2009-11-13 19:50:31 Chris

+0

Bei esempi. Non ho trovato uno specifico CRUD, ma ho inviato una richiesta sul loro UserVoice :) Grazie per i collegamenti. – Kristen

Problemi correlati

 Problemi correlati