Tutorial Laravel – Como Criar um Sistema de Pesquisa/Busca sem Atualizar a Página(jQuey)

이 비디오에서 내가 jQuery로 페이지를 업데이트하지 않고 검색 시스템을 만들 수있는 방법 중 하나를 보여줄 것입니다, 다른 채널 비디오에 오신 것을 환영합니다 나는 설명에 프로젝트를 연결, 검색 시스템을 만들 후 2 시스템 설계의 이점을 취할 것입니다

나는 프로젝트에 일부 변경을 할 수 있습니다 에서 '응용 프로그램 / HTTP / 컨트롤러 / PesquisaControllerphp은'나는 'JSON'를 반환하는 기능을 수정하는거야 '자원 / 뷰 / pesquisablade

php'에서 나는 '입력'태그의 '검색'ID를 추가하는거야의 'H4'이름 'qtde'와 클래스와 함께 'DIV' 'COL-MD -12 '이름으로'텍스트 ' 나는 스크립트 태그를 추가 할 것입니다 : '검색'ID 입력에 키보드 버튼을 누르는 이벤트가 검출된다 당신이 '입력'검색 3 개 이상의 문자를 할 때 검색이 수행됩니다 ID 태그 'qtde'에서 텍스트 배치됩니다 'Pesquisando을 ' 데이터는 '검색'URL에 GET 방식으로 검색됩니다하고 '검색'입력에있는 텍스트를 보낼 것입니다 ID 태그 'qtde'에서 발견 된 문자의 수를 배치됩니다 제목, 이미지와 링크 텍스트 HTML을 구축 할 것입니다

텍스트가 발견 된 경우 당신이 '텍스트'아이디 DIV에서 텍스트가있을 경우는 ID 태그 'qtde'메시지 'Nenhum Texto들 Foi Encontrado에없는 경우, 내장 HTM이 배치됩니다, 검증 될 것입니다! ' 그것은 다음 비디오까지했다

Tutorial Laravel – Como Criar um Sistema de Pesquisa Busca sem Atualizar a Página(Vue.js)

이 비디오에서 내가 VueJs로 페이지를 업데이트하지 않고 검색 시스템을 만들 수있는 방법 중 하나를 보여줄 것입니다, 다른 채널 비디오에 오신 것을 환영합니다 나는 설명에 프로젝트를 연결, 검색 시스템을 만들 후 2 시스템 설계의 이점을 취할 것입니다

나는 프로젝트에 일부 변경을 할 수 있습니다 에서 '응용 프로그램 / HTTP / 컨트롤러 / PesquisaControllerphp은'내가 JSON을 반환하는 기능을 수정하는거야 '자원 / 뷰 / pesquisablade

php'에서 나는 약간 수정을가합니다 나는 프로젝트에 'vuejs'의 CDN 및 플러그인 'VUE-자원'의 CDN을 추가합니다 '컨테이너 클래스 I은 ID'SISTEMA – pesquisa '를 추가 할 것이다있다 사업부있다 나는 TB 나는 그것에서 VUE의 인스턴스를, 스크립트 태그를 추가합니다 : 그것은 ID '시스템 검색'이 될 것입니다 날짜에서 3 개 변수 'MSG', 'apesquisar'와 'textos'을해야합니다 '방법'에서, 나는 'pesquisar의 이름 기능을 추가합니다

의 keyup = "pesquisar"와 V-모델 = "apesquisar"내가 이름을 제거하고 V-에 추가 할 것 'pesquisar'이름 입력에서 H4 태그에 나는 MSG를 추가하며, 패널 클래스 사업부에 나는 V-의 변수 텍스트를 통해 갈이, 제목, 이미지 및 링크가 구축 될 것입니다 추가 할 것입니다 당신이 '입력'검색 3 개 이상의 문자를 할 때 'pesquisar'기능에서 검색이 수행됩니다 'MSG'에서는 텍스트를 넣어 될 것 '검색을 ' 데이터는 '검색'URL에 get 메소드에 의해 검색되고 'apesquisar'입력에있는 텍스트를 보낼 것입니다 그것은 'MSG'텍스트있을 것이다 ''Nenhum Texto들 Foi Encontrado가 0이면 반환 데이터, 텍스트의 수는 텍스트의 전체를 찾을 수있을 것이다 0 'MSG'과 다른 경우, 텍스트에 배치됩니다! ! ' 그것은 다음 비디오까지했다