Você está aqui: Principal » Lista Completa de Tutoriais

Sobre este Tutorial

Autor:	Érico Araujo Gonçalves
Data:	26-09-2005
Categoria:	Programação Web
Assunto:	PHP - BÁSICO
Visitas:

Php - Sistema de busca de preços. Parte 1

Objetivo:

O objetivo deste tutorial é de criar um sistema de busca de preços em php com a utilização de banco de dados mysql, também utilizaremos um editor de php, o sistema pode ser utilizado tanto para uso pessoal ou profissional.

Pré-requisito:

Para você poder acompanhar o desenvolvimento deste tutorial, será necessário ter conhecimento no mínimo informática básica e ter acompanhado os tutoriais anteriores a este.

Nota:

Vou ensinar php de uma forma fácil e objetiva e através de desenvolvimento de projetos, para isso você deve ter acompanhado os tutoriais anteriores a este sobre php, onde na primeira parte o mesmo ensina como instalar no seu computador o php triad que instala o pacote todo, sql,php,apache.

Para começar vou explicar como será o fucionamento do aplicativo, o objetivo do mesmo é podermos fazer a busca de preço de um determinado produto, por exemplo:

Você tem uma farmácia, seu cliente solicita um remédio X, você normalmente vai verificar o valor do remédio, neste momento vai entrar o sistema que iremos desenvolver, com este sistema você vai digitar o nome do remédio e vai pararecer o valor do mesmo, também será possível em caso do cliente efetuar a compra do remédio, digitar o valor em dinheiro que o cliente lhe deu e o sistema automáticamente irá mostrar o valor do troco.

Para que possamos desenvolver este sistema iremos dividir em partes para que você tenha uma melhor compreensão, nesta primeira parte iremos criar a interface gráfica da tela principal do sistema onde iremos fazer a pesquisa de preços é uma tela simples utilizando formulários.

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.

Para a nossa tela principal vamos criar uma página e vamos dar o nome de entrada.php esta página vai nos possibilitar fazer duas funções a busca de preços e o cadastramento dos produtos, vamos montar o formulário utilizando os seguinte campo:

Nome do Produto

Cadastrar Produto

Também teremos que criar uma pasta dentro da pasta htdocs que esta localizada dentro da pasta apache, vamos colocar o nome da mesma de sis e salvar todas as páginas que criarmos dentro da mesma.

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, irei ensinar durante a criação do sistema a utilizar só as ferramentas necessárias.

Com o editor aberto a primeira coisa que iremos fazer e inserir um cabeçalho na página com o seguinte nome
“Sistema de busca de preços” , tamanho H3, vamos deixar centralizado, colocar a cor azul e salvar a página com o nome de entrada.php vamos ver como fazer:

O primeiro comando que vamos fazer é centralizar o cabeçalho para isso no editor inseria as seguintes etiquetas abaixo:

Tela 001

Dentro destas etiquetas iremos inserir a cor do cabeçalho através do editor, clique com o cursor do mouse entre as etiquetas <center>|</center> e no editor clique na seta ao lado do botão “cor da font que é representado pela letra” vai abrir a jenela de cores , na mesma selecione a cor azul, veja como é feito este procedimento.

Tela 002 (selecione a cor azul)

Tela 003

Note que o cursor fica posicionado para inserirmos o cabeçalho, clique na seta “estilo de texto selecionado” e selecione a opção H3 para inserir o cabeçalho,veja o procedimento baixo:

Tela 004

Tela 005

Pronto agora iremos inserir o texto que tinhamos definido para cabeçalho:

Tela 006

Feito este procedimentos, vamos salvar a página dentro da basta sis que você deve ter criado, conforme definimos logo acima, clique em arquivo salvar e coloque o nome definido, veja o procedimento.

Tela 007

Agora vamos ver como vai ficar página, para isso inicie o servidor apache, abra o seu brauser e digte o seguinte endereço:

http://localhost/sis/entrada

Deve a página que vai aparecer deve ficar desta maneira:

Tela 008

Vamos criar dois formulários dentro deste página o primeiro vai ter a função de fazer a busca de produtos cadastrados e o outro vai ser para cadastrar os produtos.

Vamos começar inserindo uma quebra de linha, ou seja, vamos inserir dois <br><br> que tera a função de colocar o fomulário na linha de baixo, e depois iremos centralizar o formulário através das etiquetas <center></center> depois iremos inserir o formulário utilizando uma ferramenta do editor, para inserir quebra de linha através do editor clique no botão BR, veja o procedimento abaixo:

Tela 009 (Inserimos quebra de linha)

Tela 010

Agora para inserir o formulário clique no botão Form conforme é mostrado na tela abaixo:

Tela 011

Dentro das tags do formulário iremos inserir o nome do campo que será “Nome de Produto” com cor azul, uma caixa de texto que vai servir para dar entrada com os dados que precisamos pesquisar, esta caixa de texto iremos dar o nome de “produtos” através do atributo name e por último iremos inseri um botão no qual daremos o nome de “pesquisar” usando o atributo value.

Primeiro vamos inserir a cor antes de escrevemos o nome do campo esta cor vai ser azul, para isso no editor clique na seta ao lado da letra “A” e selecione a cor azul.

Tela 012

Agora podemos escreve o nome do campo:

Tela 013

Ao lado da tag </font> iremos inserir uma caixa de texto, clique no botão caixa de texto do editor conforma mostra a tela abaixo:

Tela 014

Dentro da tag <imput> iremos acrescentar o atributo name=”produtos” que é o nome da caixa de texto.

Tela 015

