Tìm kiếm như google trong php

Nếu vậy, bạn đang ở đúng nơi. Khóa học này sẽ hướng dẫn bạn từng bước tạo bản sao Google của riêng bạn HOÀN TOÀN từ đầu

Chúng tôi đang nói về loại trang web sẽ làm kinh ngạc bất kỳ ai nhìn thấy nó. Loại trang web sẽ giúp bạn được tuyển dụng ngay lập tức

Tại sao lại để tôi dạy bạn?

Tôi làm việc với tư cách là Kỹ sư phần mềm tại Microsoft, nơi tôi xây dựng các sản phẩm được hàng triệu người trên khắp thế giới sử dụng. Tôi muốn sử dụng những kỹ năng mà tôi đã có được sau nhiều năm làm việc với một số nhà phát triển giỏi nhất trên thế giới và chuyển trực tiếp cho bạn

Tôi đã dạy hàng ngàn sinh viên ở đây trên Udemy và tạo ra một số khóa học phát triển phổ biến nhất trên Udemy

Được rồi, vậy khóa học nói về cái gì?

Cá nhân tôi sẽ hướng dẫn bạn, từng bước, trong việc tạo công cụ tìm kiếm của riêng bạn giống như Google hoàn chỉnh với

• Tìm trang

• Tìm kiếm hình ảnh

• Hệ thống phân trang hoàn chỉnh

• Hình ảnh xem trước toàn màn hình

• Và nhiều hơn nữa

Cho dù bạn là người mới hoàn toàn* hay một lập trình viên có kinh nghiệm, khóa học này sẽ mang lại lợi ích to lớn cho bạn

Tại sao tôi nên tham gia khóa học?

Trong thế giới lập trình, “big 4” thường bao gồm Google, Microsoft, Facebook và Amazon. Để có được một công việc tại bất kỳ công ty nào trong số này, bạn hoàn toàn PHẢI biết những điều cần thiết. HTML, CSS, PHP, JQuery, JavaScript và MySQL

Nếu bạn tham gia khóa học này, bạn sẽ không có gì phải lo lắng vì chúng tôi sử dụng tất cả các kỹ năng này một cách rộng rãi

Ủng hộ.  

Bằng cách đăng ký khóa học này, bạn sẽ nhận được sự hỗ trợ HOÀN TOÀN của một Kỹ sư phần mềm của Microsoft [tôi]. Tôi luôn sẵn sàng trả lời bất kỳ câu hỏi nào của bạn. Sự cố lập trình, lỗi, yêu cầu tính năng, lời khuyên chung về lập trình - không thành vấn đề, tôi luôn sẵn lòng trợ giúp. Tôi luôn đặt mục tiêu trả lời các câu hỏi trong vòng vài giờ và điều đáng chú ý là tôi đã trả lời MỌI DUY NHẤT câu hỏi được hỏi cho đến nay trên tất cả các khóa học của mình

Giảm giá khóa học trong tương lai

Bằng cách đăng ký khóa học này, bạn sẽ có quyền truy cập vào TẤT CẢ các khóa học hiện tại và trong tương lai của tôi với mức chiết khấu thấp nhất có thể mà chúng tôi với tư cách là người hướng dẫn có thể cung cấp trên Udemy - MÃI MÃI.  

Danh mục dự án

Trang web bạn tạo trong khóa học này sẽ là điểm nổi bật trong danh mục dự án của bạn. Bất kỳ nhà tuyển dụng tiềm năng nào nhìn thấy dự án này trong sơ yếu lý lịch của bạn sẽ muốn nghe tất cả về nó. Nguyên nhân? .   

Niềm vui

Cuối cùng, dự án này rất thú vị và tôi biết bạn sẽ có khoảng thời gian tuyệt vời khi thực hiện những ý tưởng độc đáo của riêng mình cũng như những ý tưởng chúng ta cùng thực hiện. Bạn còn chờ gì nữa?

*Bạn không cần có bất kỳ kinh nghiệm nào để tham gia khóa học này, tuy nhiên, hiểu biết cơ bản về HTML sẽ rất tốt. Tôi sẽ giải thích mọi thứ khi tôi tiếp tục, nhưng có một số thứ tôi dành nhiều thời gian hơn những thứ khác. Tôi không dành nhiều thời gian cho những kiến ​​thức cơ bản ở cấp độ thấp nhất. g. HTML là gì. Vì vậy, nếu bạn hoàn toàn không có kinh nghiệm lập trình, bạn hoàn toàn có thể tham gia khóa học này, chỉ cần yêu cầu tôi giải thích thêm về mọi thứ nếu bạn muốn giải thích chi tiết hơn. ]

Có nghĩa là chúng ta có thể sử dụng bất kỳ ngôn ngữ lập trình phía máy chủ nào. Nhưng trong hướng dẫn này, chúng tôi sẽ sử dụng PHP và MySQL để mô phỏng các tính năng mà chúng tôi muốn bắt chước

Todos

• [x] Tạo thanh tìm kiếm và danh sách
• [x] Đề xuất từ ​​khóa tự động
• [x] Kết nối với cơ sở dữ liệu
• [x] Tìm nạp dữ liệu
• [x] Hiển thị kết quả

Thanh tìm kiếm và danh sách kết quả

chúng tôi không cần các thiết kế CSS phức tạp và lạ mắt, vì vậy chúng tôi sẽ chỉ sử dụng HTML đơn giản

Search




    
1
    
2
    
3
    
4
    
5

