Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

ViniciusRamoa

Postar em site criado em HTML, CSS3 e JavaScript

Recommended Posts

Primeiro, duas coisas: o texto é grandinho e não sei se postei no local correto, se não, eu peço que me orientem, se sim, obrigado, é meu primeiro post aqui.

Olá, eu estou criando um site bem simples, ele vai funcionar apenas para os usuários lerem conteúdos postados, será postados livros/quadrinhos e outros conteúdos próprios, eu já criei todo o site usando html e css3, mas ainda sou bem novo nessa área, estou sempre procurando aprender, então desculpe se minha dúvida for muito "noob", mas é o seguinte:

O site está todo pronto, em questão de layout e estrutura, estou estudando php e Banco de dados para criar um sistema de registro/login para os usuários salvarem seus dados, como "último livro lido, livros marcados com gostei" e etc, mas antes disso, Eu tenho uma dúvida, como vou postar nesse site? Pois eu tenho ele todo pronto, mas ele é "estatico", para eu adicionar algo novo, eu teria que criar tudo por linhas de códigos e etc, mas quais linguagens uso ou como é chamado os métodos para eu deixar esse site "vivo", no sentido de ele ter postagens constantes automaticamente por meio de uma simples interface para posts dos adms? 

A minha ideia é ter um "rank" de permissões, para usuários normais, lhes seriam atribuído o "rank 0", podendo assim apenas ler e salvar os dados como últimos lidos, quais começaram e não terminaram e etc, já  para os adms, eles seriam "rank 1", tendo as mesmas opcoes/funcoes do "rank 0", mas em sua página de perfil, surgiria opções para postar conteúdos, não precisa ter ferramentas para modificar o site, como mudar logo, mudar x cor de y local, mas sim apenas para postar conteudos, pois a manutenção e edição do site eu posso fazer arrumando as linhas de código, mas o sistema de postagem eu gostaria de automatizar, como um blog, que posta uma notícia, ela aparece com uma imagem e uma pequena descrição, quando eu postar outra, a antiga vai "descer" e cada vez mais ir para baixo ou para a página 2, 3 etc...

Um exemplo do que eu mais ou menos quero dizer, seria algo assim: leitor.net ou neoxscan.com acho que esses são os melhores exemplos, é algo bem simples, a pessoa acessa, ler e pronto, quem tiver logado vai ter informações de leitura salvas, mas a pergunta agora é: como postarei? Quais linguagens são usadas para isso? Existe algum nome que denomina essa função de posts para que eu pesquise mais sobre isso? Mesmo se não for possível explicar, por ser complexo, poderia pelo menos dizer qual caminho e o que é usado para tornar isso possível, por favor?

Então essa é minha dúvida, obrigado.

Compartilhar este post


Link para o post
Compartilhar em outros sites

@ViniciusRamoa

 

Você pode fazer o que você deseja usando PHP ou Java ou ASP ou NodeJS ou Python + MySQL ou SQLServer ou Oracle + Ajax + jQuery + JavaScript.

 

Existem um grande número de recursos para se construir um Website hoje em dia, o que eu recomendo é você a procurar por linguagens de programação com recursos na internet, de baixo valor ou valor zero, por este motivo eu usario neste caso o PHP + MySQL + Ajax + jQuery + JavaScript, pois são linguagens de programação com custo ZERO e de grande conteudo disponivel para auxilia-lo na construção em caso de dúvidas.

 

O problema é que, por você ter construido o site "inteiro" de forma fixa, você terá o que dizemos no mundo da programação chamado Retrabalho. Vou te explicar algo superficial, o PHP tem a "função" tornar a página dinâmica em questão de conteudo, mas o PHP após carregado não é "dinâmico" isso porque ele monta a página do lado do Servidor e apresenta para o usuário que está navegando o resultado FINAL, então para que o site se torne completamente dinâmico, como no caso de alguém postar algo e ele aparecer repentinamente na tela sem a necessidade de um refresh da página, como os post do facebook por exemplo, você precisa usar Ajax com jQuery, o uso do JavaScript torna o trabalho de validações em tempo de execução da página de forma mais simples, como por exemplo ao digitar um e-mail em um TEXTBOX o JavaScript pode validar no momento em que cada tecla é pressionada se o e-mail é um e-mail válido ou não e permitir que o envio seja feito ou não, bom e o MySQL é o seu SGDB (Sistema Gerenciador de Banco de Dados). nele você ira guardar todas as informações como os POST, ira armazenas os usuários cadastrados, login, senha, e-mail, os livros lidos, os favoritos entre outras coisas mais.

 

Então o seu retrabalho fica em todo o seu sistema, vou te dar um exemplo, você tem a sua página inicial, a INDEX.HTML, você terá que transformar ela em INDEX.PHP e todo o conteudo nele apresentado de forma fixa você precisara subistituir por acessos ao MySQL usando query's com o PHP e com os resultados retornados você monta a página a ser apresentada com o próprio PHP, depois disso cada estimulo, cada input feito pelo usuário você ira tratar com o Ajax e o jQuery para que ele possa armazenar nas bases o conteudo como os "post".

 

