PRÁTICA PROGRAMAÇÃO PARA INTERNET(ALTERAÇÃO NO CÓDIGO FONTE)

EX1-> COMENTE O MENU QUE SE ENCONTRA EM SEU FRONT-END E SUBSTITUA PELO CÓDIGO ABAIXO ACRESCENTADO DEPOIS DO CÓDIGO

<li><a href="#">Submenu 1</a></li>

<li><a href="#">Submenu 2</a></li>

<li><a href="#">Submenu 3</a>

<li><a href="#">Submenu 4</a></li>

<li><a href="#">Submenu 5</a></li>

<li><a href="#">Submenu 6</a>

<li><a href="#">Submenu 7</a></li>

<li><a href="#">Submenu 8</a></li>

<li><a href="#">Submenu 9</a></li>

</ul>

</li>

</ul>

</li>

</ul>

</li>

<li><a href="#">Cadastro</a>

<li><a href="menu/cliente.html">Cliente</a></li>

<li><a href="?p=menu_cliente">Cliente 2</a></li>

<li><a href="#">Submenu 3</a>

</ul>

</li>

</ul>

/*Configurações Padrões do menu CSS*/

ul.menu,

.menu li,

.menu a {

margin: 0;

padding: 0;

list-style: none;

text-decoration: none;

}

ul.menu ul {

position: absolute;

display: none;

box-shadow: 3px 3px 2px #333;

}

/* Configurações nivel 1*/

ul.menu {

float: left;

font-family: Verdana, Geneva, sans-serif;

font-size: 15px;

border-radius: 5px;

padding: 0 5px;

}

.menu li {

float: left;

width: auto;

position: relative;

}

.menu li a {

display: block;

padding: 0 20px;

line-height: 45px;

height: 45px;

float: left;

transition: all 0.1s linear;

}

/* Configurações nivel 2*/

.menu li:hover>ul.submenu-1 {

display: block;

top: 45px;

left: 0;

padding: 5px;

width: 200px;

border-radius: 0 0 5px 5px;

}

.menu ul.submenu-1 a {

width: 160px;

padding: 0 20px;

border-radius: 5px;

}

/* Configurações nivel 2*/

.menu li:hover>ul.submenu-2 {

display: block;

top: 0;

left: 195px;

padding: 5px;

width: 200px;

border-radius: 0 5px 5px 5px;

}

.menu ul.submenu-2 a {

width: 160px;

padding: 0 20px;

border-radius: 5px;

}

/* Configurações nivel 3*/

.menu li:hover>ul.submenu-3 {

display: block;

top: 0;

left: 195px;

padding: 5px;

width: 200px;

border-radius: 0 5px 5px 5px;

}

.menu ul.submenu-3 a {

width: 160px;

padding: 0 20px;

border-radius: 5px;

}

/*Configurações de cores*/

/*nivel 1*/

.menu {

background: #CCC;

}

.menu a {

color: #000;

}

.menu li:hover>a {

background: #999;

color: #fff;

}

/*nivel 2*/

.submenu-1 {

background: #999;

}

.submenu-1 a {

color: #fff;

}

.submenu-1 li:hover>a {

background: #666;

}

/*nivel 3*/

.submenu-2 {

background: #666;

}

.submenu-2 a {

color: #fff;

}

.submenu-2 li:hover>a {

background: #333;

}

/*nivel 3*/

.submenu-3 {

background: #333;

}

.submenu-3 a {

color: #fff;

}

.submenu-3 li:hover>a {

background: #000;

}

TELA DE CLIENTES -> criar um arquivo em php com o nome cliente.php

<?php

if(($_SESSION['mensagemAlert'] == "") ){

//echo "<script>alert('$_SESSION[mensagemAlert]');</script>";

// $_SESSION['mensagemAlert']="";

}else{

$_SESSION['mensagemAlert']="Cadastrado";

echo "<script>alert('$_SESSION[mensagemAlert]');</script>";

//$_SESSION['mensagemAlert']="";

}

