mjailton - ligando você ao mundo do conhecimento

Passo 1 Configurando Model Tipo Conta Corrente

1 model TipoContaCorrente

Crie o model TipoContaCorrente

x

Comando de Criação
- para criar o model TipoContaCorrente use o comando: php artisan make:model TipoContaCorrente -m
  
  x

2 migration TipoContaCorrente

adicione os seguintes campos:
- tipo_conta varchar(60)

x

Schema::create('tipo_conta_correntes', function (Blueprint $table) {
            $table->id();
            $table->string("tipo_conta",60);
            $table->timestamps();
        });

3 fillable TipoContaCorrente

Configure os fillables do Model TipoContaCorrente

x

protected $fillable=["id","tipo_conta" ];

4 TipoContaCorrenteSeeder

Crie a seed TipoContaCorrente

x

Comando de Criação
- para criar a seed TipoContaCorrente use o comando: php artisan make:seed TipoContaCorrenteSeeder
  
  x

Popular Dados

Popule os dados do TipoContaCorrenteSeeder

x

TipoContaCorrente::Create([ 'tipo_conta'  => "Conta Corrente" ]);
        TipoContaCorrente::Create([ 'tipo_conta'  => "Poupança" ]);
        TipoContaCorrente::Create([ 'tipo_conta'  => "Carteira/Caixa" ]);
        TipoContaCorrente::Create([ 'tipo_conta'  => "Investimento" ]);
        TipoContaCorrente::Create([ 'tipo_conta'  => "Cartão Crédito" ]);
        TipoContaCorrente::Create([ 'tipo_conta'  => "Outros" ]);

Passo 2 Listagem

1 Criando o Controller

Crie um controller de recursos chamado TipoContaCorrenteController, para que o projeto fique mais organizado salve o controller numa pasta chamada Cadastro

x

Comando de Criação
- Para criar o controller use o comando: php artisan make:controller \Cadastro\TipoContaCorrenteController -r
  
  x
Método Index
- No controller TipoContaCorrenteController implemente o método index, o qual deverá:
  
  - pegar a lista de tipocontacorrentes e colocar um array
  - chamar a view TipoContaCorrente/Index com o array criado com a lista de categorias
  x
  public function index() { $dados["lista"] = TipoContaCorrente::get(); return View("Cadastro.TipoContaCorrente.Index", $dados); }

2 Criando a Rota

Crie uma rota resource setando para o controller TipoContaCorrenteController

x

Route::resource("/tipocontacorrente", TipoContaCorrenteController::class);

Chamando a Rota

Localize no menu o local para chamar a rota tipocontacorrente.index

x

 <li><a href="{{ route('tipocontacorrente.index') }}">Tipo Conta Corrente</a></li>

3 Criando a View

Crie a view para a listagem de tipocontacorrente

x

Criando a View
- Dentro da pasta resources/view crie uma pasta chamada de Cadastro e dentro de Cadastro crie uma outra chamada de TipoContaCorrente e dentro da pasta TipoContaCorrente crie um arquivo chamado Index.blade.php
  
  x
Montando o conteudo
- Copie o conteúdo do arquivo lst_tipocontacorrente para o arquivo Cadastro/TipoContaCorrente/Index.blade.php, não esqueça envolvê-lo pelos comandos:
  
  @extends('template')
  @section('conteudo')
  
  //aqui fica o conteúdo do arquivo
  
  @endsection
  
  x
Testando o Sistema
- Execute seu sistema e pelo menu categoria abre a página de listagem de categoria, mas deverá está parecida com imagem abaixo
  
  x

4 Listando dados do banco

Na view Index, faça os seguintes procedimentos:

- Faça o loop para receber os dados do banco e listar na tabela
- Configure o link para fazer a edição de um registro
- Configure o link para fazer a exclusão de um registro

x

@foreach ($lista as $l)
                                <tr>
                                    <td align="center">{{ $l->id }}</td>
                                    <td align="left">{{ $l->tipo_conta }}</td>
                                    <td align="center">
                                        <a href="{{ route('tipocontacorrente.edit', $l->id) }}"
                                            class="d-inline-block btn btn-outline-roxo btn-pequeno"><i
                                                class="fas fa-edit"></i>
                                            Editar</a>

                                        <a href="javascript:;"
                                            onclick="confirm('Tem Certeza?') ? document.getElementById('apagar{{ $l->id }}').submit() : '';"
                                            class="d-inline-flex gap-3 btn btn-outline-vermelho btn-pequeno">
                                            <i class="fas fa-trash-alt"></i>
                                            <form action="{{ route('tipocontacorrente.destroy', $l->id) }}" method="POST"
                                                id="apagar{{ $l->id }}">
                                                @method('DELETE')
                                                @csrf
                                            </form>

                                            Excluir
                                        </a>
                                    </td>
                                </tr>
                            @endforeach

Passo 3 Inserção

1 Configurando Formulário

Configure os dados do formulário para inserção dos dados

x

Configurando o form
- Configure o elemento form da view Index, com as seguintes ações:
  
  - Setar a rota tipocontacorrente.store na propriedade action do form
  - Setar o método post na propriedade method do form
  - implementar o helper @csrf dentro do form
  x
  <form action="{{ route('tipocontacorrente.store') }}" method="POST"> @csrf

Configurando os inputs

configure os input atribuindo a eles na propriedade name o nome igual ao que foi definido na criação da tabela,
também observe os tipos de dados específicos e os que são obrigatórios atribua a propriedade required

