Rumah >pangkalan data >tutorial mysql >Membangunkan dengan MySQL dan CoffeeScript: Bagaimana untuk melaksanakan fungsi carian data
Dibangunkan menggunakan MySQL dan CoffeeScript: Bagaimana untuk melaksanakan fungsi carian data
Pengenalan:
Dalam aplikasi web, fungsi carian data adalah sangat biasa dan penting. Sama ada tapak web e-dagang atau platform media sosial, pengguna mahu dapat mencari maklumat yang mereka perlukan dengan cepat dan tepat. Artikel ini akan memperkenalkan cara menggunakan MySQL dan CoffeeScript untuk melaksanakan fungsi carian data mudah, dan melampirkan contoh kod yang sepadan.
1. Penyediaan:
Sebelum bermula, kita perlu terlebih dahulu memastikan pangkalan data MySQL dan pengkompil CoffeeScript telah dipasang. Anda boleh memilih kaedah pemasangan yang sesuai mengikut sistem pengendalian dan pilihan anda.
2. Reka bentuk pangkalan data:
Andaikan kita mempunyai jadual bernama "produk", yang mengandungi medan berikut:
3. Kod sebelah pelayan:
mysql = require 'mysql' # 创建与数据库的连接 connection = mysql.createConnection( host: 'localhost', user: 'root', password: '', database: 'my_database' ) # 连接数据库 connection.connect((err) -> if err throw err console.log 'Connected to MySQL database' ) # 在此处编写其他相关服务器端代码
# 创建搜索API接口 app.get '/api/search', (req, res) -> # 获取搜索关键字 keyword = req.query.keyword # 在数据库中执行搜索 sql = 'SELECT * FROM products WHERE name LIKE ? OR description LIKE ?' params = ['%' + keyword + '%', '%' + keyword + '%'] connection.query sql, params, (err, results) -> if err throw err res.json results # 关闭数据库连接 connection.end()
IV Kod pelanggan:
<!DOCTYPE html> <html> <head> <title>Data Search</title> </head> <body> <input type="text" id="keyword"> <button onclick="search()">Search</button> <div id="results"></div> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script> <script src="search.js"></script> </body> </html>
search = -> # 获取搜索关键字 keyword = document.getElementById('keyword').value # 发送搜索请求 $.get( '/api/search', {keyword: keyword}, (data) -> # 将搜索结果显示在页面上 resultsDiv = document.getElementById('results') resultsDiv.innerHTML = '' for product in data resultItem = document.createElement('div') resultItem.innerHTML = product.name resultsDiv.appendChild(resultItem) )
5. Jalankan aplikasi:
Kesimpulan:
Melalui langkah di atas, kami berjaya melaksanakan fungsi carian data mudah menggunakan MySQL dan CoffeeScript. Sudah tentu, ini hanyalah contoh asas, dan aplikasi sebenar mungkin memerlukan logik carian dan reka bentuk antara muka yang lebih kompleks. Saya harap artikel ini dapat membantu pembaca lebih memahami dan menggunakan teknologi yang berkaitan, dan seterusnya mengembangkan dan mengoptimumkan projek mereka.
Bahan rujukan:
Atas ialah kandungan terperinci Membangunkan dengan MySQL dan CoffeeScript: Bagaimana untuk melaksanakan fungsi carian data. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!