Cara menggunakan PHP dan Vue untuk membangunkan pemprosesan data pengecualian untuk kehadiran pekerja dalam talian
Tinjauan:
Sistem kehadiran pekerja dalam talian sebagai sebuah perusahaan moden Bahagian penting dalam pengurusan Bagi pengurus, memproses data kehadiran yang tidak normal adalah tugas yang perlu dan penting. Artikel ini akan memperkenalkan cara menggunakan PHP dan Vue untuk membangunkan fungsi pemprosesan data abnormal kehadiran pekerja dalam talian, dan menyediakan contoh kod yang sepadan.
// 连接数据库 $connection = mysqli_connect('localhost', 'username', 'password', 'database'); // 查询异常考勤数据 function getExceptionData($date) { global $connection; $query = "SELECT * FROM attendance WHERE date = '$date' AND status != 'normal'"; $result = mysqli_query($connection, $query); $exceptionData = []; while ($row = mysqli_fetch_assoc($result)) { $exceptionData[] = $row; } return $exceptionData; } // 修改异常考勤数据 function updateExceptionData($id, $status) { global $connection; $query = "UPDATE attendance SET status = '$status' WHERE id = $id"; mysqli_query($connection, $query); }
Kod di atas menggunakan perpustakaan mysqli untuk menyambung ke pangkalan data dan menyediakan dua fungsi: getExceptionData digunakan untuk menanyakan data kehadiran yang tidak normal, dan updateExceptionData ialah digunakan untuk mengubah suai data kehadiran yang tidak normal.
<template> <div> <h1>异常考勤数据处理</h1> <table> <tr v-for="data in exceptionData" :key="data.id"> <td>{{ data.employee }}</td> <td>{{ data.date }}</td> <td>{{ data.status }}</td> <td> <select v-model="data.status" @change="updateData(data.id, data.status)"> <option value="normal">正常</option> <option value="late">迟到</option> <option value="absent">缺勤</option> </select> </td> </tr> </table> </div> </template> <script> export default { data() { return { exceptionData: [] }; }, mounted() { this.getExceptionData(); }, methods: { getExceptionData() { // 发起后端接口请求,获取异常考勤数据 // 使用axios库进行网络请求 axios.get('/api/exceptionData') .then(response => { this.exceptionData = response.data; }) .catch(error => { console.error(error); }); }, updateData(id, status) { // 发起后端接口请求,修改异常考勤数据 axios.post('/api/updateData', { id, status }) .then(response => { console.log(response.data); }) .catch(error => { console.error(error); }); } } } </script>
Kod di atas menggunakan kaedah komponen fail tunggal Vue.js untuk memaparkan data kehadiran yang tidak normal dan menyediakan fungsi pengubahsuaian. Dapatkan data yang dikembalikan oleh antara muka belakang melalui kaedah getExceptionData dan hantar data yang diubah suai ke antara muka belakang menggunakan kaedah updateData.
Ringkasan:
Melalui langkah di atas, kami boleh menggunakan PHP dan Vue untuk membangunkan fungsi pemprosesan data pengecualian untuk kehadiran pekerja dalam talian. Tanya dan ubah suai data kehadiran yang tidak normal melalui antara muka bahagian belakang, digabungkan dengan paparan dan interaksi antara muka hadapan, untuk menyediakan cara yang mudah dan pantas untuk mengendalikan data yang tidak normal.
Perhatikan bahawa kod contoh di atas hanyalah rujukan mudah, dan mungkin perlu dilaraskan dan dioptimumkan dengan sewajarnya mengikut keperluan khusus semasa pembangunan sebenar.
Saya harap artikel ini akan membantu anda memahami cara menggunakan PHP dan Vue untuk membangunkan pemprosesan data pengecualian untuk kehadiran pekerja dalam talian. Perkembangan yang menggembirakan!
Atas ialah kandungan terperinci Cara menggunakan PHP dan Vue untuk membangunkan pemprosesan data yang tidak normal untuk kehadiran pekerja dalam talian. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!