Php - Sistema Ficha Cadastral de Clientes. Parte 1

 

Objetivo:

 

O objetivo deste tutorial é de criar um sistema  para controle de extintores com a utilização do bando de dados mysql, este sistema pode ser  adaptado de maneira fácil a sua necessidades e ainda pode ser usa para uso pessoal ou profissional, nesta parte iremos criar o formulário para cadastrar os extintores.

 

Pré-requisito:

 

Para você poder acompanhar o desenvolvimento deste tutorial, será necessário ter conhecimento no mínimo informática básica,  acompanhar os primeiros tutoriais desta série, onde é ensinado como instalar o php triad que instala o pacote todo, sql, php e apache.

 

Nota:

 

Vou ensinar  php de uma forma fácil e objetiva  e através de  telas para que você possa compreender o sistema de forma simples.

 

Para começar  vou explicar como será o fucionamento do aplicativo, a idéia de ensinar este sistema de cadastro de extintores, é que quase todas as empresas do mercado tem que ter extintores em seus estabelecimentos, sendo que os mesmos tem vencimentos, pensando nisso, iremos desenvolver um  sistema básico, que você poderá adpatar as suas necessidades, de maneira fácil e caso seja preciso, também poderá entrar em contato comigo para fazermos juntos estas alterações, este sistema  vai possibilitar pesquisar os vencimentos e revisões.

 

Começaremos a criar  o sistema por partes, vamos criar a interface gráfica sistema onde iremos fazer o cadastro dos extintores, depois nós próximos tutoriais vamos criar outras interfaces para poder  editar, pesquisar e apagar os registros além da criação do banco de dados em mysq e um simples menú.

 

Para  desenvolver  o sistema precisaremos utilizar um editor de php, sugiro utilizar o Php Editor, para que você possa conseguir entre no site http://paginas.terra.com.br/informatica/php_editor.

 

Você deve  criar uma pasta dentro da pasta htdocs que esta localizada dentro da pasta apache, esta deve estar localizada dentro da pasta “C:” do seu computador.

 

Vamos colocar o nome da mesma de “extintores” e salvar todas as páginas que criarmos dentro da mesma.

 

Para a  começar nossa interface de cadastos de extintores você deve  criar uma página com o nome de “cadastro.php”, mas antes, vamos definir os nomes dos campos , criei os campos abaixo mas você na medida que for entendendo o sistema pode acrescentar mais campos conforme sua necessidade.

 

Nome dos campos:

 

Nome:

Quantidade:

Equipamento:

Serviço:

Valor Unitário:

Valor Total:

Prazo Carga:

Data Revisão:

Data Vencimento:

 

Abra o php editor para darmos inicío a criação da primeira página, todo o php editor é em português então você não tera muitas dificuldades em se adaptar ao mesmo,e ainda ficará mais fácil porque você apenas na maioria das vezes ira apenas copiar o código.

 

Com o editor é criar e salvar a página “cadastro.ph”p dentro da pasta que você deve já ter criado, depois iniciaremos  a criação um formulário com os campos que definimos acima.

 

Para o nosso sistema vamos começar inserindo um título para o mesmo, este será: “Cadastro de Extintores”, sendo que  este deve ficar centralizado,vamos colocar a cor azul, veja  como fazer:

 

Copie o codigo abaixo e cole dentro do editor.

 

<CENTER><FONT SIZE="3" Face="arial"><b>Cadastro de Extintores</b></FONT></CENTER><BR><BR>

 

Tela 001

 

Agora dentro de formulário vamos inserir  um fomulário, neste vamos determinar a sua ação para chamar a página de script a qual vai ter o nome de “insere.php” que será responsável por efetuar o cadastro no bando de dados.

 

<center>

<FORM METHOD=POST ACTION="insere.php">

</FORM>

</center>

 

Tela 002

 

Agora iremos criar uma tabela para que dentro da mesma possamos inserir primeiro os nomes dos campos, copie o código abaixo e cole dentro das tags do formulário.

 

