Unidade 2 - Construir o controle do BD (parte 2)

00:43:19
https://www.youtube.com/watch?v=jcAkfGWK0q4

Resumen

TLDRO vídeo apresenta um tutorial sobre como desenvolver um aplicativo para gerenciar informações sobre planetas, utilizando Flutter e Dart. O foco principal é a manipulação de dados, incluindo a inclusão, exclusão e listagem de planetas, bem como a navegação entre diferentes telas do aplicativo. O apresentador demonstra como modificar o código para implementar um sistema de feedback que informa o usuário sobre o sucesso da operação de inclusão. Além disso, é abordada a conexão com um banco de dados para persistir os dados, ressaltando a importância da estrutura adequada de dados e da manipulação eficaz das entradas do usuário. O vídeo é uma introdução prática ao desenvolvimento de aplicativos móveis com funcionalidades dinâmicas e interativas.

Para llevar

  • 🌍 O aplicativo permite gerenciar planetas.
  • 📚 Navegação entre telas é feita usando o Navigator.
  • 📝 Inclusão de planetas gera um feedback ao usuário.
  • 🗃️ Dados são armazenados em um banco de dados.
  • 🔄 O método submit form valida e salva os dados.
  • 💻 O vídeo utiliza Dart e Flutter como principais ferramentas.
  • ⚙️ Estruturas de dados são essenciais para gerenciar informações.
  • ✍️ Mensagens de sucesso são exibidas após inclusão.
  • 📊 O código passa por várias modificações para melhor organização.
  • 🔧 A apresentação é uma introdução ao desenvolvimento de aplicativos móveis.

Cronología

  • 00:00:00 - 00:05:00

    O usuário inicia o projeto e implementa uma aplicação para gerenciar planetas, incluindo operações como inserir, deletar e buscar, com foco na criação de uma tela para gerenciar informações.

  • 00:05:00 - 00:10:00

    Modificações na tela principal fazem com que o aplicativo mostre uma nova interface para gerenciar planetas. O código é alterado para definir um título para a tela e organizar as variáveis, iniciando a implementação de funções para manipulação dos planetas.

  • 00:10:00 - 00:15:00

    Usa-se um novo procedimento para abrir a tela de planetas, criando variáveis para gerenciar o fluxo de navegação entre telas. O desenvolvedor menciona a importância de limpar o código e melhorar a estrutura do software.

  • 00:15:00 - 00:20:00

    A implementação de um botão para 'incluir planeta' é feita, utilizando um método para navegar entre as telas. Um método que cria um novo planeta começa a ser desenvolvido, mas ainda faltam algumas definições de funções e implementação.

  • 00:20:00 - 00:25:00

    A parte de navegação entre telas é reforçada e abordada, com ênfase no uso de métodos para gerenciamento de navegação. O desenvolvedor faz referências à estrutura de dados e implementações com a classe Navigator para facilitar a transição entre telas do aplicativo.

  • 00:25:00 - 00:30:00

    O desenvolvedor discute a necessidade de um método 'incluir planeta' para iniciar o processo de organização e estrutura de dados que serão salvos no banco. O código é revisado para garantir que a navegação e a entrada de dados estejam corretas.

  • 00:30:00 - 00:35:00

    O programa passa a incluir dados em um banco de dados utilizando um objeto JSON, e um método de inserção é preparado. A criação da estrutura de dados necessária para o banco é mencionada, reforçando a importância das variáveis e manipulação de dados.

  • 00:35:00 - 00:43:19

    Por fim, é discutido como os dados de planetas são salvos e exibidos ao usuário. Há um chamado à ação para que os desenvolvedores testem a funcionalidade, enfatizando a continuidade do aprendizado e a importância de validações futuras.

Ver más

Mapa mental

Vídeo de preguntas y respuestas

  • Qual é o objetivo do vídeo?

    O objetivo é ensinar a manipular dados de planetas em um aplicativo, incluindo navegação entre telas e operações de CRUD.

  • Que tipo de aplicativo está sendo desenvolvido?

    Um aplicativo para gerenciar informações sobre planetas.

  • Quais operações são demonstradas no vídeo?

    Inserir, excluir e listar planetas.

  • Como a navegação entre telas é realizada?

    A navegação é realizada utilizando a classe Navigator do Flutter.

  • O que acontece ao inserir um planeta?

    A inclusão exibe uma mensagem de sucesso e permite voltar para a tela anterior.

  • Qual é a função do método submit form?

    O método valida os dados do formulário, salva as informações e chama a inclusão do planeta.

  • Como os dados são armazenados?

    Os dados são armazenados em um banco de dados usando a estrutura de mapeamento.

  • Que tipo de feedback é fornecido ao usuário?

    Feedback na forma de mensagens que confirmam a inclusão bem-sucedida dos dados.

  • Que linguagem de programação é utilizada no aplicativo?

    O aplicativo é desenvolvido em Dart, usando o framework Flutter.

  • Como o vídeo aborda a manipulação de dados?

    O vídeo detalha a estrutura de dados e a integração com o banco de dados para persistência.

Ver más resúmenes de vídeos

