Bina platform pengundian dalam talian PHP yang responsif
Pengenalan:
Dengan perkembangan Internet, pengundian dalam talian telah menjadi cara biasa. Untuk memberikan pengalaman yang mesra pengguna, reka bentuk responsif telah menjadi salah satu pertimbangan penting dalam reka bentuk dan pembangunan. Dalam artikel ini, saya akan memperkenalkan cara membina platform undian dalam talian yang responsif menggunakan PHP. Saya akan menggambarkan proses ini dengan contoh kod sebenar.
jadual undian: digunakan untuk menyimpan maklumat pengundian, termasuk tajuk dan masa penciptaan undian.
jadual pilihan: digunakan untuk menyimpan maklumat pilihan, termasuk nama , bilangan undi dan bilangan undi yang dimiliki oleh ID.
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>在线投票平台</title> <style> /* CSS样式 */ </style> </head> <body> <h1>在线投票平台</h1> <div class="vote-options"> <!-- 投票选项 --> </div> <div class="vote-results"> <!-- 投票结果 --> </div> <script> // JavaScript代码 </script> </body> </html>
Dalam gaya CSS, kami boleh menggunakan pertanyaan media untuk menyesuaikan diri dengan saiz skrin dan peranti yang berbeza. Sebagai contoh, kita boleh menetapkan fon yang lebih kecil dan melaraskan reka letak untuk peranti skrin kecil.
Dalam kod JavaScript, kami akan menggunakan AJAX untuk mendapatkan pilihan undian dan keputusan daripada pelayan. Kami boleh menggunakan jQuery atau Fetch API untuk mengendalikan permintaan AJAX.
<?php // 处理投票请求 if ($_SERVER["REQUEST_METHOD"] == "POST") { $vote_id = $_POST["vote_id"]; $option_id = $_POST["option_id"]; // 增加选项的得票数 // $votes = get_votes($option_id); // update_votes($option_id, $votes + 1); // 返回结果 // echo json_encode([ // "success" => true, // "message" => "Vote success!" // ]); } // 处理获取投票选项和结果的请求 if ($_SERVER["REQUEST_METHOD"] == "GET") { $vote_id = $_GET["vote_id"]; // 返回投票选项和结果 // echo json_encode([ // "options" => get_options($vote_id), // "results" => get_results($vote_id) // ]); } ?>
Dalam contoh ini, kami menggunakan permintaan HTTP POST untuk mengendalikan permintaan pengundian dan permintaan HTTP GET untuk mendapatkan pilihan dan keputusan pengundian. Dalam aplikasi praktikal, kita perlu melaksanakan fungsi operasi pangkalan data yang sepadan untuk memproses data.
<?php function create_vote($title) { // 插入vote表记录 } function add_option($vote_id, $name) { // 插入option表记录 } function get_votes($option_id) { // 查询option表记录 } function update_votes($option_id, $votes) { // 更新option表记录 } function get_options($vote_id) { // 查询option表记录 } function get_results($vote_id) { // 查询option表记录 } ?>
Dalam aplikasi praktikal, kita perlu menggunakan perpustakaan sambungan pangkalan data (seperti PDO atau mysqli) untuk menyambung ke pangkalan data dan melaksanakan pernyataan SQL yang sepadan.
Kesimpulan:
Dengan menggunakan PHP dan teknologi yang berkaitan, kami boleh membina platform pengundian dalam talian yang responsif. Dalam artikel ini, kami memperkenalkan proses keperluan dan reka bentuk sistem, reka bentuk pangkalan data, reka bentuk antara muka dan pembangunan bahagian hadapan, pembangunan bahagian pelayan, dan bahagian belakang dan pembangunan pangkalan data. Saya harap artikel ini membantu anda, dan saya berharap anda membina platform pengundian dalam talian yang sangat baik!
Atas ialah kandungan terperinci Bina platform pengundian dalam talian PHP responsif. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!