PDO PHP

Passo 1: Conexão ao Banco de Dados

Para conectar ao banco de dados, utilizamos o objeto PDO. Primeiro, definimos a string de conexão, que inclui o tipo de banco de dados, o nome do host e o nome do banco de dados. Em seguida, definimos o nome do usuário e a senha para o acesso ao banco de dados.

php
$dsn = "mysql:host=hostname;dbname=nome_da_base_dados";
$username = "nome_do_usuario_no_banco_de_dados";
$password = "senha_do_usuario_no_banco_de_dados";
$pdo = new PDO($dsn, $username, $password);

A partir desse momento, temos um objeto que pode manipular os dados do banco de dados. Esse objeto é o $pdo.

Passo 2: Execução de Consultas

Para executar uma consulta SQL, utilizamos o método query(). Por exemplo, para listar todos os alunos da tabela alunos, usamos o seguinte código:

php
$stmt = $pdo->query("SELECT * FROM alunos");
while ($aluno = $stmt->fetch(PDO::FETCH_ASSOC)) {
    echo $aluno['nome'] . " - " . $aluno['email'] . "<br>";
}

Nesse exemplo, estamos executando uma consulta para selecionar todos os registros da tabela alunos. O método fetch() retorna cada registro da consulta, um por vez, como um array associativo. Utilizamos o laço de repetição while para percorrer todos os registros retornados.

Passo 3: Consultas Preparadas

O uso de consultas preparadas é recomendado por questões de segurança, pois elas impedem a inserção de código malicioso em consultas SQL. Para usar consultas preparadas, utilizamos o método prepare() do objeto PDO.

Por exemplo, para selecionar um aluno pelo ID, podemos usar o seguinte código:

php
$id = 1;
$stmt = $pdo->prepare("SELECT * FROM alunos WHERE id = :id");
$stmt->bindParam(':id', $id);
$stmt->execute();
$aluno = $stmt->fetch(PDO::FETCH_ASSOC);

No exemplo acima, estamos preparando uma consulta para selecionar um aluno com o ID igual a 1. Utilizamos o método bindParam() para definir o valor do parâmetro :id. O método bindParam() vincula o valor da variável $id ao parâmetro :id na consulta. Em seguida, executamos a consulta com o método execute(), e o resultado é armazenado na variável $aluno.

Passo 4: Inserção de Dados

Da mesma forma que usamos consultas preparadas para selecionar dados, também podemos usá-las para inserir dados no banco de dados. Por exemplo:

$nome = "Maria";
$email = "maria@example.com";
$idade = 20;

$stmt = $pdo->prepare("INSERT INTO alunos (nome, email, idade) VALUES (:nome, :email, :idade)");
$stmt->bindParam(':nome', $nome);
$stmt->bindParam(':email', $email);
$stmt->bindParam(':idade', $idade);
$stmt->execute();

No exemplo acima, estamos preparando uma consulta para inserir um novo aluno no banco de dados. Utilizamos o método bindParam() para vincular os valores das variáveis $nome, $email e $idade aos parâmetros :

