Implementazione delle funzionalità di annullamento e ripetizione javascript e php

Question

Desidero implementare la funzionalità Annulla e Ripeti non solo per il lato client ma anche per il lato server. Per insatnce ho un div contenente l'immagine e posso ruotare il ridimensionamento e riscriverlo, Tutte le operazioni di base per la generazione di immagini. E tutte le operazioni aggiornano database e immagini. puoi dire che la mia immagine viene rigenerata e il database viene aggiornato dopo ogni azione.

Ora ho bisogno di implementare funzionalità Annulla e Ripristina. Ho fatto anche delle ricerche. Quello di cui ho bisogno è l'approccio migliore su come implementare l'attività richiesta. Stavo pensando di mantenere ogni azione "tipo di registro" o gestirla con un database o con matrici javascript incluso HTML o cos'altro ??

qual è l'approccio migliore per raggiungere il mio obiettivo.

Grazie,

Answer 1

A un livello base, è bisogno di due cose:

• uno stack operazione (Array) che tiene traccia delle operazioni che sono state eseguite. Quando l'utente esegue un'operazione, si crea un oggetto che descrive l'operazione e lo si aggiunge all'array. Quando l'utente esegue l'annullamento, è possibile rimuovere l'ultimo elemento dall'array.

• ogni tipo di operazione richiede un metodo "salva" e un metodo "annulla". Questo può diventare complicato in quanto alcuni metodi di 'annullamento' sono simili al loro metodo 'salva' (cioè per annullare un capovolgimento orizzontale si esegue semplicemente un altro capovolgimento), mentre altri non hanno tale simmetria (cioè per annullare un raccolto che si dovrebbe memorizzare i dati dell'immagine come prima che si verificasse il ritaglio).

Se si desidera ripristinare la funzionalità, è necessario un secondo stack di operazioni. Ogni volta che un'operazione è stata annullata, la aggiungeresti alla fine della pila di ripetizioni. Se l'utente fa clic su "Ripristina", lo si sposta nuovamente nella pila delle operazioni.

Può essere utile esaminare il modello di comando (http://en.wikipedia.org/wiki/Command_pattern), poiché spesso viene utilizzato per implementare Annulla.

Answer 2

Il mio gestore di annullamento javascript utilizza lo schema di comando. Fondamentalmente, per ogni azione implementate anche un'azione di annullamento e un'azione di ripetizione. È possibile creare la stessa funzionalità sul lato server.

https://github.com/ArthurClemens/Javascript-Undo-Manager

E questo è un chiaro esempio di codice del modello di comando: https://github.com/shichuan/javascript-patterns/blob/master/design-patterns/command.html