HTML site com HTML com Banco de dados

arthurerl · 4 de novembro de 2019

Olá Pessoal,

Sou iniciante e estou desenvolvendo meu primeiro site utilizando HTML5, PHP, e banco de dados; Tenho algumas duvidas que não estou conseguindo evoluir.

Meu site vai ser tipo um catalogo, onde vários usuários podem adicionar valores em cada item. os itens serão fixos, onde somente eu poderei adicionar e remove-los, também poderei modificar os valores dos usuários.

Quando um usuário cadastrar seu valor no item, deve aparecer seu nome e valor no item, caso não adicionar o nome dele, ele não deve aparecer. Isso deve ser em tempo real.

Alguém tem uma noção de como posso fazer para percorrer todos os registos da tabela e fazer aparecer nos itens em um list view? Tem como eu criar uma função onde caso não tiver as informações ela cria um bloco onde aparece o nome e valor do usuário?

Se alguém souber me explicar ou souber sobre algum material de apoio que posso estudar, fico grato não sei nem por onde começar xD.

Obrigado,

DiF · 4 de novembro de 2019

@arthurerl Olá seja bem vindo no Clube do Hardware.

Basicamente você vai usar a técnica de requisição assíncrona (ajax) para fazer requisições ao banco de dados com o php e o javascript. Isso para ser feito em "tempo real".

Mas antes, você vai precisar modelar o banco de dados de acordo com o pedido. Por exemplo:

Uma tabela para usuários, uma tabela para produtos, uma tabela que controla os dois(N:N) que recebe o ID do produto, o ID do usuário e o valor que ele inserir.

O jQuery é uma biblioteca javascript que permite usar o ajax de forma simplificada. Pesquise sobre a função $.ajax() do jquery e como usar com o php e banco de dados.

arthurerl · 4 de novembro de 2019

@DiF boa tarde,

Muto obrigado pela sua resposta.

Aproveitando sua atenção, estava pensando em pegar as informações com o nome do usuario e valor e passar para um <li>, onde cada usuario seria uma linha, você tem alguma noção de como posso fazer para acrescentar ou remover a li? caso o usuario adicionar que ele tem o valor do item a li aparece automaticamente. Não sei se consegui explicar bem.

Obrigado.

DiF · 4 de novembro de 2019

@arthurerl Sim, você só precisa colocar a linha que repete dentro de um laço de repetição.

Por exemplo:

<ul>
   <?php
      include 'conexao.php';
      $consulta = mysqli_query($conexao, "SELECT usuario.nome_usuario, oferta.valor 
                                          FROM oferta INNER JOIN usuario ON usuario.ID = oferta.id_usuario");
  
      while($oferta = mysqli_fetch_object($consulta)):
          echo "<li> $oferta->nome_usuario - $oferta->valor ";
      endwhile;
     ?>
</ul>

Este trecho, faria uma consulta a tabela de ofertas na qual pega o nome do usuário da tabela usuario e o valor da oferta dele e insere no elemento <li>.

Onde cada elemento <li> vai ser um nome de um usuário e uma valor.

Agora para sumir, no caso vai ter que fazer uma condição onde, se o valor for vazio(não nulo, mas simplesmente vazio), remove o elemento <li> deixando só os que tiverem a informação.

E para fazer tudo isso em tempo real.. somente com o ajax usando o javascript.

PS: não copie o código, é só um mero exemplo.