Agora iremos inserir um botao e inserir o nome de pesquisar, para isso no editor clique no botão, depois que o mesmo for inserido no atributo value=”botão” basta substituirmos a palavra botao por pesquisar.

Tela 016

Agora vamos inserir mais um formulário abaixo deste, então insira uma quebra de linha após a tag </center>, sendo que o procedimento é quase o mesmo, a diferença é que neste não usaremos a etiquetas para centralizar, o nome do campo será “Cadastrar Produtos” e o nome da caixa de texto será “cadastrar”, também vamos utilizar $nbsp; para forçar espaços e deixa-lo centralizado através desta forma vou mostar na tela abaixo como deve ficar o formulário.

Tela 017

Agora irei mostar comodeve ficar o formulário rodando através do brauser:

Tela 018

Terminamos de criar a página principal do aplicativo, na proxima parte iremos ainda mexer neste formulários.

Conclusão

Ensinei a criar a página principal do aplicativo, a criar formulários, caixa de texto e botões, além usar as etiquetas para centralizar e colocar cor nos campos através do editor de php, ná próxima parte iremos continuar a mexer nesta página principal e a criar outra página de script para que vai ter a função de cadastrar os produtos . Bons estudos e até a próxima parte.

LISTA DE TODOS OS TUTORIAIS DISPONÍVEIS

LIVROS CAMPEÕES DE VENDA NO SITE

Cursos Online com Certificado e Suporte à Dúvidas

CURSOS ONLINE COM CERTIFICADO - INDICADOS POR JÚLIO BATTISTI EM PARCERIA COM BRAVA CURSOS
INFORMÁTICA
Curso de Digitação Formatando e Instalando Computador Excel para Iniciantes Curso Compre no Ebay Informática Educativa Curso de Linux	Segurança na Internet Montagem e Manutenção de Computadores Curso Remoção de Vírus Curso Ubuntu Instalação Linux - Ubuntu
AdministraÇÃo
Gestão de Projetos e Empreendedorismo Benefícios da Previdência Curso HP 12C Matemática Financeira Curso Análise Salarial	Processo de Elaboração de Questionário Excelência no Atendimento ao Cliente Logística do Transporte Licitações e Contratos Administrativos
Profissionalizante
Adestramento Canino Como fazer pesquisa Científica e Monografia Curso de Corte e Costura Supervisor de Telemarketing Balconista de Padaria Curso Educação Infantil	Recepcionista e Secretaria Velas Artesanais Relações Interpessoais Curso de Arbitragem Bullying e Cyberbullying Capacitação de Tutores em EAD
EstÉtica
Curso de Massoterapia Curso de Depilação Drenagem Linfática Curso de Maquiagem Limpeza Turbinada de Pele	Alisamento e Relaxamento Capilar Curso de Etiqueta SPA de Vinhoterapia na Estética Facial Curso de Shantala Introdução à Colorimetria Capilar
Pessoal
Curso de Caligrafia Memorização Chefia e Liderança Curso Falar em Público Curso Bases Neurológicas Leitura Dinâmica Planejamento de Projeto Pessoal Reforma Ortográfica	Como Passar em Concursos Públicos Direção Defensiva Administração do Tempo Curso de Redação Curso de Meditação Como Passar no Vestibular Atualização Gramatical
NegÓCIOS
Relações Humanas e Ética Profissional Marketing e Vendas Diretas	Persuasão em Vendas
Entretenimento
Curso de Mágica
SaÚde
Primeiros Socorros Curso de Fitoterapia Curso de Aromaterapia Medicina Alternativa Plantas Medicinais	Técnicas básicas de Enfermagem O Trabalho do Agente Comunitário de Saúde Ergonomia - Postura Correta em Frente ao Computador Ética Profissional - Ênfase em Radiologia Adolescência: Visão Saúde do Assunto
Meio Ambiente
Curso Gestão Ambiental Jardinagem e Paisagismo	Curso de Reciclagem Curso de Bonsai
MÚsica
Curso de Violão
NutriÇÃo
Higiene e Manipulação de Alimentos Congelamento de Alimentos	Culinária Básica Culinária Intermediária
RelaÇÕes Humanas
Curso Gestão de Pessoas Departamento Pessoal Desenvolvimento Pessoal Empresarial Curso de Telemarketing Curso Dinâmica em Grupo Rescisão Contrato de Trabalho Folha de Pagamento na Prática	Atendimento ao Cliente Adm. da Empregada Doméstica Curso de Homolognet Recursos Humanos - Férias Recursos Humanos - 13° Salário Registro de Empregados
Web Master
Curso de HTML Curso de WordPress	Curso de HTML5
Designer GrÁfico
Curso de Corel Draw Efeitos Especiais com InDesign CS5	Efeitos Tipográficos com InDesign CS5

CURSO EM FORMATO DE VÍDEO-AULA

EXEMPLOS PRÁTICOS PASSO A PASSO COM SOM E IMAGEM

Clique no curso para informações detalhadas

Curso

Duração

Informações

ACCESS

Vídeo Aula: Access 2007 - Consultas - Curso Completo e Prático

4:30h

LOJA DE LIVROS

VÍDEO-AULAS

E-BOOKS/CURSOS

CURSOS ONLINE COM CERTIFICADO

CURSOS COMPLETOS EM CD

CD-01

CD-02

CD-03

CD-04

CD-05

CD-06

CD-07

CD-08

CD-09

CD-10

CONTATO

Você está aqui: Principal » Lista Completa de Tutoriais

Sobre este Tutorial

Php - Sistema de busca de preços. Parte 1

Conclusão

:: Tutoriais Relacionados

CURSOS
COMPLETOS EM CD