Ir para conteúdo

POWERED BY:

Arquivado

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

Marxrj

Dúvida para gravar para URL amigável

Recommended Posts

Galera, estou com uma dúvida mas não sei direito por onde começar, Preço gravar um nome no banco de dados para URL amigável, então se quero gravar no banco um nome com acento e sobrenome. Exemplo: Maísa Gonçalves, eu tenho de gravar também em outro campo maisa-goncalves.

 

Então eu teria de ter o campo nome no bd e outro sendo nome_url por exemplo, mas como consigo gravar esse segundo nome com minusculas, sem acentos e com o traço?

Compartilhar este post


Link para o post
Compartilhar em outros sites

Olá!
Normalmente esse campo é chamado slug.
Você trata a string do nome(converter em minúsculas, remover acentuação, trocar espaços por sinal de menos), para gerar uma slug e só então persistir no database.
Houve uma discussão aqui mesmo sobre isso, veja se te ajuda:

 

https://forum.imasters.com.br/topic/456141-resolvido função-para-criar-slug/

Compartilhar este post


Link para o post
Compartilhar em outros sites
Cara, até consegui, mas não sei porque no sistema ele da esse erro,
ele faz a separação na boa e tudo mais, mas se eu colocar um acento ele coloca o traço

Se eu colocar Maria Andrade fica maria-andrade. Mas seu eu coloco Maria Caçula
e da maria-ca-ula se fosse Maria Angélica ele da maria-ang-lica

O código: Funciona bem assim, mas quando coloco no sistema da esse erro,
não sei se pode ser alguma codificação ou incompatibilidade com outro arquivo

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>Teste gravar URL</title>
        
        <script src="src/slugify.js"></script>
        <script src="src/slugify_test.js"></script>
        <!-- Removing access to jQuery and $. But it'll still be available as _$, if
             you REALLY want to mess around with jQuery in the console. REMEMBER WE
             ARE TESTING A PLUGIN HERE, THIS HELPS ENSURE BEST PRACTICES. REALLY. -->
        <script>window._$ = jQuery.noConflict(true);</script>
		
		<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
		  <script src="src/slugify.min.js"></script>
		  <script src="src/speakingurl.min.js"></script>
		  
<script>
jQuery(function($) {
  $('#slug-target,#slug-target-span').slugify('#slug_source'); // Type as you slug
});
</script>
	
    </head>
    <body>
        <div>
            <input type ="text" value="" id="slug_source"/>
        </div>
        <div>
            <input type ="text" value="" id="slug_target"/>
        </div>
        
    </body>
</html>

 

Compartilhar este post


Link para o post
Compartilhar em outros sites

Está nos arquivos js, então é complicado eu ver isso, mas como eu disse, ele está funcionando perfeitamente, porém no meu sistema da o erro.Estou vendo o que pode haver de errado. 

Compartilhar este post


Link para o post
Compartilhar em outros sites

Veja...  nunca se deve deixar a responsabilidade de caracteres no javascript.

Qualquer um pode pressionar ctrl+shifit+i e editar-lo.

 

Não que não possa usar como em algo para facilitar, deixar mais agradável a experiência do usuário na aplicação, para isso usamos a própria máquina do usuário através do javascript. Mas quando for passar para o back-end onde a "mágica acontece" sempre quem deve fazer as coisas é o sistema que trabalha do lado do servidor.

 

Fiz algo só para explicar (Não testei, pois estou escrevendo direto aqui, mas funciona)

<?php
function formartarTexto($string) {
    $arr = [];
    $arr['A'] = 'áÁéÉíÍóÓúÚ çÇ';
    $arr['B'] = 'aAeEiIoOuU-cC';
    $retorno = strtr(utf8_decode($string), utf8_decode($arr['A']), $arr['B']);
    return $retorno;
}

$nome = 'Maísa Gonçalves'; // Nome para formatar

echo formartarTexto($nome); // A saída será Maisa-Goncalves

echo strtolower(formartarTexto($nome)); // A saída será maisa-goncalves

Se deu para entender criei um array com 2 índices A e B. Onde quando existirem os caracteres do A serão substituídos pelos do índice B. No mais o resto você ajeita da melhor forma que desejar.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Entendi, só não funcionou aqui, não sei se implantei direito no input

 

        <div>
            <input type ="text" value="" id="nome"/>
        </div>
        <div>
            <input type ="text" value="" id="nome2"/>
        </div>

Pois no caso tenho de inserir a cópia no nome2, mas quando escrevo no campo 1 o nome, nada acontece

Compartilhar este post


Link para o post
Compartilhar em outros sites

