mjailton - ligando você ao mundo do conhecimento

Passo 1 Configurando Model Tipo Conta Bancária

1 model TipoContaBancaria

Crie o model TipoContaBancaria

x

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

2 migration TipoContaBancaria

adicione os seguintes campos:
- tipo_conta varchar(60)

x

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

3 fillable TipoContaBancaria

Configure os fillables do Model TipoContaBancara

x

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

4 TipoContaBancariaSeeder

Crie a seed TipoContaBancaria

x

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

Popular Dados

Popule os dados do TipoContaCorrenteSeeder

x

public function run(): void
    {
        TipoContaBancaria::Create([ 'tipo_conta'  => "Conta Corrente" ]);
        TipoContaBancaria::Create([ 'tipo_conta'  => "Poupança" ]);
        TipoContaBancaria::Create([ 'tipo_conta'  => "Carteira/Caixa" ]);
        TipoContaBancaria::Create([ 'tipo_conta'  => "Investimento" ]);
        TipoContaBancaria::Create([ 'tipo_conta'  => "Cartão Crédito" ]);
        TipoContaBancaria::Create([ 'tipo_conta'  => "Outros" ]);
    }

Passo 2 Listagem

1 Criando o Controller

Crie um controller de recursos chamado TipoContaBancariaController, 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\TipoContaBancariaController -r
  
  x
Método Index
- No controller TipoContaBancariaController implemente o método index, o qual deverá:
  
  - pegar a lista de tipocontabancarias colocar um array
  - chamar a view TipoContaBancaria/Index com o array criado com a lista de categorias
  x
  public function index() { $dados["lista"] = TipoContaBancaria::get(); return View("Cadastro.TipoContaBancaria.Index", $dados); }

2 Criando a Rota

Crie uma rota resource setando para o controller TipoContaBancariaController

x

Route::resource("/tipocontabancaria", TipoContaBancariaController::class);

Chamando a Rota

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

x

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

3 Criando a View

Crie a view para a listagem de tipocontabancaria

x

Criando a View
- Dentro da pasta resources/view crie uma pasta chamada de Cadastro e dentro de Cadastro crie uma outra chamada de TipoContaBancaria e dentro da pasta TipoContaBancaria crie um arquivo chamado Index.blade.php
  
  x
Montando o conteudo
- Copie o conteúdo do arquivo lst_tipocontabancaria para o arquivo Cadastro/TipoContaBancaria/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('tipocontabancaria.edit', $l->id) }}"
                                            class="d-inline-flex gap-3 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('tipocontabancaria.destroy', $l->id) }}" method="POST"
                                                id="apagar{{ $l->id }}">
                                                <input type="hidden" name="_method" value="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 tipocontabancaria.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('tipocontabancaria.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

<div
                        class="{{ isset($tipocontabancaria->tipo_conta) ? 'bg-edit' : '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">Nome </label>
                                    <input type="text" name="tipo_conta"
                                        value="{{ $tipocontabancaria->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>
                    </div>

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

public function store(TipoContaBancariaRequest $request)
    {
        $req = $request->except(["_token"]);
        try {
            TipoContaBancaria::Create($req);
            return redirect()->route("tipocontabancaria.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 TipoContaBancariaRequest
  
  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 TipoContaBancariaRequest

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

x

public function store(TipoContaBancariaRequest $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(string $id)
    {
        $dados["tipocontabancaria"] = TipoContaBancaria::find($id);
        $dados["lista"] = TipoContaBancaria::get();
        return View('Cadastro.TipoContaBancaria.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 tipocontabancaria existe,
- caso ele exista, no formulário deve ser configurada a rota tipocontabancaria.update
- caso não exista, no formulário deve ser configurada a rota tipocontabancaria.store

x

@if (isset($tipocontabancaria))
                        <form action="{{ route('tipocontabancaria.update', $tipocontabancaria->id) }}" method="POST">
                            @method('put')
                        @else
                            <form action="{{ route('tipocontabancaria.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

<div
                        class="{{ isset($tipocontabancaria->tipo_conta) ? 'bg-edit' : '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">Nome </label>
                                    <input type="text" name="tipo_conta"
                                        value="{{ $tipocontabancaria->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>
                    </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

public function update(Request $request, string $id)
    {
        $req = $request->except(["_token", "_method"]);
        try {
            TipoContaBancaria::find($id)->update($req);
            return redirect()->route("tipocontabancaria.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 bancaria 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(string $id)
    {
        try {
            $tipo = TipoContaBancaria::find($id);
            if($tipo){
                $tipo->delete();
            }
            return redirect()->route("tipocontabancaria.index")->with("msg_sucesso", "Registro Excluído com Sucesso");
        } catch (\Throwable $th) {
            return redirect()->back()->with("msg_erro", "Erro: " . $th->getMessage());
        }
    }