Bom, se você precisar de ajuda para montar algo, poste o código com a dúvida ou solicitação que alguém irá lhe ajudar.

 

Espero ter ajudado.

 

Att.

Felipe Coutinho

Compartilhar este post


Link para o post
Compartilhar em outros sites

Olá!

Eu já estava começando a estudar PHP+MySQL, mas sua resposta já me tirou muitas dúvidas, vejo que agora só depende de eu aprender as outras linguagens e fazê-las funcionar como eu quero, muito obrigado mesmo.

Mas bom, como você disse, precisarei fazer um "retrabalho", esse retrabalho envolve a parte de design? Exemplo, precisarei remodelar objetos, menus, cores e etc para tornar ela de "INDEX.HTML" para "INDEX.PHP"? Ou esse "retrabalho" não irá me fazer alterar tais coisas no site? Eu sei que irá incrementar mais conteúdos, mais funções etc, mas tudo já "estruturado" atualmente precisará ser totalmente refeito com outras configurações? Ou eu poderei apenas "linkar" as informações, adicionar scripts e etc que já funcionará? Pois o que veio a minha mente, é que com as outras linguagens, php e etc, precisarei apenas "dar vida" ao que já está "pronto". 

Obrigado novamente.

Compartilhar este post


Link para o post
Compartilhar em outros sites

@ViniciusRamoa

 

Você não precisa mudar nada de "layout", se você mudar de HTML para PHP nada será perdido, apenas é claro que você quiser apresentar algo no meio do código "antigo" do HTML com o PHP, exemplo um nome de usuário, se você fizer isso vai precisar implementar apenas, mas refazer não.

 

De HTML para PHP "nada" muda, por enquanto.

 

Espero ter ajudado.

 

Att.

Felipe Coutinho

Compartilhar este post


