如何使用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);
$sql = "INSERT INTO attendance (employee_id, clock_in, clock_out) VALUES ('$employee_id', '$clock_in', '$clock_out')";
if ($conn->query($sql) === TRUE) {
echo "Clock in/out recorded successfully";
} else {
echo "Error: " . $sql . "<br>" . $conn->error;
}
四、前端开发：
创建一个Vue组件用于显示员工列表、添加员工和打卡记录。
员工列表
{{ employee.name }} - {{ employee.department }}登录后复制
添加员工
打卡记录
员工
上班时间
下班时间
{{ record.name }}
{{ record.clock_in }}
{{ record.clock_out }}
在Vue组件中，发送HTTP请求并获取数据：
