So verwenden Sie PHP und Vue, um eine Online-Erinnerungsfunktion für die Anwesenheitskontrolle von Mitarbeitern zu entwickeln
Mit der Entwicklung der Technologie haben viele Unternehmen damit begonnen, Online-Anwesenheitssysteme für Mitarbeiter einzuführen, um die Arbeitszeiten und die Anwesenheit der Mitarbeiter besser zu verwalten. Eine der wichtigen Funktionen ist die Anmeldeerinnerung, die den Mitarbeitern eine zeitnahe Anmeldung ermöglicht und eine genaue Arbeitszeiterfassung gewährleistet. In diesem Artikel wird erläutert, wie Sie mithilfe von PHP und Vue die Check-in-Erinnerungsfunktion für die Online-Anwesenheit von Mitarbeitern entwickeln und spezifische Codebeispiele bereitstellen.
<?php // 连接数据库 $servername = "localhost"; $username = "username"; $password = "password"; $dbname = "database"; $conn = new mysqli($servername, $username, $password, $dbname); // 获取员工信息 $employeeId = $_POST["employee_id"]; $signInTime = date("Y-m-d H:i:s"); // 将签到信息插入数据库 $sql = "INSERT INTO attendance (employee_id, sign_in_time) VALUES ('$employeeId', '$signInTime')"; if ($conn->query($sql) === TRUE) { echo "签到成功"; } else { echo "签到失败"; } $conn->close(); ?>
Im obigen Code stellen wir zunächst eine Verbindung zur Datenbank her und rufen dann die Mitarbeiter-ID und die aktuelle Uhrzeit ab. Als Nächstes fügen wir diese Informationen in eine Tabelle mit dem Namen attendance
ein, die zwei Felder enthält: Mitarbeiter-ID und Check-in-Zeit. Entsprechend dem Operationsergebnis werden die entsprechenden Eingabeaufforderungsinformationen ausgegeben. attendance
的表中,该表包含员工ID和签到时间两个字段。根据操作结果,输出相应的提示信息。
<template> <div> <p v-if="!isSignedIn">请在指定时间段内完成签到</p> <button v-if="!isSignedIn" @click="signIn">签到</button> <p v-else>已完成签到</p> </div> </template> <script> export default { data() { return { isSignedIn: false }; }, methods: { signIn() { // 发送签到请求 axios.post("/api/signin", { employee_id: 123 // 员工ID }) .then(response => { if (response.data === '签到成功') { this.isSignedIn = true; } }) .catch(error => { console.error(error); }); } } }; </script>
在以上代码中,我们首先定义了一个isSignedIn
变量来表示是否已完成签到。根据这个变量的值,我们可以控制显示相应的提示信息和签到按钮。当用户点击签到按钮时,会发送一个POST请求到后端的/api/signin
路由,并传递员工ID。根据后端返回的结果,我们更新isSignedIn
isSignedIn
-Variable, um anzugeben, ob die Anmeldung abgeschlossen wurde. Basierend auf dem Wert dieser Variablen können wir die Anzeige der entsprechenden Eingabeaufforderungsinformationen und Anmeldeschaltflächen steuern. Wenn der Benutzer auf die Anmeldeschaltfläche klickt, wird eine POST-Anfrage an die Route /api/signin
des Backends gesendet und die Mitarbeiter-ID übergeben. Basierend auf den vom Backend zurückgegebenen Ergebnissen aktualisieren wir den Wert der Variablen isSignedIn
, um die entsprechenden Eingabeaufforderungsinformationen anzuzeigen. Das obige ist der detaillierte Inhalt vonWie man mit PHP und Vue eine Check-in-Erinnerungsfunktion für die Online-Anwesenheit von Mitarbeitern entwickelt. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!