nome, :emaile:idadena consulta. Em seguida, executamos a consulta com o métodoexecute()`.

Passo 5: Atualização de Dados

Da mesma forma que podemos inserir dados no banco de dados, também podemos atualizar dados existentes. Por exemplo:

perl
$id = 1;
$nome = "João";
$email = "joao@example.com";

$stmt = $pdo->prepare("UPDATE alunos SET nome = :nome, email = :email WHERE id = :id");
$stmt->bindParam(':id', $id);
$stmt->bindParam(':nome', $nome);
$stmt->bindParam(':email', $email);
$stmt->execute();

No exemplo acima, estamos preparando uma consulta para atualizar o nome e o e-mail do aluno com o ID igual a 1. Utilizamos o método bindParam() para vincular os valores das variáveis $id, $nome e $email aos parâmetros :id, :nome e :email na consulta. Em seguida, executamos a consulta com o método execute().

Passo 6: Exclusão de Dados

Por fim, podemos excluir dados do banco de dados com a seguinte sintaxe:

shell
$id = 1;

$stmt = $pdo->prepare("DELETE FROM alunos WHERE id = :id");
$stmt->bindParam(':id', $id);
$stmt->execute();

No exemplo acima, estamos preparando uma consulta para excluir o aluno com o ID igual a 1. Utilizamos o método bindParam() para vincular o valor da variável $id ao parâmetro :id na consulta. Em seguida, executamos a consulta com o método execute().

Conclusão

O PDO é uma extensão do PHP que oferece uma maneira segura e eficiente de se comunicar com bancos de dados. Com o uso de consultas preparadas, podemos proteger nossas consultas SQL contra injeção de código malicioso. Além disso, o PDO oferece suporte a vários tipos de banco de dados, o que torna nossa aplicação mais flexível.

DISKPART – Windows

Utilitário de linha de comando para gerenciar partições e discos e/ou mídias removíveis.

Entrar no prompt de comando (CMD):

Digite DISKPART <ENTER>

Use o comando LIST DISK, para visualizar os drivers presentes no sistema.

Para selecionar um disco use o numero apresentado no LIST DISK, ex: SELECT DISK M, onde M é o número do disco.

Use LIST PARTITION para ver as partições deste disco.
Para escolher uma partição use o comando SELECT PARTITION M , onde M é o número da partição.

Após selecionar a partição é possível remover com o comando DELETE PARTITION.

Para criar uma partição use o comando CREATE PARTITION PRIMARY.

A qualquer momento para sair do DISKPART, use o comando EXIT.

Estilos

style é um atributo usado para adicionar estilos a um elemento, por exemplo, cor, fonte , tamanho etc.
<p style=”color:red;background-color:blue;”> Paragrafo vermelho fundo azul</p>
Porém colocar estilos em cada uma das tags HTML não é um boa pratica de desenvolvimento hoje me dia. Pois teríamos a necessidade de alterar os estilos em varias tags da nossa pagina, caso fosse necessário.
Então podemos fazer os estilos de forma mais organizada e centralizando essa personalização em uma tag <style></style> e indicando quais tags terão estilos.

A sintaxe desse método é bem simples :

indicamos qual será o seletor , depois qual propriedade iremos alterar e incluímos o valor desejado. O p é o nosso seletor , color a propriedade e blue seu valor. Existem propriedades que possuiem subpropriedade como é o caso do background-color onde
background é propriedade e color é a subpropriedade.

  <style>
p {
color: blue;
background-color: yellow;
}
</style>

Experimente as seguinte propriedades para cada parágrafo

 font-family: serif;
 
font-family: sans-serif;
 
font-family: sans-serif;

CSS

Você pode adicionar CSS em um documento HTML de 3 formas:

  • Inline – usado como atributo em uma tag HTML
  • Internal -usado na prórpia pagina coma um bloco de estilo <style>
  • External – usado em um arquivo externo <link> indicando um arquivo.css
    • <link rel=”stylesheet” href=”estilo.css”>

Todos as formas devem ser inseridas na sessão <head>

Estilos de Bordas em Tabelas:

border-style: dotted;
border-style: dashed;
border-style: solid;
border-style: double;
border-style: groove;
border-style: ridge;
border-style: inset;
border-style: outset;
border-style: none;
border-style: hidden;
border-style: dotted dashed solid double;

Podemos definir os estilos das bordas de acordo com a sua localização, para isso usamos as seguintes propriedades:

border-top-style: dotted; -> borda superior
border-right-style: solid; -> borda direita
border-bottom-style: dotted; ->borda inferior
border-left-style: solid; -> borda esquerda

O tamanho da borda tambem pode ser alterado com a seguinte propriedade:

border: 4px;

podemos também arredondar as bordas com:

border-radius: 10px;

px é uma unidade de medida.

Html Básico

<!DOCTYPE html>
<html>
<head>
<title>Titulo da Página</title>
</head>
<body>

<h1>Titulo</h1><!-- titulos podem ter o tamanho de h1 até h6!-->
<p title="teste">Parágrafo</p> <!-- o atributo title apresenta o texto quando o mouse fica em repouso no parágrafo
<p> Parágrafo com quebra<br> de linha</p>

</body>
</html>

Então temos uma construção organizada de tags HTML onde na maioria dos casos se abrimos uma tag ela terá um tag de fechamento.

A tag !DOCTYPE html define para o navegador o tipo de documento para que consiga apresentar os elementos corretamente.

Ela deve aparecer no topo da pagina antes das tags HTML. Esta tag nao diferencia letras maiúsculas e minúsculas.

Uma declaração para uma pagina HTML 5 dever estar no seguinte formato: <!DOCTYPE html>

Atributo lang

Podemos adicionar o atributo lang na tag <html> para indicar em qual lingua estará a nossa página ex:

<html lang=”en”>

Meta tag

<meta charset="utf-8">

Indica qual a codificação queremos em nossa página. É usado pelo navegador para que ele possa entender os caracteres especiais como cedilha e acentos. Esta tag deve ser inserida dentro da tag <head>

Quebra de Linha, itálico ,negrito e sublinhado

<br> Produz uma quebra de linha onde for inserido. com espaçamento menor que um parágrafo <p>

<i> Marca o texto como itálico, ex. <i>itálico</i>

<b> Marca o texto como negrito, ex. <b>negrito</b>

<u> Sublinha o Texto marcado ex. <u>sublinhado</u>

Listas desordenadas

<ul>

<li>Pão</li>

<li>Leite</li>

<li>Queijo</li>

<li>manteiga</li>

<ul>

Listas Ordenadas

<ol>
  <li>Pão</li>
  <li>Queijo</li>
  <li>Leite</li>
  <li>Manteiga</li>
</ol>

Links em HTML

Os links em html são definidos da seguinte forma: <a href=”www.etecjk.com”>site da ETEC JK</a> ,

Onde o atributo href pode indicar uma pagina ou um endereço de internet, o link que aparece é o que fica entre a abertura e fechamento da tag <a>, em nosso exemplo http://www.etecjk.com

Imagens na página HTML

As imagens em uma pagina html são definidas com a seguinte tag:

<img src=”etec.jpg” alt=”Escola Técnica” width=”104″ height=”142″>, onde width é a largura e height a altura da imagem.

Alternativamente é possível também na propriedade src inserir uma url por exemplo, <img src=”http://www.etecjk.com/imagem.jpg” alt=”Escola Técnica” width=”104 height=”142″>, mas atenção a maioria das imagens que estão disponíveis na internet possuem direitos autorais, então não utilize urls de imagens que você não direito ou permissão para usar!

A atributo ALT apresenta o texto alternativo quando a origem(src) da imagem não esta disponível.

Tabelas

As tabelas são tags html que permitem tabular informações para que fiquem mais organizadas abaixo temos um exemplo de tabela que podemos criar.
Inicia-se pela tag <table> para informar ao navegador que iremos criar uma tabela, agora iremos usar a tag <tr> para que seja iniciada uma linha na tabela, lembre-se que tabelas são formadas por células , isto é, o cruzamento de uma linha com uma coluna forma a célula, então ao abrir uma tag <tr> você estará indicando uma linha, e nesta linha terá as colunas, as colunas são criadas usando a tag <td>. Tanto as tags <tr> quanto as tags <td> possuem uma tag de fechamento por ex., <tr><td></td></tr>.
Normalmente um uma tabela temos a primeira linha como cabeçalho da coluna indicando quais informações a coluna possui, para isso podemos usar a tag <th></th>, esta tag ira deixar o conteúdo da célula em negrito para melhor visualização. Podemos também para melhorar a visualização da tabela colocando uma espessura nas bordas da tabela usando a propriedade border ex., <table border=”1″>.

<table>
  <tr>
    <th>cabecalho 1</th>
    <th>cabecalho 2</th>
    <th>cabecalho 3</th>
  </tr>
  <tr>
    <td>conteudo 1 linha 1</td>
    <td>conteudo 2 linha 1</td>
    <td>conteudo 3 linha 1</td>
  </tr>
  <tr>
    <td>conteudo 1 linha 2</td>
    <td>conteudo 2 linha2</td>
    <td>conteudo 3 linha 2</td>
  </tr>
</table>

<table>
  <tr>
    <th colspan=”2″>Nome</th>
    <th>idade</th>
  </tr>
  <tr>
    <td>Huguinho</td>
    <tdPAto</td>
    <td>100</td>
  </tr>
  <tr>
    <td>Zezinho</td>
    <td>Pato</td>
    <td>100</td>
  </tr>
</table>

Alternativamente você pode usar CSS para poder colocar estilos diferentes de bordas na tabela.

Forms

São tags Html para geração de formulários em html, são utilizados para interagir com o navegante/usuário da sua pagina. Elas permitem enviar dados/informações para outras páginas e/ou sistemas. Pense bem, quando você entra em um site de compras, existe a necessidade de fazer uma autênticação no sistema para que o sistema permita que você faça compras, então nesse momento quando queremos entrar no sistema, uma página com um formulário deve ser preenchido, normalmente com um usuário e senha. Após digitação dos dados você deve enviar os dados para o sistema da loja para que ele possa verificar se as informações estão corretas. Qualquer site que precise receber dados do usuário deve apresentar um formulário para ser preenchido. Para criação usamos a seguinte tags:

<form action=”pagina_que_ira_receber_dados.html” method=”post”> </form>

Entre as tags de abertura e fechamento do form, devemos especificar os campos que o usuário deve preencher.

<input type=”text” name=”” id=””>
Esta tag cria um campo para ser preenchido pelo usuario. Podemos observar que esta tag tem atributos, o atributo type serve para informar o tipo de campo o usuário vai preencher, neste caso está atribuido o tipo text que serve para qualquer informação, porém temos vários tipos que podem ser utilizados ex., checkbox, button, color, date, email, file, hidden, image, month, number, password, radio, reset, search, submit, tel, time, url etc.

Em especial dois atributos são importantes na tag <input>, são eles o submit e o reset.
O tipo submit é utilizado para enviar o formulário e o tipo reset é utilizado para limpar o formulário.

Além do elemento input existem outros elementos para auxiliar a criação de formulários ex., <label>, <select>, <button>, <fieldset>, <legend>, <datalist>, <output>, <option>, <optgroup>, para mais informações acesse :https://developer.mozilla.org/pt-BR/docs/Web/HTML/Element



















(default value)




















(default value)




















(default value)






















(default value)


















(default value)