Vào chế độ toàn màn hình Thoát chế độ toàn màn hình

Tự động đề xuất từ ​​khóa

chúng tôi cần cài đặt một thư viện có tên là puzzy-search thông qua NPM hoặc CDN

npm install puzzy-search

Vào chế độ toàn màn hình Thoát chế độ toàn màn hình

hoặc bao gồm điều này bên trong thẻ của bạn

Vào chế độ toàn màn hình Thoát chế độ toàn màn hình

Nếu bạn chọn CDN, sẽ có một biến toàn cầu có tên là puzzySearch. Trong trường hợp của tôi, tôi đã sử dụng NPM

bên trong tập lệnh của bạn chuẩn bị các yếu tố bạn muốn kiểm soát

// javascript

const { search, suggest, regex } = require['puzzy-search']

let  str = document.querySelector['#search']
let  btnSearch = document.querySelector['#btnSearch']
let  suggestion = document.querySelector['#didyoumean']
let  resultList = document.querySelector['#result']

str.addEventListener['input', [] => {
    if [str.value]
        suggestion.innerHTML = `Did you mean: ${suggest[str.value]}`
    else
        suggestion.innerHTML = ''
}]

Vào chế độ toàn màn hình Thoát chế độ toàn màn hình

đoạn mã trên lắng nghe các sự kiện đầu vào từ đầu vào tìm kiếm và thay đổi nội dung của phần tử gợi ý [#didyoumean] được trả về bởi hàm

npm install puzzy-search

0

functionparamsreturn typeĐịnh nghĩatìm kiếm[từ khóa, câu]_______1_______1xác định xem câu có bao gồm các từ khóa trong số các mục của nó hay không, trả về

npm install puzzy-search

2 hoặc

npm install puzzy-search

3 nếu thích hợp để hỗ trợ các từ sai chính tả bằng cách sử dụng thuật toán bắt đầu từ gợi ý [từ khóa]_______1_______4 trả về cách sửa được đề xuất cho các từ sai chính tảregex[keywords]

npm install puzzy-search

5trả về Chuỗi RegEx có thể là

Kết nối với cơ sở dữ liệu

Tạo API Web cho cơ sở dữ liệu của chúng tôi bằng cách sử dụng mã bên dưới cùng với thông tin đăng nhập của bạn [

npm install puzzy-search

6,

npm install puzzy-search

7,

npm install puzzy-search

8,

npm install puzzy-search

9]

// api.php

header["Access-Control-Allow-Origin: *"];
header['Content-Type: application/json'];
// echo json_encode[$_GET['regex']];
$hostname='localhost';
$username='root';
$password='';

try {
    $dbh = new  PDO["mysql:host=$hostname;dbname=ulimslab",$username,$password];
    $dbh->setAttribute[PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION]; // prepare[$sql];
    $stmt->execute[[str_replace['/' , '', $_GET["regex"]]]];
    $result = $stmt->fetchAll[];

    echo  json_encode[$result];

    $dbh = null;

} catch[PDOException  $e] {
    echo  json_encode[$e->getMessage[]];
}

Vào chế độ toàn màn hình Thoát chế độ toàn màn hình

mã này sẽ nhận được biểu thức chính quy từ máy khách, truy vấn cơ sở dữ liệu và trả về kết quả

Lấy dữ liệu và hiển thị kết quả

quay lại với khách hàng của chúng tôi. chúng tôi cần kích hoạt yêu cầu HTTP để tìm nạp dữ liệu từ máy chủ khi nhấp vào btnSearch

// javascript

btnSearch.addEventListener['click', [] => {
    let  regex = regex[str.value]
    fetch['api.php?regex=' + regex]
        .then[res  =>  res.json[]].then[data  => {
            result.innerHTML = data.map[r  =>  `
${r.sampleName}
`].join['']
        }]
        .catch[e  =>  console.log[e]]
}]

Vào chế độ toàn màn hình Thoát chế độ toàn màn hình

đoạn mã trên lắng nghe

0 và tạo ra

1 dựa trên

2 làm đầu vào của người dùng, sau đó kích hoạt yêu cầu Phương thức nhận HTTP với

3 làm thông số truy vấn và thay đổi nội dung của

4

TäˈDä. thì đấy. Nó đây rồi;

Tóm lược

Đó là khá nhiều trong một bài viết. Mặc dù vậy, hãy đoán xem, còn rất nhiều điều để tìm hiểu

Hãy tóm tắt lại những gì chúng ta đã học, chúng ta đã học

• [x] Cách tạo thanh tìm kiếm và danh sách bằng html đơn giản
• [x] Khám phá các khả năng của thư viện puzzy-search đối với
  6, đề xuất` và tạo ra
  3
• [x] Tạo API Web RESTful ở định dạng JSON được kết nối với cơ sở dữ liệu
• [x] Tiêu thụ dữ liệu từ phụ trợ thông qua Yêu cầu phương thức nhận HTTP
• [x] Hiển thị kết quả từ API

Đó là rất nhiều nhưng hy vọng rằng bây giờ bạn cảm thấy thoải mái với puzzy-search đến mức bạn thấy giá trị của nó và có thể tìm thấy phần còn lại bạn cần trong tài liệu

Làm cách nào để tìm kiếm như Google trong php?

Làm cách nào để tạo công cụ tìm kiếm php?

Làm cách nào tôi có thể tạo công cụ tìm kiếm của riêng mình như Google?

Làm cách nào để sử dụng truy vấn tìm kiếm trong php?