Link para o post
Compartilhar em outros sites

  • Conteúdo Similar

    • Por violin101
      Caros amigos, saudações.

      Estou com uma pequena dúvida se é possível ser realizado.

      Preciso passar 2 IDs para o Sistema executar a função, estou utilizando desta forma e gostaria de saber como faço via JS para passar os parâmetro que preciso.

      Observação:
      Dentro da TABELA utilizei 2 Forms, para passar os IDS que preciso, funcionou conforme código abaixo.
      <div class="card-body"> <table id="tab_clie" class="table table-bordered table-hover"> <thead> <tr> <th style="text-align:center; width:10%;">Pedido Nº</th> <th style="text-align:center; width:10%;">Data Pedido</th> <th style="text-align:center; width:32%;">Fornecedor</th> <th style="text-align:center; width:10%;">Status</th> <th style="text-align:center; width:5%;">Ação</th> </tr> </thead> <tbody> <?php foreach ($results as $r) { $dta_ped = date(('d/m/Y'), strtotime($r->dataPedido)); switch ($r->pd_status) { case '1': $status = '&nbsp;&nbsp;Aberto&nbsp;&nbsp;'; $txt = '#FFFFFF'; //Cor: Branco $cor = '#000000'; //Cor: Preta break; case '2': $status = 'Atendido Total'; $txt = '#FFFFFF'; //Cor: Branco $cor = '#086108'; //Cor: Verde break; case '3': $status = 'Atendido Parcial'; $txt = '#000000'; //Cor: Branco $cor = '#FEA118'; //Cor: Amarelo break; default: $status = 'Cancelado'; $txt = '#FFFFFF'; //Cor: Branco $cor = '#D20101'; //Cor: Vermelho break; } echo '<tr>'; echo '<td width="10%" height="10" style="text-align:center;">'.$r->pd_numero.'</td>'; echo '<td width="10%" height="10" style="text-align:center;">'.$dta_ped.'</td>'; echo '<td width="32%" height="10" style="text-align:left;">'.$r->nome.'</td>'; echo '<td width="10%" height="10" style="text-align:left;"><span class="badge" style="color:'.$txt.'; background-color:'.$cor.'; border-color:'.$cor.'">'.$status.'</span></td>'; echo '<td width="5%" style="text-align:center;">'; ?> <div class="row"> <?php if($this->permission->checkPermission($this->session->userdata('permissao'), 'vPedido')){ ?> <form action="<?= base_url() ?>compras/pedidos/visualizar" method="POST" > <input type="hidden" name="idPedido" value="<?php echo $r->idPedidos; ?>"> <input type="hidden" name="nrPedido" value="<?php echo $r->pd_numero; ?>"> <button class="btn btn-warning" title="Visualizar" style="margin-left:50%; padding: 1px 3px;"><i class="fa fa-search icon-white"></i></button> </form> <?php } if($this->permission->checkPermission($this->session->userdata('permissao'), 'ePedido')){ ?> <form action="<?= base_url() ?>compras/pedidos/editar" method="POST" > <input type="hidden" name="idPedido" value="<?php echo $r->idPedidos; ?>"> <input type="hidden" name="nrPedido" value="<?php echo $r->pd_numero; ?>"> <button class="btn btn-primary" title="Editar" style="margin-left:50%; padding: 1px 3px;"><i class="fa fa-edit icon-white"></i></button> </form> <?php } ?> </div> <?php echo '</td>'; echo '</tr>'; } ?> </tbody> </table> </div>
      Grato,

      Cesar.
    • Por belann
      Olá!
       
      Estou usando o editor quill em uma página html, sem fazer a instalação com npm, mas usando as api´s via internet com http, no entanto não consigo fazer a tecla enter funcionar para mudança de linha, tentei essa configuração abaixo, mas não funcionou.
       
      modules: {       syntax: true,       toolbar: '#toolbar-container',       keyboard: {         bindings: {           enter: {             key: 13,             handler: function(range, context) {                       quill.formatLine(range.index, range.length, { 'align': '' });             }           }  
       
    • Por violin101
      Caros amigos, saudações.
       
      Gostaria de poder tirar uma dúvida com os amigos.
       
      Como faço uma função para Comparar a Data Digitada pelo o Usuário com a Data Atual ?

      Data Digitada:  01/09/2024
       
      Exemplo:
      25/09/2024 é menor que DATA Atual  ====> mensagem: informe uma data válida.
      25/09/2024 é igual DATA Atual ===> o sistema libera os INPUT's.
       
      Como faço uma comparação com a Data Atual, para não Deixar Gravar Data retroativa a data Atual.
       
      Grato,
       
      Cesar
    • Por Rafael Castelhano
      Olá, quero preencher um dict dinamicamente onde a chave é uma string multidimencional no dict, ex:
      var dict = {} var path = 'a.b.c' dict[path] = 55 // isso faz dict ficar desta forma {'a.b.c': 55} // mais quero que fique assim {a: {b: {c: 55}}} Como consigo alterar desta forma? 
    • Por violin101
      Caros amigos, saudações.
       
      Estou com um problema de cálculo que não estou conseguindo resolver.
       
      Tenho uma rotina em Javascript que faz o seguinte cálculo qtde x vrUnit = total.
       
      qtde   x  vrUnit    =    total
      1,23   x  1,00       =    1,23    << até aqui tudo bem.
       
      o problema seria fazer o arredondamento para cima para impedir de fazer este cálculo:
      0,01 x 0,01 = 0,0001
       
      para digitar o valor estou utilizando esta função:
       
      /*Esta função quando o usuário digitar o valor aparece * 1,23 */ function formataDigitacao(i) { //Adiciona os dados para a másrcara var decimais = 2; var separador_milhar = '.'; var separador_decimal = ','; var decimais_ele = Math.pow(10, decimais); var thousand_separator = '$1'+separador_milhar; var v = i.value.replace(/\D/g,''); v = (v/decimais_ele).toFixed(decimais) + ''; var splits = v.split("."); var p_parte = splits[0].toString().replace(/(\d)(?=(\d{3})+(?!\d))/g, thousand_separator); (typeof splits[1] === "undefined") ? i.value = p_parte : i.value = p_parte+separador_decimal+splits[1]; } /*Esta função faz a multiplicação entre Valor Unitário X Quantidade *faz a multiplicação correta */ function calcProd(){ //Obter valor digitado do produto var prod_qtde = document.getElementById("qtde").value; //Remover ponto e trocar a virgula por ponto while (prod_qtde.indexOf(".") >= 0) { prod_qtde = prod_qtde.replace(".", ""); } prod_qtde = prod_qtde.replace(",","."); //Obter valor digitado do produto var valor_unit = document.getElementById("vlrunit").value; //Remover ponto e trocar a virgula por ponto while (valor_unit.indexOf(".") >= 0) { valor_unit = valor_unit.replace(".", ""); } valor_unit = valor_unit.replace(",","."); //Calcula o Valor do Desconto if (valor_unit > 0 && prod_qtde > 0) { calc_total_produto = (parseFloat(valor_unit) * parseFloat(prod_qtde)); var numero = calc_total_produto.toFixed(2).split('.'); //<<== aqui faço o arredondamento das casas decimais de 1,234 p/ 1,23 numero[0] = numero[0].split(/(?=(?:...)*$)/).join('.'); document.getElementById("vlrtotal").value = numero.join(','); } else { if (valor_unit > 0) { document.getElementById("vlrtotal").value = document.getElementById("vlrunit").value; } else { document.getElementById("vlrtotal").value = "0,00"; } } } Grato,
       
      Cesar
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.