Como disse, você pode usar o javascript para facilitar ou interagir com o usuário.

Ou seja tenho o input 1 o que eu digitar ele também é escrito no 2.

 

Mas pelo que entendi sua pergunta era para gravar o nome sem acento e sem espaço no banco, então mostrei uma função que vai tratar o campo (só usei poucos caracteres de demostração) para fazer tal coisa quando o sistema do servidor é executado.

 

A propósito não vejo razão para ao digitar em um input escrever em outro a mesma coisa só que com texto formatado.

Fiz alguma brincadeira aqui, não está completa pois agora não estou me recordando como barrar outras teclas sem apelar para muitas camadas de verificação.

 

Veja;

Isso seria o javascript

Spoiler

var Exemplo = function (inputEntrada, inputSaida) {
    var entrada = document.getElementById(inputEntrada);
    var saida = document.getElementById(inputSaida);
    entrada.value = null;
    saida.value = null;

    entrada.addEventListener('keypress', formatar, false);

    function formatar(e) {
        var tecla = e.key;
        var formatado =
                tecla.toString()            // qualquer entrada deve ser STR mesmo que seja INT
                .replace(/[ÁáàãÀÂÃ]/, 'a')  // letra A acentuada
                .replace(/[ÉéÈèÊê]/, 'e')   // letra E acentuada
                .replace(/[ÍíÌìÎ]/, 'i')    // letra I acentuada
                .replace(/[ÓóÒòÔôÕõ]/, 'o') // letra O acentuada
                .replace(/[ÚúÙù]/, 'u')     // letra U acentuada
                .replace(/[Çç]/, 'c')       // letra C acentuada
                .replace(/^-+/, '')         // traços para nada
                .replace(/\s+/g, '-');      // todos espaços para traço
        saida.value += formatado.toLowerCase();
    }
};

 

 

Então digamos que esse seja o html

Spoiler

<input type ="text" id="input_A"/>

<input type ="text" id="input_B"/>

<script>
    var filtro = new Exemplo('input_A', 'input_B'); // Chamamos a classJS passando os IDs dos inputs
</script>

 

 

Só repassando, como disse acima que não vejo utilidade/benefício de tal ação, uma vez que um usuário mal intencionado com certeza porque esses não faltam por aí, vai abrir o inspetor > editar > e submeter esses dados modificados como ele bem quis para seu sistema.

O que deve sempre entrar em ação é o tratamento de todo tipo de dado que entra na sua aplicação.

Se fosse meu caso só pegaria o input nome da pessoa e criaria no back os dados que desejo para minha aplicação a partir desse nome que ela inseriu já tratados e limpos... bla... bla... bla....

 

Enfim fiz só um básico do que seria a função que executaria esse negócio de inserir no input e tal.

No mais vi que está usando jQuery que uma coisa que passo longe, porque detesto.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Resolvi!!! Agradeço a ajuda de todos

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js" type="text/javascript"></script>
		<script src="jquery.slugify.js" type="text/javascript"></script>
		<script type="text/javascript" charset="utf-8">
			$().ready(function () {
				$('.nome2').slugify('#nome');
			
				var pigLatin = function(str) {
					return str.replace(/(\w*)([aeiou]\w*)/g, "$2$1ay");
				}
			
				$('#pig_latin').slugify('#nome', {
						slugFunc: function(str, originalFunc) { return pigLatin(originalFunc(str)); } 
					}
				);
			
			}); 
		</script>

<input type="text" name="nome" value="" id="nome">
  
<input type="text" name="nome2" id="nome2" value="" class="nome2">
  
  

 

Compartilhar este post


