如何使用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";} else {
echo "Error: " . $sql . "<br>" . $conn->error;}#四、前端開發:
在Vue组件中,发送HTTP请求并获取数据: }); }) }); }); 以上是使用PHP和Vue框架开发在线员工考勤系统的基本步骤和代码示例。希望本文能够为你提供参考和指导,祝你开发成功!
員工名單
{{ employee.name }} - {{ employee.department }}
新增員工
打卡記錄
員工
上班時間
下班時間
{{ record.name }}
{{ record.clock_in }}
{{ record.clock_out }}
<script><br>export default {<br> data() {<br> return {<br> employees: [],<br> newEmployee: {},<br> records: []<br> };<br> },<br> mounted() {<br> this.getEmployees();<br> this.getRecords();<br> },<br> methods: {<br> getEmployees() {<br> fetch('attendance.php?type=getEmployees')<br> .then(response => response.json())<br> .then(data => {</script> this.employees = data;
},
addEmployee() {
fetch('attendance.php?type=addEmployee', { method: 'POST',
body: JSON.stringify(this.newEmployee)
.then(response => response.text())
.then(data => { alert(data);
this.getEmployees();
},
getRecords() {
fetch('attendance.php?type=getRecords')
.then(response => response.json())
.then(data => { this.records = data;
},
clockIn() {
// 发送打卡请求
},
clockOut() {
// 发送打卡请求
}
}
}
以上是如何使用PHP和Vue開發線上員工考勤系統的詳細內容。更多資訊請關注PHP中文網其他相關文章!