0

Tenho um sistema que possui uma grande quantidade de <input>s necessários para montar uma requisição, eles são divididos em 4 partes (componentes), sendo cada parte com uma ou mais subpartes (subcomponentes)

Não quero salvar os dados no servidor aos poucos, o servidor só receberá uma requisição com todos os dados. Então preciso armazenar localmente

Tive duas ideias:

  1. Criar um formáulrio para cada componente e subcomponente e emitir um evento quando a mesma estiver concluída que serão ouvidos pelo componente raiz, lá será gerenciado os dados

  2. Salvar localmente as pates dos dados em LocalStorage, quando a última etapa estiver pronta, montar a requisição

Observações:

  • No modelo 1 será salvo os dados localmente de qualquer jeito, porém isso será feito apena pelo componente raiz, já no modelo 2 isso será feito por cada componente ou subcomponente

  • Por ser um formulário muito grande, pode ser que ele não seja totalmente preenchido em um único momento, assim como pode ser necessário começar um novo cadastro, mas mantendo o anterior salvo para finalizar posteriormente

Como fazer esse controle de forma simples e legível? Outras formas são bem vindas

A dúvida não é como implementar, mas qual implementar

9
  • Eu não usaria nenhuma das duas formas. Creio que armazenar dados de formulário em localStorage não seja uma prática muito sensata, já que os dados podem se tornar vulneráveis (com XSS, principalmente). Já procurou por algo chamado form wizard? Commented 9/03/2019 às 15:17
  • @LuizFelipe por que da vulnerabilidade a ataques XSS? Não dá pra colocar um form container, ficaria muito difícil controlar os componentes filhos através do pai, além disso se eu criar com o FormBuilder eu teria uma estrutura gigante, de difícil entendimento e manutenção
    – Costamilam
    Commented 9/03/2019 às 15:36
  • Suponha que alguém, por alguma razão, consiga injetar um script no seu sistema (XSS). Essa pessoa pode acessar o localStorage a partir daí. Por isso não creio que seja uma boa prática... Commented 9/03/2019 às 15:38
  • Mas só se eu permitir que a pessoa ijete algum script, se meu sistema está protegido, o LocalStorage também está
    – Costamilam
    Commented 9/03/2019 às 15:40
  • De fato. Mas ainda creio que opções como form wizard sejam mais simples. Já deu uma olhada? :) Commented 9/03/2019 às 15:43

0

Você deve fazer log-in para responder a esta pergunta.

Pesquise outras perguntas com a tag .