Link para o post
Compartilhar em outros sites

  • Conteúdo Similar

    • Por ILR master
      Tudo bem pessoal?
       
      No código abaixo, estou fazendo uma consulta nas tabelas, banners e banners_referencia
      Meu objetivo é trazer resultados com valores iguais ao nome da cidade declarada na $cidade ou resultados com a referencia Total.
      O problema é que está trazendo todos os resultados. Tenho 10 linhas, 1 com o nome da cidade e duas com o valor Total, então o resultado teria que ser de apenas 3 linhas, mas mostra tudo.
       
      $banner = "SELECT A.*, B.* FROM banners A, banners_referencia B WHERE B.cod_referencia = A.cod_referencia AND A.cidade = '$cidade' OR B.referencia = 'Total' ORDER BY RAND()";
      $banner = mysqli_query($conexao, $banner) or die ("Banner não encontrado");
      while($busca= mysqli_fetch_array($banner)){
          print $busca['cidade'].'<br>';
      };
       
      Alguém consegue me ajudar?
    • Por Rafael_Ferreira
      Não consigo carregar a imagem do captcha do meu formulário. Foi testado com o xampp e easyphp. Também não carregou a imagem de outros captcha. 
       
       
    • Por luiz monteiro
      Olá.
      Estou atualizando meu conhecimento com Front-End e me deparei com o seguinte problema.
      Criei um sistema para fazer o upload de imagens e alguns campos text.
      Algo bem simples para depois começar a estudar javascript para mostrar a miniatura....
      Mas quando saio do navegador Chrome ou da aba por mais de 3 minutos, ao retornar o navegador as vezes atualiza ou nem chega atualizar mas limpa os campos.
      Estou usando um Smart Motorola com Android, mas um amigo testou no iPhone e acontece a mesma coisa.
      Gostaria de saber se há como usar javascript para evitar isso?
      Agradeço desde já.

      <!DOCTYPE html>
      <html>
      <head>
          <meta charset="utf-8">
          <meta name="viewport" content="width=device-width, initial-scale=1">
          <title>Uploader</title>
      </head>
      <body>
          <form action="?" method="post" enctype="multipart/form-data">
              <br><br>
              <div>selecione a imagem 1</div>
              <input type="file" name="foto1" accept="image/*">
              <br><br>
              <input type="text" name="nome_imagem1">
              
              <br><br>
              <input type="file" name="foto2" accept="image/*">
              <br><br>
              <input type="text" name="nome_imagem2">
              
              <br><br>

              <input type="file" name="foto3" accept="image/*">
              <br><br>
              <input type="text" name="nome_imagem3">
              
              <br><br>
              <input type="submit" value="Enviar">
              <br><br>
          </form>
      <?php
      if ($_SERVER['REQUEST_METHOD'] == 'POST')
      {
          vardump ($_FILES);
      }
      ?>
      </body>
      </html>
       
       
       
    • Por belann
      Olá!
       
      Estou usando o nextjs versão 15.2.3 e criei uma navbar que quando é carregado o programa aparece com a home, mas na hora de clicar na página produtos desaparece a navbar.
      A navbar esta sendo chamada no layout.tsx estou usando typescript
      e fica dessa forma
      <div>           <Navbar/>             <main>{children}</main>             </div>  
    • Por luiz monteiro
      Olá, tudo bem?
       
      Estou melhorando meu conhecimento em php e mysql e, me deparei com o seguinte. A tabela da base de dados tem um campo do tipo varchar(8) o qual armazena números. Eu não posso alterar o tipo desse campo. O que preciso é fazer um select para retornar o números que contenham zeros a direita ou a esquerda.
      O que tentei até agora
       
      Ex1
      $busca = $conexao->prepare("select campo form tabela where (campo = :campo) ");
      $busca->bindParam('campo', $_REQUEST['campo_form']);
       
      Se a direita da string $_REQUEST['campo_form'] termina ou inicia com zero ou zeros, a busca retorna vazio.
      Inseri dados numéricos, da seguinte maneira para testar: 01234567;  12345670: 12345678: 12340000... entre outros nessa coluna. Todos os valores que não terminam ou não iniciam com zero ou zeros, o select funciona.
       
       
      Ex2
      $busca = $conexao->prepare("select campo form tabela where (campo = 0340000) ");
      Esse número está cadastrado, mas não retorna.
       
      Ex3
      $busca = $conexao->prepare("select campo form tabela where (campo = '02340001' ) ");
      Esse número está cadastrado, mas não retorna.
       
       
      Ex4
      $busca = $conexao->prepare("select campo form tabela where (campo like 2340000) ");
      Esse número está cadastrado, mas não retorna.
       
      Ex5
      $busca = $conexao->prepare("select campo form tabela where (campo like '12340000') ");
      Esse número está cadastrado, mas não retorna.
       
      Ex6
      $busca = $conexao->prepare("select campo form tabela where (campo like '"12340000"' ) ");
      Esse número está cadastrado, mas não retorna.
       
       
      Ex7
      $busca = $conexao->prepare("select campo form tabela where (campo like :campo) ");
      $busca->bindParam('campo', $_REQUEST['campo_form'])
      Não retorna dados.
       
      O  $_REQUEST['campo_form'] é envio via AJAX de um formulário. 
      Usei o gettype para verificar o post, e ele retorna string.
      Fiz uma busca com número 12345678 para verificar o que o select retorna, e também retrona como string.
       
      Esse tipo de varchar foi usado porque os números que serão gravados nesse campo,  terão zeros a direita ou na esquerda. Os tipos number do mysql não gravam zeros, então estou usando esse. O problema é a busca.
      Agradeço desde já.
       
       
×

Informação importante

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