<table border="1"  bgcolor="#0080FF" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="31%" id="AutoNumber1">

  <tr>

    <td width="100%" colspan="2">

    <p align="center"></b></font></td>

  </tr>

  <tr>

    <td width="39%"></font></td>

    <td width="61%"></center></td>

  </tr>

  <tr>

    <td width="39%"></td>

    <td width="61%"></center></td>

  </tr>

  <tr>

    <td width="39%"></font></td>

    <td width="61%"></center></td>

  </tr>

  <tr>

    <td width="39%"></font></td>

    <td width="61%"></center></td>

  </tr>

  <tr>

    <td width="39%"></font></td>

    <td width="61%"></center></td>

  </tr>

  <tr>

    <td width="39%"></font></td>

    <td width="61%"></center></td>

  </tr>

  <tr>

    <td width="39%"></td>

    <td width="61%"></center></td>

  </tr>

  <tr>

    <td width="39%"></td>

    <td width="61%"></td>

  </tr>

  <tr>

    <td width="39%"></td>

    <td width="61%"></center></td>

  </tr>

  <tr>

    <td width="100%" colspan="2"></center></td>

  </tr>

</table>

 

Tela 003

 

Salve a página, inicie o servidor apache e digite o seguinte endereço:

 

http://localhost/extintores/cadastro.php

 

Tela 004

 

Agora iremos inserir o título e nome dos campos dentro da tabela,  copie o subtítulo “Preencha os Campos” e coloque na primeira linha da tabela e os nomes dos campos deve ser copiado um por vez,  que definimos na coluna da esquerda, na mesma ordem, observe na próxima tela onde você deve colocar o nome dos campos e o título.

 

<font face="Arial" size="2">Nome:</font>

 

<font face="Arial" size="2">Quantidade:</font>

 

<font face="Arial" size="2">Equipamento: </font>

 

<font face="Arial" size="2">Serviço:</font>

 

<font face="Arial" size="2">Valor Unitário:</font>

 

<font face="Arial" size="2">Valor Total:</font>

 

<font face="Arial" size="2">Prazo Carga:</font>

 

<font face="Arial" size="2">Data Revisão:</font>

 

<font face="Arial" size="2">Data Vencimento:</font>

 

Tela 005

 

Tela 006

 

Agora vamos inserir  as caixas de textos,  os cambo box e os botões cadastrar e editar.

 

<center><INPUT TYPE="text" NAME="nome" size="20"></center>

 

<center><INPUT TYPE="text" NAME="qtd" size="20"></center>

 

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<select size="1" name="equipamento">

   <option>AP 10L</option>

   <option>PQS 8KG</option>

   <option>CO² 6 KG</option>

   <option>PQS 6KG</option>

</select>

 

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<select size="1" name="servico">

   <option>CARGA</option>

   <option>RETESTE</option>

</select>

 

<center><INPUT TYPE="text" NAME="valor_unit" size="20"></center>

 

<center><INPUT TYPE="text" NAME="valor_total" size="20">

 

<center><INPUT TYPE="text" NAME="prazo_carga" size="20">

 

<center><INPUT TYPE="text" NAME="data_revisao" size="20"></center>

 

<center><INPUT TYPE="text" NAME="data_vencimento" size="20"></center>

 

<center><input type="submit" value="Cadastrar">&nbsp;&nbsp;

<INPUT TYPE="reset" value="Limpar"></center>

 

Tela 007

 

Seu formulário deve ficar igual ao da tela abaixo:

 

Tela 008

 

Conclusão:

 

Ensinei a criar a o formulário para cadastrar os extintores, definindo os nome dos campos, inserindo as caixas de textos e combox, tabela e formulário, de forma bem simples e direta mostrados através de telas, também falei sobre a função do sistema vai realizar, na próxima parte daremos continuidade ao desenvolvimento deste sistema.

 

Bons estudos e até a próxima parte.

 

CURSO PROFISSIONALIZANTE DE INFORMÁTICA

Curso Técnico Profissionalizante Completo em Informática - Windows 10 - Word - Excel - Access- PowerPoint - Photoshop - Redes - Lógica de Programação - Delphi - VB.NET São 68 Cursos - 3440 Vídeo Aulas - 396:07 horas 68 Certificados de Conclusão e Acesso Vitalício

Domine Todos os Recursos de Informática Exigidos pelo Mercado de Trabalho, Através de Exemplos Práticos, Completos e Úteis, Detalhadamente Explicados - Passo a Passo

Para Todos os Detalhes, Acesse:     https://juliobattisti.com.br/informatica-curso-completo-1v.asp