x

<form action="{{ route('tipocontacorrente.store') }}" method="POST">
                        @csrf
                        <div class="caixafield  p-2 radius-4 border">
                            <div class="   p-2 pt-0 radius-4">
                                <div class="rows center-middle">
                                    <div class="col-9">
                                        <label class="text-label d-block text-branco">Tipo Conta</label>
                                        <input type="text" name="tipo_conta" required class="form-campo">
                                    </div>
                                    <div class="col-3 mt-0 pt-4">
                                        <input type="submit" value="Salvar" class="w-100 btn btn-roxo text-uppercase">
                                    </div>
                                </div>
                            </div>
                        </div>
                    </form>

2 Método store

implemente o método store para receber e salvar os dados do formulário no Banco de dados

x

Salvando os dados

Implemente o método store de forma que o mesmo receba os dados do formulário e salve no banco de dados, caso ache necessário use um bloco try/catch

x

$req = $request->except(["_token"]);
        try {
            TipoContaCorrente::Create($req);
            return redirect()->route("tipocontacorrente.index")->with("msg_sucesso", "Registro Inserido com Sucesso");
        } catch (\Throwable $th) {
            return redirect()->back()->with("msg_erro", "Erro: " . $th->getMessage());
        }

3 Criando o request

Uma boa prática de programação é validar os dados antes de enviá-los para o banco de dados e uma bom recurso que o laravel oferece são os requests.
implemente um request de forma que faça todas as validações necessárias para salvar a informações no banco

x

Comando de Criação
- Para criar um request use os seguinte comando: php artisan make:request TipoContaCorrenteRequest
  
  x
Configuração do request
- No arquivo de request configure as validações necessárias e não esqueça de setar o método authorize para true;
  x
  $id= $this->segment(2); return [ "tipo_conta" => "required|unique:tipo_conta_correntes,tipo_conta,{$id},id" ];

4 TipoContaCorrenteRequest

No método store troque o parâmetro Request para TipoContaCorrenteRequest

x

public function store(TipoContaCorrenteRequest $request)

Passo 4 Alteração/Exclusão

1 Metodo Edit

Configure o método edit do Controller, com as seguinte ações:

- Busque a banco pelo id passado no parâmetro e guarde a informação em um array
- liste todas as bancos e guarde as informações em um array
- Chame a view Index, passando o array de dados como parâmetro

x

public function edit($id)
    {
        $dados["tipocontacorrente"] = TipoContaCorrente::find($id);
        $dados["lista"] = TipoContaCorrente::get();
        return View('Cadastro.TipoContaCorrente.Index', $dados);
    }

2 Configurando Formulário

Configure os dados do formulário para ediçao dos dados

x

Configurando o form

Configure o elemento form da view Index, com as seguintes ações:

- o sistema deve verificar se o objeto banco existe,
- caso ele exista, no formulário deve ser configurada a rota banco.update
- caso não exista, no formulário deve ser configurada a rota bancp.store

x

@if (isset($tipocontacorrente))
                        <form action="{{ route('tipocontacorrente.update', $banco->id) }}" method="POST">
                            @method('put')
                        @else
                            <form action="{{ route('tipocontacorrente.store') }}" method="POST">
                    @endif
                    @csrf

Configurando Iinput

na propriedade value de cada input, faça uma verificação se existe o objeto banco, se existir imprimir o valor do campo correspondente, senão existe imprimir o objeto old()

x

class="{{ isset($tipocontacorrente->tipocontacorrente) ? 'bg-edit' : 'caixafield' }}  p-2 radius-4 border">
                        <div class=" { isset($tipocontacorrente->tipo_conta) ? 'bg-edit' : 'caixafield' }}  p-2 pt-0 radius-4">
                            <div class="rows center-middle">
                                <div class="col-9">
                                    <label class="text-label d-block text-branco">Nome </label>
                                    <input type="text" name="tipo_conta"
                                        value="{{ $tipocontacorrente->tipo_conta ?? old('tipo_conta') }}"
                                        class="form-campo">
                                </div>
                                <div class="col-3 mt-0 pt-4">
                                    <input type="submit" value="Salvar" class="w-100 btn btn-roxo text-uppercase">
                                </div>
                            </div>
                        </div>

método update

Implemente o método update de forma que o mesmo receba os dados do formulário e salve no banco de dados, caso ache necessário use um bloco try/catch

x

$req = $request->except(["_token", "_method"]);
        try {
            TipoContaCorrente::find($id)->update($req);
            return redirect()->route("tipocontacorrente.index")->with("msg_sucesso", "Registro Alterado com Sucesso");
        } catch (\Throwable $th) {
            return redirect()->back()->with("msg_erro", "Erro: " . $th->getMessage());
        }

3 Excluir

Vamos implementar a lógica para exclusão dos dados

x

Método destroy

implemente o método destroy do Controller, com as seguinte ações:

- Busque o tipo conta corrente pelo id passado no parâmetro
- Caso encontre, exclua a mesma do banco, coloque esta instrução em um bloco try/catch
- redirecione para a rota index

x

public function destroy($id)
    {
        try {
            $tipo = TipoContaCorrente::find($id);
            $tipo->delete();
            return redirect()->route("tipocontacorrente.index")->with("msg_sucesso", "Registro Excluído com Sucesso");
        } catch (\Throwable $th) {
            return redirect()->back()->with("msg_erro", "Erro: " . $th->getMessage());
        }
    }