$_SESSION['mensagemAlert']="";

<html>

<head>

<title>Cadastro de Clientes</title>

</head>

<body>

<h1>Cadastro de clientes</H1>

<tr>

</tr>

<tr>

</tr>

<tr>

<th>Endereço</th>

</tr>

<tr>

<th>Estado</th>

<td>

<!--<option value="BA">Bahia</option>

<option value="ES">Espirito Santo</option>

<option value="MG">Minas Gerais</option>

<option value="RJ">Rio de Janeiro</option>

<option value="SP">Sao Paulo</option> -->

<?php

include_once("conexaoBD.php");

$sql="select * from estado";

$res=mysqli_query($conn,$sql) or die("Erro ao pesquisar

estados.". mysqli_connect_error());

while($registro= mysqli_fetch_assoc($res)){

$sigla= $registro["sigla"];

$nome = $registro["nome"];

echo"<option value='$sigla'>$nome</option>";

}

</select> </td>

</tr>

<tr>

<tr>

<td>

Masculino <BR>

<input type="radio" name="sexo" value="F" /> Feminino

</td>

</tr>

<tr>

<th>Áreas de Interesse</th>

<td>

<input name="checkCinema" type="checkbox" value="true" /> Cinema <BR>

<input name="checkMusica" type="checkbox" value="true" /> Monica <BR>

<input name="checkInfo" type="checkbox" value="true" /> Informática

</td>

</tr>

<th>Login</th>

</tr>

<tr>

<th>Senha</th>

</tr>

<tr>

<th>Confirmação Senha</th>

</tr>

<tr>

<td>

</td>

</tr>

<td>

</td>

</tr>

</table>

</form>

</body>

</html>

CONEXÃO BANCO DE DADOS -> criar um arquivo em php com o nome conexaoBD.php

<?php

$servername = "localhost";

$username = "root";

$password = "";

$database = "progwebbd";

// Create connection

$conn = mysqli_connect($servername, $username, $password, $database);

// Check connection

if (!$conn) {

die("Connection failed: " . mysqli_connect_error());

}

echo "Connected successfully";

TELA DE CADASTRO CLIENTES -> criar um arquivo em php com o nome cadcliente.php

<?php

include("conexaoBD.php");

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

<title>Documento sem título</title>

</head>

<body>

<h1>Os dados informados são:</h1>

<?php

//Receber cada campo do formulário

//e coloca em uma variável

$nome = $_POST["txtName"];

$ender = $_POST["txtEndereco"];

$cpf = $_POST["txtCPF"];

$estado = $_POST["listEstados"];

$dtNasc = $_POST["txtData"];

$sexo = $_POST["sexo"];

$cinema = $_POST["checkCinema"];

$musica = $_POST["checkMusica"];

$info = $_POST["checkInfo"];

$login = $_POST["txtLogin"];

$senha1 =$_POST["txtSenha1"];

$senha2 = $_POST["txtSenha2"];

$arquivo= $_FILES["txtFoto"];

$foto="";

//verificar campos

$camposOK= true;

//----------------------------------------------------------------------

// Obtendo a foto

// Verificando erro no upload

if ($arquivo ['error'] != 0 ) {

echo "Erro no UPLOAD do arquivo. <BR>";

$camposOK =false;

}

// Verificando o tamanho

if ($arquivo ['size'] < 0 ) {

echo "Erro no arquivo. Tamanho igual a ZERO. <BR>";

$camposOK = false;

}

if ($arquivo ['size'] > 100000 ) {

echo "Tamanho maior que o permitido (100 kbytes). <BR>";

$camposOK = false;

}

// Verificando o tipo do arquivo

if (($arquivo['type'] != "image/gif" ) &&

($arquivo['type'] != "image/jpeg") &&

($arquivo['type'] != "image/pjpeg" ) &&

($arquivo['type'] != "image/x-png" ) &&

($arquivo ['type'] != "image/png" ) &&

($arquivo['type'] != "image/bmp" ) ) {

echo "Erro no arquivo. TIPO não permitido. <BR>";

$camposOK = false;

}

// Movendo o arquivo para algum diretório válido // dentro do htdoc

$destino = "imagens/";

$destino = $destino. $arquivo ['name'];

$res=move_uploaded_file ($arquivo ['tmp_name'],$destino);

if ($res == false) {

echo "Erro ao copiar o arquivo para o destino. <BR>";

$camposOK = false;

}

// Mostrando a foto. Coloque o caminho onde está a foto

echo "<IMG heigth=120 width=120

src='imagens/" .$arquivo['name']."'>";

//---------------------------------------------------------------------

if($nome==""){

echo "Informe o nome .<br>";

$camposOK = false;

}

if($ender==""){

echo "Informe o endereço .<br>";

$camposOK = false;

}

if($senha1 != $senha2){

echo "As senhas não conferem .<br>";

//$camposOK = false;

}

//** Acrescentar as validações de cpf e data

// Verificando a data

if(strlen($dtNasc)==10){

$dia = substr($dtNasc,0,2);

$mes = substr($dtNasc,3,2);

$ano = substr($dtNasc,6,4);

if(! checkdate($mes,$dia,$ano)){

echo "Data inválida .<br>";

$camposOK = false;

}

}else{

echo "Data inválida .<br>";

$camposOK = false;

}

// Mostrando os valores em forma de tabela

// Cada campo é uma linha <tr> da tabela

// Mostrando os valores em forma de tabela // Cada campo é uma linha <TR> da tabela

if ($camposOK ) {

echo "<TABLE border='0' cellpadding='5'>";

echo "<TR>

</TR>";

echo "<TR>

</TR>";

echo "<TR>

<TD>ENDEREÇO:</TD>

<TD><B> $ender </B></TD>

</TR>";

echo "<TR>

<TD>ESTADO:</TD>

<TD><B> $estado </B></TD>

</TR>";

echo "<TR>

<TD><B> $dtNasc </B></TD>

</TR>";

echo "<TR>

</TR>";

echo "<TR>

<TD>LOGIN:</TD>

<TD><B> $login </B></TD>

</TR>";

echo "<TR>

<TD>SENHA:</TD>

<TD><B> $senha1 </B></TD>

</TR>";

// Campos do tipo CheckBox retornam

// Verdadeiro (true) se foi marcado

echo "<TR><TD>ÁREAS DE INTERESSE:</TD><TD><B>";

if ($cinema=="" ){

//echo "Cinema <BR>";

$cinema=0;

}if ($musica=="") {

//echo "Música <BR>";

$musica=0;

}if ($info ==""){

//echo "Informática ";

$info=0;

}

echo "</B></TD></TR></TABLE>";

}// Fim IF camposOK

$sql = "INSERT INTO clientes (nome, cpf, endereco, estado_sigla, dtNasc, sexo, login, senha, cinema, musica, info) VALUES ('$nome', '$cpf', '$ender', '$estado', '$dtNasc', '$sexo', '$login', '$senha1', $cinema, $musica, $info)";

if (mysqli_query($conn, $sql)) {

//echo "New record created successfully";

session_start();

$_SESSION['mensagemAlert']="Registro com sucesso";

header("location: ../?p=menu_cliente");

} else {

echo "Error: " . $sql . "<br>" . mysqli_error($conn);

}

mysqli_close($conn);

</body>

</html>

TELA DE PESQUISA CLIENTES -> criar um arquivo em php com o nome cliPesquisa.php

<html>

<head>

content="text/html; charset=UTF-8">

<title>Pesquisar cliente</title>

</head>

<body>

<?php

include_once("conexaobd.php");

$sql = "SELECT *FROM clientes";

$res = mysqli_query($conn,$sql) or die ("ERRO ao pesquisar

dados do cliente." . mysqli_connect_error());

$total = mysqli_num_rows($res);

echo "<H3>0 total de clientes é: $total </H3>";

echo "<TABLE border=1>";

echo "<TR><TD>CÓDIGO</TD><TD>NOME</TD><TD>CPF</TD>

<TD>ENDEREÇO</TD><TD>ESTADO</TD>

<TD>DATA NASC</TD><TD>SEXO</TD><TD>LOGIN</TD>

<TD>CINEMA</TD><TD>MÚSICA</TD> <TD>INFORMÁTICA</TD></TR>";

while($registro = mysqli_fetch_assoc($res) ) {

$id = $registro["idClientes"];

$nome = $registro["nome"];

$ender = $registro["endereco"];

$cpf = $registro["cpf"];

$estado = $registro [ "estado_sigla"];

$login = $registro["login"];

$dtNasc= $registro["dtNasc"];

$sexo = $registro["sexo"];

$cinema= $registro ["cinema"];

$musica = $registro ["musica"];

$info = $registro["info"];

echo "<TR><TD>$id</TD><TD>$nome</TD><TD>$cpf</TD> <TD>$ender</TD><TD>$estado</TD><TD>$dtNasc</TD> <TD>$sexo</TD><TD>$login</TD><TD>$cinema</TD>

<TD>$musica</TD><TD>$info</TD></TR>";

}

echo "</TABLE>" ;

</body>

</html>

TELA DE PRODUTOS -> criar um arquivo em php com o nome produto.php

<?php

if(($_SESSION['mensagemAlert'] == "") ){

//echo "<script>alert('$_SESSION[mensagemAlert]');</script>";

// $_SESSION['mensagemAlert']="";

}else{

$_SESSION['mensagemAlert']="Cadastrado";

echo "<script>alert('$_SESSION[mensagemAlert]');</script>";

//$_SESSION['mensagemAlert']="";

}

$_SESSION['mensagemAlert']="";

<html>

<head>

<title>Cadastro de Produto</title>

</head>

<body>

<form name= "formCadastro" action="menu/cadproduto.php" method="POST"

enctype="multipart/form-data">

<h1>Cadastro de Produtos</H1>

<tr>

<th>Descrição do produto</th>

<td><input name="txtDescricao" type="text" maxlength="100"

required placeholder=" Descrição do produto"></td>

</tr>

<tr>

<th>Preço do produto</th>

<td><input name="txtPreco" type="text" maxlength="14"

required placeholder=" Preço do produto"></td>

</tr>

<tr>

<th>Quantidade Estoque</th>

<td><input name="txtQtEstoque" type="text" maxlength="14"

required placeholder=" Quantidade"></td>

</tr>

<tr>

<th>Data Validade</th>

<td><input name="txtDatValidade" type="date" maxlength="14"

required placeholder=" Validade do produto"></td>

</tr>

<tr>

<td>

</td>

</tr>

</table>

</form>

</body>

</html>

TELA DE CADASTRO PRODUTOS -> criar um arquivo em php com o nome cadProduto.php

<?php

include("conexaoBD.php");

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

<title>Documento sem título</title>

</head>

<body>

<h1>Os dados informados são do produto:</h1>

<?php

//Receber cada campo do formulário

//e coloca em uma variável

$descricao = $_POST["txtDescricao"];

$preco = $_POST["txtPreco"];

$quantidade = $_POST["txtQtEstoque"];

$dtvalidade = $_POST["txtDatValidade"];

$sql = "INSERT INTO produto (descricao, preco, qtdeEstoque, dataValidade) VALUES ('$descricao', $preco, $quantidade, '$dtvalidade')";

if (mysqli_query($conn, $sql)) {

//echo "New record created successfully";

session_start();

//include_once("seguranca.php");

$_SESSION['mensagemAlert']="Registro com sucesso";

header("location: ../?p=menu_produto");

//$_SESSION['mensagemAlert']="";

} else {

echo "Error: " . $sql . "<br>" . mysqli_error($conn);

}

mysqli_close($conn);

</body>

</html>