Cara menggunakan PHP dan Vue untuk membangunkan sistem kehadiran pekerja dalam talian
Sistem kehadiran ialah salah satu alatan penting untuk pengurusan perusahaan. Ia boleh membantu perusahaan memantau kehadiran pekerja dalam masa nyata dan meningkatkan kecekapan kerja dan tahap pengurusan. Artikel ini akan memperkenalkan cara menggunakan rangka kerja PHP dan Vue untuk membangunkan sistem kehadiran pekerja dalam talian yang mudah dan menyediakan contoh kod khusus.
1. Persediaan persekitaran:
Sebelum anda mula, anda perlu memasang perisian dan alatan berikut:
2. Cipta jadual pangkalan data:
Untuk menyimpan maklumat pekerja dan rekod kehadiran, kita perlu mencipta dua jadual pangkalan data: jadual pekerja dan jadual rekod kehadiran.
Buat fail PHP sebagai antara muka bahagian belakang, dinamakan attendance.php.
$rows[] = $row;
echo json_encode ($rows);
Tambah pekerja:
$name = $_POST['nama'];
$department = $_POST['department'];
$sql = "INSERT KE DALAM pekerja (nama, jabatan) NILAI ('$nama', '$jabatan')";
jika ($conn->query($sql) === BENAR) {
echo "New employee added successfully";
echo "Error: " . $sql . "<br>" . $conn->error;
$rows[] = $row;
}
}
Jam masuk:
$id_pekerja = $_POST['id_pekerja']; = $_clock_POS 'clock_out' ];
$sql = "MASUKKAN KE DALAM kehadiran (id_pekerja, clock_in, clock_out) NILAI ('$employee_id', '$clock_in', '$clock_out')";
if ($conn->query ($sql ) === BENAR) {
echo "Clock in/out recorded successfully";
echo "Error: " . $sql . "<br>" . $conn->error;
}
4. Pembangunan bahagian hadapan:
{{ employee.name }} - {{ employee.department }}
< -dalam rekod
Kakitangan
Waktu bekerja
Masa untuk keluar kerja
{{ record.clock_in }}
{{ record.clock_out }}
在Vue组件中,发送HTTP请求并获取数据: