如何使用PHP和Vue開發線上員工考勤系統
考勤系統是企業管理的重要工具之一,它可以幫助企業即時監控員工的出勤情況,提高工作效率和管理水準。本文將介紹如何使用PHP和Vue框架來開發一個簡單的線上員工考勤系統,並提供具體的程式碼範例。
一、環境準備:
在開始之前,你需要安裝以下軟體和工具:
二、建立資料庫表:
為了儲存員工資訊和考勤記錄,我們需要建立兩個資料庫表:員工表和考勤記錄表。
三、後端開發:
取得所有員工資訊:
$sql = "SELECT * FROM employees";
$result = $conn->query($sql);
$rows = array();
if ($result->num_rows > 0) {
while($row = $result->fetch_assoc()) {
$rows[] = $row;
}
}
echo json_encode($rows);
#$sql = "INSERT INTO employees (name, department) VALUES ('$name', '$department')";
if ($conn->query($sql) === TRUE) {
echo "New employee added successfully";
} else {
echo "Error: " . $sql . "<br>" . $conn->error;
}
#取得考勤記錄:
$sql = "SELECT attendance.* , employees.name FROM attendance INNER JOIN employees ON attendance.employee_id = employees.id";
$result = $conn->query($sql);
$rows = array();##if ($result->num_rows > 0) {
while($row = $result->fetch_assoc()) {
$rows[] = $row;
#}
echo json_encode($rows );
if ($conn->query($sql) === TRUE) {
echo "Clock in/out recorded successfully";
echo "Error: " . $sql . "<br>" . $conn->error;
在Vue组件中,发送HTTP请求并获取数据:
員工名單
{{ employee.name }} - {{ employee.department }}
新增員工
打卡記錄
員工
上班時間
下班時間
{{ record.name }}
{{ record.clock_in }}
{{ record.clock_out }}