Obtén acceso instantáneo a resúmenes gratuitos de vídeos de YouTube gracias a la IA.
Subtítulos
pt
Desplazamiento automático:
  • 00:00:13
    colocando então a ideia que agora a
  • 00:00:17
    gente tem o controle né do planeta onde
  • 00:00:20
    nós podemos inserir
  • 00:00:23
    deletar
  • 00:00:24
    alterar listar buscar Enfim uma série de
  • 00:00:29
    operações
  • 00:00:30
    que normalmente são feitas em B dados a
  • 00:00:34
    gente
  • 00:00:36
    vai criar a condição de utilização né
  • 00:00:40
    Então essa utilização gente nós vamos
  • 00:00:42
    fazer o seguinte ó
  • 00:00:45
    eh lembrem Que A Gente Tá acessando a
  • 00:00:49
    tela planeta aqui
  • 00:00:51
    ó porque eu fiz uma uma modificação no
  • 00:00:56
    nosso Main aqui né inicialmente o nosso
  • 00:00:59
    Main ao invés de pro tela planeta ele ia
  • 00:01:02
    exatamente aqui pro my home page tá
  • 00:01:08
    então o que que a gente vai fazer ó a
  • 00:01:09
    gente vai voltar aquela condição
  • 00:01:15
    eh Inicial tá
  • 00:01:19
    eh colocando aqui né só que agora eu
  • 00:01:22
    tenho que colocar o title lembra que daí
  • 00:01:25
    ele tem title aqui como como um dos
  • 00:01:30
    parâmetros né então a gente volta aqui
  • 00:01:32
    ah é só acho que uns cont control Z da
  • 00:01:34
    vi deixa eu ver
  • 00:01:38
    não então vamos de novo né title
  • 00:01:45
    Eh
  • 00:01:47
    app planetas
  • 00:01:52
    né manter o padrão de nome aqui que eu
  • 00:01:55
    não me lembro mais onde que tááá
  • 00:01:58
    é PP planeta está ótimo né então uma vez
  • 00:02:04
    que a gente colocou aqui vocês podem ver
  • 00:02:06
    que ele já mudou né aqui e o que me
  • 00:02:11
    interessa é exatamente esse botão aqui
  • 00:02:14
    do mais né então agora a gente vai ter
  • 00:02:17
    que fazer algumas modificações né então
  • 00:02:19
    vamos vamos dar uma limpada nesse
  • 00:02:21
    programa aqui né porque afinal de contas
  • 00:02:22
    seria o nosso programa Então a gente vai
  • 00:02:24
    fazer o quê A gente vai deixar eh
  • 00:02:31
    esse text Por enquanto aqui mas vamos
  • 00:02:34
    limpar ele tirar a variável que tá aqui
  • 00:02:36
    né que a gente colocou essa variável
  • 00:02:38
    para
  • 00:02:39
    e fazer um teste apenas né então vamos
  • 00:02:41
    colocar lá planetas aqui só para ele
  • 00:02:44
    ficar
  • 00:02:48
    eh bacaninha né então só para não ficar
  • 00:02:53
    essa linha aqui vamos colocar aqui
  • 00:02:57
    e o const né
  • 00:03:00
    Tá então vamos dar uma organizada aqui
  • 00:03:03
    no no software e tal esse Counter aqui
  • 00:03:06
    eu vou tirar agora não vou mais usar o
  • 00:03:08
    Counter certo
  • 00:03:11
    tá da mesma forma agora ele coloca tudo
  • 00:03:14
    em azul aqui e eu vou utilizar esse esse
  • 00:03:17
    botão aqui ó só que agora a gente vai
  • 00:03:19
    trocar esse Eu até vou ir lá no
  • 00:03:21
    incremente Counter para eu eliminar ele
  • 00:03:25
    ó lembra que era aqui que a gente tava
  • 00:03:27
    colocando que o planeta tinha tamanho
  • 00:03:29
    vezes do Então a gente vai tirar isso
  • 00:03:31
    daqui né tá E também a gente vai agora
  • 00:03:35
    aqui ó eh tirar essa variável planeta
  • 00:03:39
    porque
  • 00:03:40
    e nesse momento ela não precisa estar
  • 00:03:43
    aqui também a gente vai tirar o Counter
  • 00:03:44
    aqui agora né a gente vai dar
  • 00:03:48
    uma limpada aqui né aqui em cima
  • 00:03:51
    basicamente não muda né Eh aqui agora a
  • 00:03:55
    gente vai tirar esses caras aqui só para
  • 00:03:58
    ir fazendo do zero então vamos ver lá é
  • 00:04:01
    esse incremento aqui é um press que nós
  • 00:04:03
    vamos ter que criar um novo tá então
  • 00:04:05
    aqui ó o que que eu vou fazer ó eu vou
  • 00:04:08
    usar esse botão aqui que já tá pronto e
  • 00:04:10
    vou criar um procedimento chamado
  • 00:04:16
    incluir planeta tá então óbvio que ele
  • 00:04:21
    tá dando erro porque ele né não tá
  • 00:04:24
    declarado né existe a possibilidade aqui
  • 00:04:27
    quer ver
  • 00:04:29
    de ó criar a classe criar o getter local
  • 00:04:33
    criar o método né
  • 00:04:35
    E vamos ver aqui se eu criar método fica
  • 00:04:38
    interessante ó só faz um void in clar
  • 00:04:40
    planeta só para parar de dar o erro
  • 00:04:42
    beleza já me serve né então única coisa
  • 00:04:46
    que eu vou fazer é mudar esse cara aqui
  • 00:04:47
    de lugar cont control e x aqui ó vou
  • 00:04:51
    colocar ele para cima aqui ó Mas é só
  • 00:04:54
    uma questão pessoal minha tá como ele
  • 00:04:57
    faz parte da classe aqui my home
  • 00:05:00
    eh page state né eu coloco ele aqui e só
  • 00:05:04
    para ele ficar sem dar erro então o que
  • 00:05:07
    que vai acontecer quando eu clicar aqui
  • 00:05:09
    ó eu quero que ele abra a tela de
  • 00:05:13
    planeta né quero que ele abra essa
  • 00:05:17
    tela e ao abrir a tela ele vai fazer
  • 00:05:20
    algumas coisas né então Primeiro vamos
  • 00:05:22
    ver como é que nó fazemos para abrir
  • 00:05:23
    essa tela né ou seja para ela mostrar
  • 00:05:25
    aqui né ela aparecer aqui e de forma que
  • 00:05:29
    eu possa
  • 00:05:31
    eh
  • 00:05:32
    cadastrar o o o meu elemento né então
  • 00:05:36
    vamos ver se a gente consegue nesse
  • 00:05:39
    momento fazer isso né basicamente O que
  • 00:05:41
    que a gente pode fazer Ó tem várias
  • 00:05:43
    formas né mas a forma mais assim
  • 00:05:47
    elegante mais correta de fazer é você
  • 00:05:50
    criar aqui ó uma
  • 00:05:54
    variável do tipo né aqui ó tela planeta
  • 00:05:57
    então eu faço assim né eu vou lá e copio
  • 00:05:58
    aqui para não precisar escrever de novo
  • 00:06:01
    lá no Main dentro do procedimento aqui ó
  • 00:06:04
    eu vou colocar do tipo tela planeta eu
  • 00:06:07
    vou ter o
  • 00:06:08
    tela planeta tá igual
  • 00:06:16
    tela
  • 00:06:19
    planeta
  • 00:06:20
    tá bom tá dando erro por quê Porque ela
  • 00:06:23
    não tá incluída então a gente vem aqui
  • 00:06:26
    agora deixa ela dar um quick
  • 00:06:30
    Eita dá um quick Fix aqui de
  • 00:06:35
    novo dá um quick Fix ó ag ela não me
  • 00:06:39
    pega Vou importar a tela né ele para de
  • 00:06:41
    dar esse erro aqui mas ele continua
  • 00:06:43
    dizendo para mim assim ó que não
  • 00:06:48
    eh está sendo utilizada então nós temos
  • 00:06:52
    que utilizar essa essa tela né
  • 00:06:54
    exatamente no procedimento de incluir o
  • 00:06:58
    planeta bom agora a gente vai começar a
  • 00:07:02
    trabalhar num novo conceito
  • 00:07:04
    gente eu vou fechar aqui também ó e esse
  • 00:07:08
    novo conceito ele vai trabalhar com
  • 00:07:10
    aquilo que a gente chama de navegação
  • 00:07:14
    então eu vou ter mais de uma tela Então
  • 00:07:16
    eu tenho que navegar entre as telas né e
  • 00:07:19
    o nome não podia ser outro né é
  • 00:07:21
    Navigator mesmo né então eu vou pegar
  • 00:07:24
    aqui agora e vou incluir aqui pr pra
  • 00:07:27
    gente vou incluir planeta nos moldes e
  • 00:07:31
    que ele vai ficar então incluir planeta
  • 00:07:33
    ele vai ter essa essa aparência aqui ó
  • 00:07:36
    tá V aumentar um pouco aqui ó então ó
  • 00:07:40
    vou falar para ele aqui formatar o
  • 00:07:42
    documento
  • 00:07:44
    então o nosso incluir planeta ele vai
  • 00:07:47
    receber aqui a variável de contexto essa
  • 00:07:49
    variável de contexto a gente até pode
  • 00:07:51
    deixar ela de em segundo plano né que
  • 00:07:54
    daí ela passa a usar o contexto geral Às
  • 00:07:57
    vezes isso aqui vai provocar um erro não
  • 00:07:59
    é erro ele vai avisar que ainda não foi
  • 00:08:01
    montado e pode ser que ele fique com um
  • 00:08:06
    azulzinho embaixo então você pode passar
  • 00:08:08
    o parâmetro ou não passar o parâmetro se
  • 00:08:10
    você quiser se você passar o parâmetro
  • 00:08:12
    ele ele Opa aqui ó cont control Z ó ele
  • 00:08:17
    muda de cor aqui ó porque ele passa a
  • 00:08:18
    ser uma variável local então Há
  • 00:08:21
    controvérsias né É É muito simples vocês
  • 00:08:23
    vão ver que na hora que a gente incluir
  • 00:08:25
    o o planeta a gente só vai repetir
  • 00:08:27
    Contex Contex lá então quer ver ó
  • 00:08:30
    incluir planeta quando eu chamar ele
  • 00:08:33
    agora lá no no nesse cara aqui ó no no
  • 00:08:38
    botão eu só preciso vir aqui agora e
  • 00:08:41
    colocar aqui que eu preciso de contexte
  • 00:08:44
    aqui
  • 00:08:45
    ó como o parâmetro que vai ser passado
  • 00:08:49
    né Deixa eu só ver o que que tá errando
  • 00:08:52
    aqui que eu não incluí planeta ser que
  • 00:08:54
    eu escrevi errado cont C
  • 00:08:59
    contrl V bom como eu tô passando
  • 00:09:01
    parâmetro daí eu tenho que fazer assim ó
  • 00:09:03
    ten que vir aqui e colocar
  • 00:09:09
    eh esse símbolo juro que eu não lembro
  • 00:09:12
    se eu falei para vocês mas ele ele
  • 00:09:14
    funciona como sendo o abre e fecha quer
  • 00:09:18
    ver ó eu posso fazer assim ó posso abrir
  • 00:09:20
    e fechar aqui ó Talvez seja mais fácil
  • 00:09:23
    de eu explicar para vocês
  • 00:09:25
    ó ó eu posso fazer isso aqui ó tá
  • 00:09:30
    compress tem incluir planeta dessa forma
  • 00:09:33
    aqui
  • 00:09:34
    ou usar aquela anotação eh só que ela só
  • 00:09:38
    funciona quando eu tenho um único
  • 00:09:40
    comando tá então a gente pode usar
  • 00:09:45
    eh assim né que é anotação direta aqui
  • 00:09:50
    de função
  • 00:09:54
    ou a gente pode usar
  • 00:10:01
    assim que é anotação clássica de
  • 00:10:06
    função anotação clássica de função Você
  • 00:10:09
    pode ter vários comandos a
  • 00:10:12
    anotação de uma linha só você só pode
  • 00:10:15
    ter um comando então vocês escolhem aqui
  • 00:10:17
    ó então aqui agora quando eu pressionar
  • 00:10:19
    ele vai para incluir o planeta Então
  • 00:10:21
    vamos lá incluir o planeta que que ele
  • 00:10:22
    vai fazer incluir o planeta olha aqui ó
  • 00:10:24
    apareceu um tal de Navigator aqui ó
  • 00:10:26
    Navigator é o gerenciador de telas aqui
  • 00:10:29
    então ó existe a a a eh eu não sei se em
  • 00:10:33
    estrutura de dados ou algo similar vocês
  • 00:10:35
    aprenderam empilhar e desempilhar né
  • 00:10:38
    então empilhar e desempilhar e tem o
  • 00:10:41
    método push e o método pop né então aqui
  • 00:10:44
    ó eh a gente pega e dá um pus pus é
  • 00:10:49
    empilhar então eu vou empilhar a minha
  • 00:10:53
    tela planeta tá vendo aqui vou empilhar
  • 00:10:55
    ela e empilhando ela é ela vai sobrepor
  • 00:11:01
    essa que tá aparecendo aqui então vamos
  • 00:11:03
    ver se deu certo se deu certo quando eu
  • 00:11:05
    clicar aqui
  • 00:11:06
    ó bom penso que ele tá fazendo alguma
  • 00:11:09
    coisa aí ele tinha que mostrar a tela né
  • 00:11:13
    como ele não tá colaborando comigo né
  • 00:11:16
    bom tela planeta tela tá tudo certo aqui
  • 00:11:19
    né vamos de novo aqui
  • 00:11:24
    ó deixa eu ver se vai ser bom pera aí é
  • 00:11:28
    Dá no mesmo
  • 00:11:30
    vamos vamos tentar um Pop aqui ó
  • 00:11:33
    e agora eu já não sei se ele fez isso
  • 00:11:36
    deixa eu PR o push aqui que eu devo ter
  • 00:11:38
    invertido só
  • 00:11:42
    push agora aqui ferrou né porque agora
  • 00:11:45
    ah não ferrou não ele volta lá tá vendo
  • 00:11:48
    ó vocês perceberam aqui ó é que eu acho
  • 00:11:52
    que ele demorou e de eu me me confundi
  • 00:11:55
    ó ó tá vendo
  • 00:11:59
    eh é que ele tá demorado aqui eu tô meio
  • 00:12:02
    impaciente vamos voltar Olha era para
  • 00:12:06
    ele ter voltado vocês viram que ele já
  • 00:12:09
    coloca automaticamente a flechinha lá
  • 00:12:11
    ó deixa eu rodar de novo aqui com hard
  • 00:12:15
    sar infelizmente a gente tá trabalhando
  • 00:12:17
    num ambiente de nuvem que às vezes ele
  • 00:12:20
    fica e é de graça né talvez a versão
  • 00:12:22
    paga seja um pouco melhor ele ele dá
  • 00:12:26
    essa essa surtada né né então se
  • 00:12:29
    acontecer com vocês e vocês façam isso
  • 00:12:33
    que eu tô fazendo de um ó daí ele dá um
  • 00:12:35
    erro Às vezes aqui mas esse erro
  • 00:12:38
    é eu não sei por que ele dá o erro ali
  • 00:12:41
    ó se incomodar vocês deixem Não façam se
  • 00:12:47
    não incomodar deixa o vermelho se
  • 00:12:48
    incomodar tente de
  • 00:12:50
    novo ó perceberam que agora ele
  • 00:12:52
    funcionou então quando eu cliquei o
  • 00:12:54
    botão mais ele deu um push aqui ó agora
  • 00:12:57
    quando ele dá o push o que que AC
  • 00:12:59
    eu posso acessar essa tela aqui se eu
  • 00:13:02
    quiser voltar ó ele põe automaticamente
  • 00:13:04
    a flecha aqui
  • 00:13:05
    ó ele volta pra tela anterior quando ele
  • 00:13:08
    tiver à vontade né então eu vou dar um
  • 00:13:11
    try again para ele forçar aqui só para
  • 00:13:13
    ele tirar aquela situação de erro lá
  • 00:13:15
    porque pelo menos para mim me incomoda
  • 00:13:18
    ficar vendo vermelho então vocês veja
  • 00:13:19
    que isso pode acontecer com vocês né
  • 00:13:21
    infelizmente e isso é uma falha da da
  • 00:13:24
    plataforma né e não necessariamente da
  • 00:13:26
    plataforma mas talvez da da comunicação
  • 00:13:30
    com a plataforma né bom Vocês entenderam
  • 00:13:33
    que quando eu clicar aqui o botão de
  • 00:13:34
    mais ele vai fazer o quê ele vai entrar
  • 00:13:40
    no tela planeta e lá no tela planeta eh
  • 00:13:45
    ele vai
  • 00:13:46
    eh receber os dados né de forma que nós
  • 00:13:51
    poderemos quando pressionarmos o botão
  • 00:13:54
    de
  • 00:13:55
    confirma gravar isso num banco de dados
  • 00:13:58
    né Então vamos ver como é que a gente
  • 00:14:00
    faz isso então a gente entrou no tela
  • 00:14:03
    planeta através do pressionar o botão de
  • 00:14:05
    mais então a gente tá aqui agora no tela
  • 00:14:08
    no tela planeta o tela planeta ele tá
  • 00:14:12
    aqui
  • 00:14:13
    e na condição de laranjinha aqui
  • 00:14:16
    né porque você criou esse tal
  • 00:14:19
    de de coisa aqui né controle mas não tá
  • 00:14:24
    utilizando Então por que que você não tá
  • 00:14:26
    utilizando porque você ainda não fez
  • 00:14:29
    absolutamente nada no que diz respeito à
  • 00:14:32
    inclusão propriamente D do do do nosso
  • 00:14:35
    planeta né Então deixa eu pegar aqui o
  • 00:14:38
    código que é mais fácil de eu ir falando
  • 00:14:40
    para vocês ó quando a gente for
  • 00:14:42
    trabalhar com
  • 00:14:43
    o incluir planeta a gente vai trabalhar
  • 00:14:47
    com ele da seguinte forma ó a gente vai
  • 00:14:49
    trabalhar com ele usando um procedimento
  • 00:14:52
    equivalente a esse aqui ó e aonde que
  • 00:14:55
    nós vamos colocar esse procedimento ó
  • 00:14:57
    então aqui ó a gente já tem o submit
  • 00:15:00
    form então eu vou antes do submit form
  • 00:15:03
    eu vou colocar esse cara aqui ó então Ó
  • 00:15:05
    eu quero agora deixa eu só dar um
  • 00:15:08
    organização aqui no no código eu quero o
  • 00:15:11
    seguinte eu quero inserir um planeta
  • 00:15:13
    como que eu insiro um planeta eu pego o
  • 00:15:16
    conteúdo da minha variável e Planeta e
  • 00:15:20
    coloco Mas qual variável planeta lembra
  • 00:15:22
    que a gente criou uma variável aqui ó
  • 00:15:24
    que tava vazia então na inclusão ela
  • 00:15:27
    começa vazia e aqui a a gente coloca
  • 00:15:30
    essa variável que vai ser incluía no
  • 00:15:32
    nosso banco de dados perceba que agora
  • 00:15:34
    controle usuário aqui ó ele tá dando um
  • 00:15:36
    erro olha diz assim pô você tá chamando
  • 00:15:38
    aqui e ah que usuário é planeta Gente do
  • 00:15:42
    céu eu misturo
  • 00:15:43
    tudo mas ele ele vai dar um erro mesmo
  • 00:15:47
    só que vai dar outro erro ele vai dizer
  • 00:15:49
    assim cara mas lá em controle planeta
  • 00:15:51
    não tem inserir planeta mas não tem
  • 00:15:53
    mesmo a gente não programou né então eu
  • 00:15:56
    quero que vocês entendam o contexto ó
  • 00:15:58
    quando eu pegar e apertar o mais aqui
  • 00:16:04
    ele vai abrir a tela pro cadastro de
  • 00:16:08
    planeta eu vou informar os dados como a
  • 00:16:11
    gente fez anteriormente e ele vai vir
  • 00:16:14
    aqui no submit aqui ó e daí ó quando a
  • 00:16:17
    gente usou o submit nos exemplos a gente
  • 00:16:20
    simplesmente salvou os dados do
  • 00:16:22
    formulário e mostrou eles na tela aqui
  • 00:16:24
    através de
  • 00:16:27
    um snackbar tá agora nesse momento aqui
  • 00:16:31
    ó eu não vou mais precisar
  • 00:16:33
    eh como
  • 00:16:35
    diz mostrar essas informações né então
  • 00:16:38
    aqui eu posso por exemplo apagar essas
  • 00:16:40
    informações aqui ó deixar só o
  • 00:16:46
    nosso snack aqui para dizer que os dados
  • 00:16:49
    do planeta
  • 00:16:51
    eh foram salvos com sucesso né então
  • 00:16:54
    foram salvos com sucesso ele tá dando
  • 00:16:57
    essa linha azul aqui porque ele tá
  • 00:16:58
    sugerindo que a gente coloca o constante
  • 00:17:00
    né eu vou dar um quick Fix aqui vou
  • 00:17:02
    mandar adicionar o constante aqui agora
  • 00:17:04
    eu devo ter matado mais linha do que eu
  • 00:17:07
    precisava né com certeza eu matei o o
  • 00:17:10
    parênteses aqui né Na hora que eu
  • 00:17:12
    eliminei todo mundo lá eh São deixa eu
  • 00:17:16
    ver mais um parênteses Tá e agora aqui
  • 00:17:19
    se vocês quiserem vamos dar uma
  • 00:17:21
    organização aqui no nosso código no
  • 00:17:23
    formatar o documento a gente pode aqui ó
  • 00:17:25
    Isso aqui é um é um negócio e eh é
  • 00:17:29
    estranho mas ao mesmo tempo interessante
  • 00:17:31
    né se você colocar vírgulas aqui
  • 00:17:34
    ó e mandar formatar Eu já falei isso
  • 00:17:37
    anteriormente ele faz uma formatação
  • 00:17:40
    assim mais organizada ó então ó is que é
  • 00:17:44
    fold
  • 00:17:45
    Messenger que é o o o o controle dessas
  • 00:17:49
    mensagens né show snackbar e como
  • 00:17:53
    conteúdo do snackbar content né text tal
  • 00:17:57
    coisa mas percebam que agora quando eu
  • 00:17:58
    coloquei aqui as vírgulas aqui ó ele
  • 00:18:00
    jogou pras linhas de baixo e deu essa
  • 00:18:03
    estruturada melhor só que eu não quero
  • 00:18:06
    só mostrar o Snack Bar né Eu quero vir
  • 00:18:09
    aqui ó
  • 00:18:11
    e agora
  • 00:18:13
    né inserir um planeta Então vou vir aqui
  • 00:18:16
    e vou pegar
  • 00:18:17
    essa essa informação vou colocar aqui ó
  • 00:18:21
    então agora gente quando nós terminarmos
  • 00:18:24
    de digitar não tá aparecendo aqui ainda
  • 00:18:27
    quando nós terminarmos de digitar das
  • 00:18:29
    informações eu quero inserir esse
  • 00:18:31
    planeta então só tá faltando pra gente
  • 00:18:35
    criar agora o procedimento inserir o
  • 00:18:37
    planeta mas aonde lá no controle do
  • 00:18:39
    planeta eu eu uso os mesmos nomes e
  • 00:18:42
    talvez isso seja um pouco confuso para
  • 00:18:44
    vocês mas fica muito mais fácil de dar
  • 00:18:46
    manutenção então eu tenho vários níveis
  • 00:18:49
    eu tenho primeiro Mostrar a tela né ao
  • 00:18:53
    Mostrar a tela então isso veio lá do MEN
  • 00:18:57
    eu chamei aqui ó a de planetas certo que
  • 00:19:01
    foi uma variável que eu criei aqui se
  • 00:19:04
    vocês não quisessem criar essa variável
  • 00:19:06
    Vocês podiam escrever direto aqui ó a
  • 00:19:08
    exemplo do que tá em cima por exemplo
  • 00:19:10
    DTR C escrever direto aqui ó
  • 00:19:14
    tá direto sem problema nenhum mas eu vou
  • 00:19:18
    deixar um variável por enquanto e a
  • 00:19:20
    única coisa que eu vou fazer aqui é
  • 00:19:21
    transformar essa variável aqui
  • 00:19:23
    em só ela e aqui ó ela ele tá me dando
  • 00:19:28
    uma mensagem né Ele tá dizendo que aqui
  • 00:19:30
    pode ser constante também ó então ó
  • 00:19:32
    final const planeta porque aparentemente
  • 00:19:35
    ele não tá recebendo nenhuma informação
  • 00:19:37
    a lógica diz assim pô se você tem tudo
  • 00:19:40
    isso daqui UMS na final que não pode ser
  • 00:19:42
    seu valor modificado e e vai sempre ser
  • 00:19:45
    uma constante Então nesse caso desse
  • 00:19:48
    momento se eu não for utilizar ela para
  • 00:19:51
    mudar valores que que eu posso fazer eu
  • 00:19:54
    posso sem sombra de dúvidas vir aqui
  • 00:19:57
    colocar esse cara aqui ó
  • 00:19:59
    colocar um const na
  • 00:20:02
    frente e eliminar essa variável aqui pô
  • 00:20:05
    mas por que que você criou a variável eu
  • 00:20:07
    crie a variável mais para mostrar para
  • 00:20:08
    vocês quando que eu preciso de variável
  • 00:20:11
    e ele vai sugerir pra gente né então o
  • 00:20:13
    que que acontece agora quando eu tiver
  • 00:20:15
    nesse momento aqui ó
  • 00:20:17
    e ele vai trabalhar com a gente de forma
  • 00:20:20
    que eu
  • 00:20:21
    vou cada vez que eu incluir um planeta
  • 00:20:25
    eu vou chamar a tela de planeta
  • 00:20:29
    essa tela de planeta ela vai ser chamada
  • 00:20:31
    e a gente talvez tenha que mudar mas só
  • 00:20:33
    para vocês entenderem na condição que tá
  • 00:20:36
    lá ó então a tela planeta ela vai entrar
  • 00:20:39
    aqui com uma
  • 00:20:40
    informação vazia ó perceberam aqui ó
  • 00:20:44
    vazio por eu tô incluindo no planeta só
  • 00:20:47
    vou saber o que o conteúdo de planeta
  • 00:20:49
    depois que eu preenchi e apertar o
  • 00:20:51
    botão de confirmar Então esse botão de
  • 00:20:54
    confirmar ele tá aqui ó
  • 00:20:57
    é é no submit form então quando eu
  • 00:21:01
    aperto o botão de confirmar aqui embaixo
  • 00:21:03
    né nem sei se é confirmar mas vamos
  • 00:21:05
    vamos trocar para confirmar vai ficar
  • 00:21:07
    bonito ó salvar eu vou colocar confirmar
  • 00:21:10
    aqui ah vou deixar salvar mesmo tá bom
  • 00:21:13
    quando eu apertar esse botão salvar ele
  • 00:21:15
    vai fazer o quê ele daí ele vai validar
  • 00:21:18
    as informações vai salvar as informações
  • 00:21:24
    e vai inserir o planeta Talvez nós
  • 00:21:28
    tenhamos os problemas aí quando eu for
  • 00:21:29
    alterar Mas vamos deixar a coisa
  • 00:21:31
    acontecer vamos fazer o inserir planeta
  • 00:21:32
    aqui agora tá o inserir planeta como o
  • 00:21:35
    nome sugere ele vai tá lá em controle
  • 00:21:39
    por é uma operação no banco de dados
  • 00:21:42
    agora então a gente vai lá para controle
  • 00:21:44
    e a exemplo que a gente fez
  • 00:21:46
    anteriormente que fizemos o get depois
  • 00:21:48
    fizemos o init e depois criamos o banco
  • 00:21:51
    de dados eu posso agora trabalhar com as
  • 00:21:54
    rotinas de manipulação do meu banco de
  • 00:21:57
    dados né e sugere aqui ó cara inserir
  • 00:22:00
    mas eu não vou pegar essa sugestão vou
  • 00:22:02
    pegar a que eu tenho aqui ó então lá no
  • 00:22:04
    banco de dados a gente vai colocar esse
  • 00:22:06
    essa linha essa esse esse procedimento
  • 00:22:09
    aqui ó então aqui ó eu vou vir aqui vou
  • 00:22:11
    dar um cont control
  • 00:22:13
    V vou formatar agora aqui o documento
  • 00:22:16
    para ficar mais bacaninha Ó e
  • 00:22:18
    agora ele tá aqui ó inserir planeta com
  • 00:22:22
    planeta bom por que que eu já coloquei
  • 00:22:25
    aqui esse planeta aqui e ele tá sem o
  • 00:22:27
    underline né porque aqu ela é uma
  • 00:22:29
    variável local né Ele é ela
  • 00:22:33
    é privada né porque ela é passada com o
  • 00:22:36
    parâmetro e é desse jeito que vai a
  • 00:22:40
    coisa funcionar né A gente já vai ver
  • 00:22:42
    mais algumas coisas aqui ó eh em função
  • 00:22:45
    de modificações que serão necessárias
  • 00:22:47
    mas é por questões
  • 00:22:49
    eh exigência sintática da ferramenta que
  • 00:22:52
    a gente tá utilizando ele tá dando erro
  • 00:22:54
    aqui ó porque eu não incluí ó a
  • 00:22:57
    biblioteca de modelos de planeta ó então
  • 00:23:00
    quando eu fizer isso ele já faz mas
  • 00:23:03
    automaticamente ele deu um erro no te
  • 00:23:05
    map aqui mas vamos por partes né então
  • 00:23:07
    lá no t tela planeta parou de dar erro
  • 00:23:10
    porque agora lá no controle de planetas
  • 00:23:12
    eu tenho inserir planeta aí é inserir
  • 00:23:16
    planetas o que que acontece ela recebe o
  • 00:23:18
    planeta que eu quero inserir pô qual que
  • 00:23:20
    é o planeta que eu quero inserir o
  • 00:23:22
    planeta que eu quero inserir é aquele
  • 00:23:24
    que inicialmente estava vazio e depois
  • 00:23:27
    que eu digitei ele inteirinho aqui ó e
  • 00:23:30
    apertei o botão de salvar ele foi pro
  • 00:23:34
    pro procedimento lá de e submit form e
  • 00:23:38
    no submit form o que que ele faz ele
  • 00:23:42
    valida ele salva e ele insere o planeta
  • 00:23:46
    Eu até vou dar um enter aqui ó para
  • 00:23:48
    deixar essa linha em destaque então
  • 00:23:50
    quando ele for inserir o planeta que que
  • 00:23:52
    ele vai fazer ele vai chamar esse
  • 00:23:54
    procedimento inserir P Por que que você
  • 00:23:56
    não bota esse cara direto lá embaixo eu
  • 00:23:58
    não coloco esse cara direto aqui embaixo
  • 00:24:00
    por causa desse Bem dito assin tá porque
  • 00:24:02
    se eu colocar ele aqui embaixo o submit
  • 00:24:04
    form vai virar síncrono também e quando
  • 00:24:05
    ele virar assíncrono ele vai virar
  • 00:24:07
    Future e não em alguns procedimentos por
  • 00:24:11
    exemplo aqui o dispose e não aceita o
  • 00:24:13
    assíncrono o init state não não aceita
  • 00:24:16
    assíncrono porque uma questão da da da
  • 00:24:19
    sintaxe da construção da linguagem né
  • 00:24:21
    então eu tenho por hábito sempre que eu
  • 00:24:23
    colocar um All weight eu criar um
  • 00:24:25
    procedimento assíncrono a parte então
  • 00:24:27
    agora esse esse procedimento assíncrono
  • 00:24:29
    Ah por que mas como é que eu sei que é
  • 00:24:31
    assíncrono eu vou tirar o síncrono daqui
  • 00:24:32
    ó não dá erro não dá erro por quê Porque
  • 00:24:35
    ele vai para cá ó no inserir planeta e
  • 00:24:38
    aqui ele é assíncrono só que se eu tirar
  • 00:24:40
    esses ait daqui ó eu vou ter problema
  • 00:24:43
    porque daí ó tá vendo esses
  • 00:24:46
    procedimentos aqui são todos futuros em
  • 00:24:49
    sendo futuros eu obri Opa eu
  • 00:24:52
    Obrigatoriamente tenho que usar o a
  • 00:24:54
    weight como eu falei anteriormente por
  • 00:24:56
    questões de Hábito a gente faz isso aqui
  • 00:24:59
    também ó naquela que chamou a gente
  • 00:25:02
    também deixa ela um procedimento
  • 00:25:04
    assíncrono para garantir que enquanto
  • 00:25:06
    ele não terminar o procedimento ele fica
  • 00:25:08
    parado nessa parado nessa linha aqui até
  • 00:25:12
    ele terminar e o serviço né então Ó o
  • 00:25:15
    inserir planeta Tá dominado aqui mas
  • 00:25:19
    falta alguns detalhes lá no controle
  • 00:25:22
    planeta por que que eu tô usando esse T
  • 00:25:25
    map aqui galera você meu Deus esse
  • 00:25:27
    professor é maluco pouco é que vej tudo
  • 00:25:30
    é uma
  • 00:25:31
    evolução quando eu imaginei que eu ia
  • 00:25:34
    dar aula para vocês eu pensei assim pô a
  • 00:25:37
    gente tem que fazer uma evolução das
  • 00:25:38
    coisas a gente tem que começar com a
  • 00:25:40
    programação propriamente dito então a
  • 00:25:42
    gente só tá mudando as formas de
  • 00:25:44
    programar mas a a a teoria continua a
  • 00:25:46
    mesma aqui não tô usando if estruturas
  • 00:25:49
    de repetição Porque elas estão mais ou
  • 00:25:51
    menos embutidas assim na linguagem if a
  • 00:25:53
    gente tá usando a gente usou aqui né ou
  • 00:25:55
    lá ó se for nul e a gente já vai usar
  • 00:25:58
    uma estrura de repetição para mostrar se
  • 00:26:00
    o que a gente cadastrou deu boa né e
  • 00:26:04
    e a gente também né cria alguns
  • 00:26:08
    procedimentos que são obrigatórios por
  • 00:26:11
    que que eu digo que são obrigatórios
  • 00:26:12
    quando você usa ferramenta e SQL L aqui
  • 00:26:17
    e você vai dar um DB insert ó olha o que
  • 00:26:20
    que acontece aqui ó ele pede esse cara
  • 00:26:24
    aqui ó a tabela que é planetas tá
  • 00:26:28
    dominado podíamos até chamar de
  • 00:26:30
    minúsculo ali se vocês quiserem por uma
  • 00:26:32
    questão é eu acho que até eu errei deixa
  • 00:26:35
    eu ver como é que ó tá vendo planetas DB
  • 00:26:37
    aqui foi um erro meu aqui ó aqui é
  • 00:26:39
    planetas minúsculos Tá mas também tem
  • 00:26:42
    problema fazer mas não não tem problema
  • 00:26:44
    fazer maiúsculo mas daí vai chegar uns
  • 00:26:47
    uns puristas lá daqueles caras meio
  • 00:26:49
    Xaropinho e vai dizer assim pô você não
  • 00:26:51
    tá seguindo nenhum padrão Tá de boa né
  • 00:26:53
    então coloca minúscula que nome de
  • 00:26:55
    tabela normalmente é no plural porque
  • 00:26:58
    representa o conjunto daquele tipo de
  • 00:27:00
    dado né então ó planeta vai ser
  • 00:27:03
    armazenado na tabela planetas né então
  • 00:27:06
    por isso que eu mudei aqui para
  • 00:27:07
    minúsculo Mas voltando aqui ó quando eu
  • 00:27:08
    clico aqui paro em cima do insert ele me
  • 00:27:10
    mostra aqui ó que o objeto ou os valores
  • 00:27:13
    que eu vou inserir eles são desse tipo
  • 00:27:15
    Bem dito aqui ó map string Object Daí
  • 00:27:18
    você pensa meu Deus do céu da terra que
  • 00:27:23
    coisa louca na realidade eu não sei o
  • 00:27:25
    que que passa na cabeça dessa galera que
  • 00:27:27
    faz programa que muda as coisas isso
  • 00:27:29
    aqui é um Jason tá é um Jason e só que
  • 00:27:33
    na maioria das linguagens eles colocam
  • 00:27:35
    ali Jason no flutter é map string Object
  • 00:27:39
    então o que que eu tenho eu tenho uma
  • 00:27:41
    informação que tá armazenada lá no no
  • 00:27:46
    eh objeto né ou na classe planeta de
  • 00:27:49
    forma binária ele cria lá uma estrutura
  • 00:27:52
    de memória agora eu tenho que
  • 00:27:53
    transformar
  • 00:27:55
    aquela forma binária num
  • 00:28:00
    de Strings e objetos Então nada mais
  • 00:28:04
    lógico do que a gente criar em planetas
  • 00:28:06
    esse procedimento chamado toap que você
  • 00:28:09
    vai pegar a informação pura cham vamos
  • 00:28:12
    chamar assim essa informação binária e
  • 00:28:14
    transformar ela numa numa Jason que nada
  • 00:28:18
    mais é do que um conjunto map de Strings
  • 00:28:21
    com outras informações dinâmicas né
  • 00:28:24
    então lá agora na classe planeta a gente
  • 00:28:28
    vai ter que a exemplo do que fez aqui no
  • 00:28:31
    constructor
  • 00:28:33
    eh vazio a gente vai criar aqui mais um
  • 00:28:38
    carinha
  • 00:28:39
    é
  • 00:28:41
    chamado tmap ó então vocês vão ver que é
  • 00:28:44
    bem simples ó eu vou copiar daqui ó cont
  • 00:28:47
    contrl c e vou voltar lá e vou dar um
  • 00:28:50
    contrl v aqui ó Tá bom quando eu fiz
  • 00:28:53
    isso aqui eu só vou arrumar aqui o o
  • 00:28:55
    documento o que que é primeiro dá um
  • 00:28:58
    onde que surgiu esse map string dynamic
  • 00:29:00
    aqui ó ele surgiu
  • 00:29:03
    exatamente da necessidade do método
  • 00:29:06
    insert lá do DB pô Prof Mas onde é que
  • 00:29:09
    tá esse DB que você tá falando a o DB
  • 00:29:11
    que eu tô falando vem aqui em cima ó
  • 00:29:14
    olha lá ó esse BD ó é esse cara aqui o
  • 00:29:16
    Database ó se eu clicar aqui ó tá aqui a
  • 00:29:19
    classe Database que sei lá eu quem que
  • 00:29:22
    fez É só vocês lerem aqui se vocês não
  • 00:29:24
    tiverem nada mais sério para fazer tipo
  • 00:29:26
    no final de semana seim não né uma
  • 00:29:28
    balada PR aí vão aí ó vamos ler esses
  • 00:29:30
    negócios que vocês vão se divertir ó e
  • 00:29:31
    Olha onde que ele tá ó na skl Light api
  • 00:29:34
    do Dart né Então vem daí daí como eu tô
  • 00:29:39
    usando esse DB aqui que vem lá de cima o
  • 00:29:41
    que que acontece né o método insert usa
  • 00:29:45
    o map string que tá aqui ó então agora
  • 00:29:48
    os valores que eu vou colocar tem que
  • 00:29:50
    ser transformados nesse mapeamento e
  • 00:29:52
    esse mapeamento nada mais é do que
  • 00:29:54
    transformar as informações que eu tenho
  • 00:29:56
    aqui ó essas informações aqui ó que são
  • 00:29:59
    informações binárias vamos chamar assim
  • 00:30:01
    que elas estão dentro de uma estrutura
  • 00:30:02
    de memória montada dentro da forma com
  • 00:30:05
    que a linguagem grava essas informações
  • 00:30:08
    numa string Jason então Ó a string Jason
  • 00:30:11
    ela é reconhecida por quer ver ó se eu
  • 00:30:14
    entrar aqui ó Jason
  • 00:30:17
    ó se eu procurar Jason aqui ó
  • 00:30:21
    ah não era bem esse que eu queria
  • 00:30:24
    né Vamos lá e
  • 00:30:30
    como é que eu coloco aqui para ficar
  • 00:30:32
    mais fácil lá objeto aqui ó objeto
  • 00:30:38
    Jason então Ó o objeto Jason é uma forma
  • 00:30:42
    de representar dados de forma organizado
  • 00:30:44
    e acessível né os objetos e daí tem aqui
  • 00:30:47
    ó em algum lugar aqui tem o
  • 00:30:50
    Jason era para ter um Jason
  • 00:30:53
    Eh vamos ver se nesse cara aqui aparece
  • 00:30:57
    ó ó Jason resumo o que que é o Jason e
  • 00:31:00
    como que ele ele funciona lá ó então ó
  • 00:31:02
    Jason deixa eu ver se tem uma mais mais
  • 00:31:05
    mais bonitinha aqui ó aqui ó então ó
  • 00:31:08
    Window tá daí ó é assim ó ele tem um
  • 00:31:12
    identificador dois pontos e uma
  • 00:31:15
    informação Essa é a forma mais mais
  • 00:31:18
    simples da especificação Jason Então é
  • 00:31:20
    isso que a gente fez aqui ó então depois
  • 00:31:22
    vocês podem procurar assim o que que é o
  • 00:31:24
    tal do Jason mas aqui ó ele é delimitado
  • 00:31:27
    por
  • 00:31:29
    e Chaves né E daí ó essa aqui é um
  • 00:31:33
    procedimento chamado ke
  • 00:31:35
    value onde o i né que é a chave vem
  • 00:31:40
    entre aspas e o value vem aqui então ele
  • 00:31:42
    sabe por definição aqui ó que ID é do
  • 00:31:45
    tipo inteiro ele sabe que nome é do tipo
  • 00:31:48
    string então automaticamente ele cria
  • 00:31:51
    esse esse esse procedimento chave valor
  • 00:31:55
    e isso é aqui ó a chave sempre vai ser
  • 00:31:58
    uma string e o valor vai ser o que Jesus
  • 00:32:01
    quiser que seja pode ser um inteiro pode
  • 00:32:03
    ser uma string pode ser um real né ou
  • 00:32:06
    aqui no caso um double né E aqui de novo
  • 00:32:10
    um double e aqui um string Então esse
  • 00:32:12
    cara agora a gente faz o quê A gente
  • 00:32:15
    pega a informação que
  • 00:32:18
    eh eu recebo de forma binária que a
  • 00:32:22
    gente colocou lá e transformo ela num
  • 00:32:25
    Jason que é um mapeamento aí e
  • 00:32:28
    sim ela pode ser inserida lá no banco de
  • 00:32:33
    dados tá então ó Talvez seja um pouco
  • 00:32:36
    complexo de entender mas pensem assim ó
  • 00:32:39
    eu tenho que saber qual tabela e Qual
  • 00:32:43
    informação o DB aqui que vem do do SQL L
  • 00:32:48
    exige que a informação que seja colocada
  • 00:32:51
    aqui ó ah Professor Como é que você sabe
  • 00:32:53
    disso eu paro em cima e vejo ó seja do
  • 00:32:55
    tipo mapeamento string Object mapeamento
  • 00:32:58
    string objeto é uma Jason o string é a
  • 00:33:01
    chave e o objeto é o valor então o que
  • 00:33:05
    eu tenho que fazer transformar a minha
  • 00:33:07
    informação lá no planetas que era dessa
  • 00:33:10
    forma aqui ó nesse nesse mapeamento que
  • 00:33:13
    agora ele virou uma string então toda
  • 00:33:15
    vez que eu chamar o t map ele vai pegar
  • 00:33:17
    as informações que ele tem na memória do
  • 00:33:20
    ID do nome do tamanho da distância do
  • 00:33:22
    apelido e transformar Isso numa Jason
  • 00:33:25
    transformando isso numa Jason
  • 00:33:27
    automaticamente
  • 00:33:28
    ela pode ser inserida tá não sei por que
  • 00:33:32
    esse louco velho parou aqui agora V dar
  • 00:33:34
    um hard aqui de novo né isso p da da
  • 00:33:38
    plataforma e agora lá no tel planeta
  • 00:33:42
    parou de dar erro né porque agora Aliás
  • 00:33:46
    já tinha parado da eu já
  • 00:33:51
    tinha eu vou sair da página e vou entrar
  • 00:33:53
    de novo tá vai demorar um pouquinho mas
  • 00:33:57
    é mais tranquilo pra gente vamos ver se
  • 00:33:59
    ele se eu vou conseguir dar um hard aqui
  • 00:34:01
    de novo é que eu acho que ele tem tá com
  • 00:34:04
    problema de de de conexão na minha
  • 00:34:07
    máquina com a com é que tô tô usando H
  • 00:34:10
    um certo tempo daí os caras pensa assim
  • 00:34:12
    pô AC bouco tá monopolizando o negócio
  • 00:34:15
    aqui né Ó então eu vou fazer vou vou ser
  • 00:34:18
    mais radical eu vou fechar aqui ó é é
  • 00:34:20
    bom e ruim é o mesmo tempo que aconteçam
  • 00:34:23
    essas coisas né porque pode acontecer
  • 00:34:25
    com vocês então ó se acontecer com vocês
  • 00:34:27
    e e dessa caretinha feia aqui ó fechem a
  • 00:34:30
    coisa voltem lá no idx né agora ele vai
  • 00:34:33
    tentar abrir o outro que eu tinha aqui
  • 00:34:35
    que é os testes que eu tava fazendo aí
  • 00:34:37
    mas eu vou fazer diferente aqui eu já
  • 00:34:39
    vou forçar a barra aqui ó volta lá na
  • 00:34:42
    tela principal do
  • 00:34:43
    idx ele vai abrir lá o home né ó tá
  • 00:34:46
    vendo como é panel de conexão mesmo tá
  • 00:34:49
    demorado daí você vai vem aqui e vai
  • 00:34:51
    abrir né então é o app planetas né então
  • 00:34:54
    Preste atenção no nome que vocês estão
  • 00:34:56
    dando lá agora se Deus quiser ele vai
  • 00:34:58
    abrir
  • 00:34:59
    ligeiro abriu ligeiro agora ele vai
  • 00:35:02
    montar toda a estrutura de novo não tem
  • 00:35:04
    problema enquanto isso eu vou a gente
  • 00:35:06
    vai conversando um pouco aqui ó
  • 00:35:08
    eh eu vou mandar aplicar Ele só faz aqui
  • 00:35:12
    uma série de tirar por con preciso e ele
  • 00:35:16
    já voltou né então eu não sei por que
  • 00:35:18
    que acontece isso
  • 00:35:19
    é conexão então se acontecer isso ó
  • 00:35:23
    agora ele tá se achando de novo Vamos
  • 00:35:25
    dar um tempo para ele aí e o que que a
  • 00:35:27
    gente a gente vai fazer a gente se ele
  • 00:35:29
    deixar a gente vai fazer um teste agora
  • 00:35:30
    né Então como que o teste vai funcionar
  • 00:35:33
    né então lá no
  • 00:35:35
    Main Ele montou aquela tela escreveu
  • 00:35:38
    planetas aqui no meio né e colocou
  • 00:35:41
    aquele botãozinho abençoado nosso lá pra
  • 00:35:44
    gente incluir um planeta então ó vamos
  • 00:35:47
    nessa parte incluir o apertar o botão
  • 00:35:50
    quando eu aperto o botão tá demorando aí
  • 00:35:52
    ele vai ter que aparecer a tela de
  • 00:35:55
    cadastro do planeta então ele entra na
  • 00:35:58
    tela de cadastro de planeta tá demorando
  • 00:36:02
    por por conta da conexão Mas vamos
  • 00:36:05
    esperar um pouco aí né
  • 00:36:07
    né então eu vou apertar de novo aqui
  • 00:36:12
    ó uma hora ele vai entrar lá
  • 00:36:16
    né então ele tá tentando conectar
  • 00:36:23
    né daí o que que acontece né quando ele
  • 00:36:26
    é conectar aqui se der ó conectou lá
  • 00:36:29
    apareceu Ó a gente tá nessa fase aqui
  • 00:36:32
    agora na qual fase né na na tela aqui
  • 00:36:35
    dos planetas né aonde Nós criamos aqui
  • 00:36:38
    toda essa estrutura paraa informação dos
  • 00:36:42
    dados né eu vou fazer um teste depois
  • 00:36:46
    vou chamar aqui de novo do planeta terra
  • 00:36:48
    né
  • 00:36:50
    tá aí eu vou colocar aqui 1 2 3 4.56
  • 00:36:58
    né ó ele disz que é inválido lá
  • 00:37:01
    Eita porque eu não formatei então é
  • 00:37:04
    ponto foi bom acontecer isso entende que
  • 00:37:07
    é não é vírgula da é ponto a área eu vou
  • 00:37:10
    fazer o contrário 6 5 4
  • 00:37:13
    2 ponto
  • 00:37:17
    eh um 1 e o apelido aqui ó eu vou
  • 00:37:21
    colocar
  • 00:37:24
    nosso planeta tá bom até aí nada de novo
  • 00:37:29
    a gente já fez isso e agora eu vou
  • 00:37:32
    apertar aqui
  • 00:37:35
    né o salvar quando eu apertar o salvar
  • 00:37:39
    ele vai disparar aqui o submit form
  • 00:37:41
    então o submit form é o quê ele vai
  • 00:37:45
    validar vai salvar e vai inserir o
  • 00:37:47
    planeta e se tudo correr bem ele vai dar
  • 00:37:49
    o scaffold de dados do planeta foram
  • 00:37:52
    salvos com sucesso ó lá dados do planeta
  • 00:37:55
    foram salvos com sucesso e onde é que
  • 00:38:00
    tão esses dados né Essa é a nossa
  • 00:38:03
    próxima parte mas antes gente eu vou
  • 00:38:05
    fazer o seguinte aqui ó eh eu vou fazer
  • 00:38:08
    com que depois que ele mostre a mensagem
  • 00:38:12
    ele volte pra tela anterior como que a
  • 00:38:17
    gente faz isso né a gente vem aqui lá no
  • 00:38:20
    meio e faz um uma pirataria aqui ó cadê
  • 00:38:24
    onde é que tá Tô perdido aqui agora Ah
  • 00:38:26
    também eu desci lá a aqui ó eu vou
  • 00:38:28
    copiar esse cara aqui ó e ele vai dar a
  • 00:38:33
    gente vai usar o Navigator pop tá é só
  • 00:38:37
    para avaliar eu esqueci aqui né então
  • 00:38:39
    agora eu vou procurar aqui no meus Alfa
  • 00:38:41
    rabs aqui ó e
  • 00:38:44
    Navigator acho que esse
  • 00:38:47
    aqui não sei se ele
  • 00:38:50
    tem acho que aqui tem é Navigator
  • 00:38:55
    Navigator deixa eu ver não achou
  • 00:38:56
    Navigator aqui ponto Ô miserável mas tem
  • 00:39:01
    gente é é que eu esqueci eu eu esqueci
  • 00:39:05
    aqui a como é que eu falo para vocês a a
  • 00:39:10
    é dur ver a idade chega e você fica mais
  • 00:39:14
    desajeitado né
  • 00:39:16
    e quer ver ó eu tenho aqui em algum
  • 00:39:19
    lugar que ele tem Navigator aqui só que
  • 00:39:22
    aonde ó esse aqui são programas que eu
  • 00:39:25
    faço a nas minhas horas de folga minha
  • 00:39:27
    esposa não gosta muito mas
  • 00:39:30
    eh eu só não achei o navegate pera aí
  • 00:39:32
    deixa eu acho que eu tô escrevendo
  • 00:39:33
    errado o navegador aqui não tá
  • 00:39:37
    escrevendo certo pô por que que ele tá
  • 00:39:39
    dando diferença lá vamos procurar
  • 00:39:41
    Navigator aqui aí ó tá vendo Navigator
  • 00:39:44
    aqui ó é só isso aqui que eu preciso ó
  • 00:39:46
    context pop Então se vocês lembraram lá
  • 00:39:50
    ó a gente usou um push agora a gente vai
  • 00:39:53
    usar um pop o pop faz o qu ó é então
  • 00:39:57
    depois que ele incluir o planeta mostrar
  • 00:40:00
    a mensagem pra gente aqui ó a gente
  • 00:40:03
    pode colocar o Navigator Contex pop o
  • 00:40:07
    Navigator Contex Pop faz com que ele
  • 00:40:11
    primeiro nós amos usar um pus que é
  • 00:40:13
    empilhar o pop desempilha então quando e
  • 00:40:16
    eu vou salvar de novo aqui gente mas é
  • 00:40:19
    bobagem que eu vou fazer aqui então
  • 00:40:21
    antes de eu salvar para ele dobrar lá os
  • 00:40:23
    registros mas eu vou salvar só para ver
  • 00:40:25
    se ele funciona então ó ele volta pr pra
  • 00:40:29
    tela anterior só que eu apertei duas
  • 00:40:31
    vezes o botão de salvar certo então ele
  • 00:40:33
    criou duas vezes o registro pô professor
  • 00:40:37
    legal e agora onde é que eu vou ver
  • 00:40:39
    esses bendito registro né Então esse é o
  • 00:40:43
    nosso próximo desafio né eu vou mostrar
  • 00:40:46
    eles aqui na nossa tela os registros que
  • 00:40:48
    foram incluídos então resumindo Gente o
  • 00:40:50
    que que a gente fez a gente
  • 00:40:52
    aprendeu a usar o controle né então eh a
  • 00:40:59
    gente criou aqui um procedimento de
  • 00:41:01
    inclusão aonde a gente dá um insert no
  • 00:41:04
    banco de dados eh Apesar dele só tá
  • 00:41:07
    resumido aqui e num comando direto aqui
  • 00:41:10
    de insert ele é aquela sintaxe similar a
  • 00:41:13
    essa daqui lá do do SQL é inserte into
  • 00:41:18
    planetas Fulano cican Beltran Beleza
  • 00:41:22
    então a gente viu que que é nesse
  • 00:41:24
    controle que a gente faz isso a gente
  • 00:41:26
    viu que nós temos que ter aqui uma
  • 00:41:27
    condição inicial de startar então eu
  • 00:41:30
    elegi o botão eh mais aqui né para ele
  • 00:41:35
    inclui um planeta então ele incluiu o
  • 00:41:37
    planeta incluiu o planeta por questões
  • 00:41:40
    de modularização eu criei um módulo aqui
  • 00:41:42
    chamado incluir planeta esse módulo a
  • 00:41:45
    primeira coisa que eu fiz foi abrir né
  • 00:41:47
    mostrar pra gente a gente chama isso de
  • 00:41:50
    navegação né ou roteamento mas existe o
  • 00:41:53
    roteamento que daí é por vai com
  • 00:41:56
    Barrinha esse aqui é o mais tranquilo
  • 00:41:58
    para usar Principalmente quando a gente
  • 00:41:59
    tá programando para dispositivos móveis
  • 00:42:02
    então o Navigator faz o quê
  • 00:42:05
    eu navego entre telas então a gente tava
  • 00:42:08
    na tela principal que é essa aqui e a
  • 00:42:11
    gente vai pra
  • 00:42:13
    tela que eu tenha no sistema então tela
  • 00:42:17
    planeta que é o viw lembra então Ó eu
  • 00:42:19
    pus empilha essa tela dentro desse
  • 00:42:22
    contexto que eu tô trabalhando depois
  • 00:42:24
    que ele abre a tela de planeta o que que
  • 00:42:26
    aconteceu eu digitei todo mundo baseado
  • 00:42:28
    nesses elementos que tem a gente tem
  • 00:42:30
    aqui e apertei o botão de salvar quando
  • 00:42:33
    eu apertei o botão de salvar ele veio
  • 00:42:35
    aqui para cima dentro do submit form né
  • 00:42:39
    ah mas por que submit form porque vocês
  • 00:42:41
    vejam se eu colocasse isso aqui lá
  • 00:42:42
    embaixo ele ia aumentar a minha parte
  • 00:42:45
    de de eh mostrar os dados né então a
  • 00:42:50
    gente separa só por causo disso né então
  • 00:42:51
    o submit form ele valida salva e chama
  • 00:42:55
    incluir planeta depois que ele incluiu o
  • 00:42:58
    planeta ele me dá uma mensagem dizendo
  • 00:42:59
    que foi incluído com sucesso e volta pra
  • 00:43:03
    tela anterior e é nessa tela anterior
  • 00:43:05
    que a gente vai mostrar os planetas que
  • 00:43:08
    já estão cadastrados mas isso né
  • 00:43:11
    é depois que vocês fizerem essa parte
  • 00:43:14
    então como sempre falo mão na massa
Etiquetas
  • Flutter
  • Dart
  • Navegação
  • CRUD
  • Banco de Dados
  • Centro de Dados
  • Programação
  • Planetário
  • Interface Gráfica
  • Desenvolvimento Móvel