onkeyup 이벤트를 듣고, Ajax 요청을 백그라운드로 보내고, 입력한 키워드를 백그라운드로 전달하고, 백그라운드에서 퍼지 매칭을 수행하고, 배열을 프런트 엔드로 반환합니다. 여기서 두 가지에 주의하세요. 첫 번째는 프런트 엔드의 onkeyup 이벤트입니다. 여기서는 백그라운드로의 빈번한 요청을 방지하기 위해 기능 조절이 필요합니다. 두 번째는 데이터베이스 최적화입니다. 필수이고, 검색된 필드를 인덱싱해야 합니다. 그리고 캐싱에 관련된 내용이 많기 때문에 관련 정보를 직접 찾아야 합니다. 마지막으로 프론트엔드 효과 구현에 대해서는 jquery 플러그인이 많이 있습니다. , Baidu 자동 완성을 검색하여 찾을 수 있습니다. 다음은 몇 가지입니다. http://jq22.com/search?seo=%E8%87%AA%E5%8A%A8%E8%A1%A5%E5% 85%A8
나의 일반적인 계획을 알려주세요 먼저 사용자가 검색한 단어를 기록합니다. 각 사용자 검색은 별도로 기록되어 데이터베이스에 저장됩니다(여기에서 필터링하거나 일부 단어를 직접 가져올 수 있습니다) 저장하기 전에 중국어를 병음으로 변환합니다. 동시에 데이터베이스에 퍼지 검색을 위해 저장됩니다. 예약된 작업은 각 검색어에 대한 인덱스의 레코드 수를 업데이트합니다(실시간이 아닐 수 있음) 일부 jquery 플러그를 사용할 수 있습니다. -jquery-ui의 자동 완성과 같은 프런트 엔드 실제 효과는 www.cnal.com에서 확인할 수 있습니다
지능형 프롬프트 기능을 구현하려면 ajax, 데이터베이스, jsp/php, 알고리즘 등 많은 지식이 필요합니다. 데이터 양이 많으면 특별한 최적화가 필요합니다 비용이 들지 않습니다- 작은 기능에 너무 많은 노력을 쏟는 것이 효과적입니다 92find.c-o-m의 검색창 스마트 프롬프트 기능 호스팅 서비스를 사용했습니다. 자바스크립트 코드 한 줄만으로 바이두와 타오바오 검색창 프롬프트의 모든 기능을 사용할 수 있습니다. 실현 예: 한자 병음 일치, 병음 접두사 일치, 퍼지 검색, 지능형 내결함성 및 프롬프트 단어와 정렬 가중치를 사용자 정의할 수도 있습니다. 5분 안에 내 웹사이트에서 입력 프롬프트 기능을 배포할 수 있습니다. Baidu 및 Taobao만큼 강력하고 사용하기 쉽습니다 IE, Firefox, Safari 및 Chrome과도 호환됩니다. Opera 다양한 브라우저 ios, Android, Windows와 호환됩니다
지능형 프롬프트 기능을 구현하려면 ajax, 데이터베이스, jsp/php, 알고리즘 등 많은 지식이 필요합니다. 데이터 양이 많으면 특별한 최적화가 필요합니다 비용이 들지 않습니다- 작은 기능에 너무 많은 노력을 쏟는 것이 효과적입니다 92find.c-o-m의 검색창 스마트 프롬프트 기능 호스팅 서비스를 사용했습니다. 자바스크립트 코드 한 줄만으로 바이두와 타오바오 검색창 프롬프트의 모든 기능을 사용할 수 있습니다. 실현 예: 한자 병음 일치, 병음 접두사 일치, 퍼지 검색, 지능형 내결함성 및 프롬프트 단어와 정렬 가중치를 사용자 정의할 수도 있습니다. 5분 안에 내 웹사이트에서 입력 프롬프트 기능을 배포할 수 있습니다. Baidu 및 Taobao만큼 강력하고 사용하기 쉽습니다 IE, Firefox, Safari 및 Chrome과도 호환됩니다. Opera 다양한 브라우저 ios, Android, Windows와 호환됩니다
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
onkeyup 이벤트를 듣고, Ajax 요청을 백그라운드로 보내고, 입력한 키워드를 백그라운드로 전달하고, 백그라운드에서 퍼지 매칭을 수행하고, 배열을 프런트 엔드로 반환합니다.
여기서 두 가지에 주의하세요. 첫 번째는 프런트 엔드의 onkeyup 이벤트입니다. 여기서는 백그라운드로의 빈번한 요청을 방지하기 위해 기능 조절이 필요합니다. 두 번째는 데이터베이스 최적화입니다. 필수이고, 검색된 필드를 인덱싱해야 합니다. 그리고 캐싱에 관련된 내용이 많기 때문에 관련 정보를 직접 찾아야 합니다.
마지막으로 프론트엔드 효과 구현에 대해서는 jquery 플러그인이 많이 있습니다. , Baidu 자동 완성을 검색하여 찾을 수 있습니다. 다음은 몇 가지입니다. http://jq22.com/search?seo=%E8%87%AA%E5%8A%A8%E8%A1%A5%E5% 85%A8
angular는 자동으로 바인딩될 수 있습니다
나의 일반적인 계획을 알려주세요
먼저 사용자가 검색한 단어를 기록합니다. 각 사용자 검색은 별도로 기록되어 데이터베이스에 저장됩니다(여기에서 필터링하거나 일부 단어를 직접 가져올 수 있습니다)
저장하기 전에 중국어를 병음으로 변환합니다. 동시에 데이터베이스에 퍼지 검색을 위해 저장됩니다.
예약된 작업은 각 검색어에 대한 인덱스의 레코드 수를 업데이트합니다(실시간이 아닐 수 있음)
일부 jquery 플러그를 사용할 수 있습니다. -jquery-ui의 자동 완성과 같은 프런트 엔드
실제 효과는 www.cnal.com에서 확인할 수 있습니다
jq.autocomplete 플러그인이 있습니다. 소스 코드를 살펴보고 다시 개발할 수 있습니다.
지능형 프롬프트 기능을 구현하려면 ajax, 데이터베이스, jsp/php, 알고리즘 등 많은 지식이 필요합니다.
데이터 양이 많으면 특별한 최적화가 필요합니다
비용이 들지 않습니다- 작은 기능에 너무 많은 노력을 쏟는 것이 효과적입니다
92find.c-o-m의 검색창 스마트 프롬프트 기능 호스팅 서비스를 사용했습니다.
자바스크립트 코드 한 줄만으로 바이두와 타오바오 검색창 프롬프트의 모든 기능을 사용할 수 있습니다. 실현
예: 한자 병음 일치, 병음 접두사 일치, 퍼지 검색, 지능형 내결함성 및 프롬프트 단어와 정렬 가중치를 사용자 정의할 수도 있습니다.
5분 안에 내 웹사이트에서 입력 프롬프트 기능을 배포할 수 있습니다. Baidu 및 Taobao만큼 강력하고 사용하기 쉽습니다
IE, Firefox, Safari 및 Chrome과도 호환됩니다. Opera 다양한 브라우저
ios, Android, Windows와 호환됩니다
지능형 프롬프트 기능을 구현하려면 ajax, 데이터베이스, jsp/php, 알고리즘 등 많은 지식이 필요합니다.
데이터 양이 많으면 특별한 최적화가 필요합니다
비용이 들지 않습니다- 작은 기능에 너무 많은 노력을 쏟는 것이 효과적입니다
92find.c-o-m의 검색창 스마트 프롬프트 기능 호스팅 서비스를 사용했습니다.
자바스크립트 코드 한 줄만으로 바이두와 타오바오 검색창 프롬프트의 모든 기능을 사용할 수 있습니다. 실현
예: 한자 병음 일치, 병음 접두사 일치, 퍼지 검색, 지능형 내결함성 및 프롬프트 단어와 정렬 가중치를 사용자 정의할 수도 있습니다.
5분 안에 내 웹사이트에서 입력 프롬프트 기능을 배포할 수 있습니다. Baidu 및 Taobao만큼 강력하고 사용하기 쉽습니다
IE, Firefox, Safari 및 Chrome과도 호환됩니다. Opera 다양한 브라우저
ios, Android, Windows와 호환됩니다