Deutsch
Deutsch
Da das Ausmaß des Unternehmens weiter erweitert wird, sind die Mitarbeitermanagement- und Anwesenheitsaufsicht zu einem wichtigen Bestandteil der täglichen Arbeit geworden. Um die Arbeitseffizienz zu verbessern und die Arbeitskosten zu senken, verwenden immer mehr Unternehmen die Informationstechnologie, um Anwesenheitsdaten zu verwalten. In diesem Artikel werden Sie dazu veranlasst, PHP und VUE zu kombinieren, um ein praktisches Personal -Anwesenheitsmanagement -Panel zu entwickeln.
Bevor Sie anfangen, ein Anwesenheitsmanagementsystem zu erstellen, müssen Sie die folgenden Umgebungen und Tools vorbereiten:
Erstellen Sie eine Datenbank mit dem Namen Teilnahme in MySQL und entwerfen Sie die folgenden zwei Tabellen:
Mitarbeiter :
CREATE TABLE employees (
id INT AUTO_INCREMENT PRIMARY KEY,
name VARCHAR(255) NOT NULL,
department VARCHAR(255) NOT NULL
);
Anwesenheit_Records :
CREATE TABLE attendance_records (
id INT AUTO_INCREMENT PRIMARY KEY,
employee_id INT NOT NULL,
date DATE NOT NULL,
time_in TIME NOT NULL,
time_out TIME,
FOREIGN KEY (employee_id) REFERENCES employees(id)
);
Stellen Sie mit der MySQLI -Erweiterung von PHP eine Verbindung zur MySQL -Datenbank her. Das Beispiel lautet wie folgt:
<?php
$servername = "localhost";
$username = "root";
$password = "password";
$dbname = "attendance";
<p>$conn = new mysqli($servername, $username, $password, $dbname);</p>
<p>if ($conn->connect_error) {<br>
die("Die Datenbankverbindung ist fehlgeschlagen: " . $conn->connect_error);<br>
}<br>
?><br>
Die API -Schnittstelle ermöglicht die Hinzufügung, Löschung, Änderung und Suche nach Mitarbeiterinformationen. Das folgende Beispiel zeigt, wie Sie eine Liste von Mitarbeitern erhalten:
<?php
// Holen Sie sich eine Liste von Mitarbeitern
$sql = "SELECT * FROM employees";
$result = $conn->query($sql);
<p>if ($result->num_rows > 0) {<br>
$employees = array();<br>
while ($row = $result->fetch_assoc()) {<br>
$employees[] = $row;<br>
}<br>
// zurückkehrenJSONFormatdaten<br>
echo json_encode($employees);<br>
} else {<br>
echo "Noch keine Mitarbeiter";<br>
}<br>
?><br>
Andere API -Schnittstellen können in ähnlicher Weise entwickelt werden, um die Verwaltung von Anwesenheitsakten zu realisieren.
Führen Sie den folgenden Befehl in der Befehlszeile aus, um ein neues Vue -Projekt zu initialisieren:
vue create attendance-management-panel
Wählen Sie einfach die Standardkonfiguration gemäß den Eingabeaufforderungen aus.
Verwenden Sie Vue Router, um Routing zu konfigurieren, um Mitarbeiterlisten und Anwesenheitsinformationen anzuzeigen.
Aufrufen der Backend -API über die Axios -Bibliothek, um Mitarbeiterdaten zu erhalten und anzuzeigen. Beispiele sind wie folgt:
import axios from 'axios';
<p>export default {<br>
data() {<br>
return {<br>
employees: []<br>
}<br>
},<br>
mounted() {<br>
axios.get('/api/employees')<br>
.then(response => {<br>
this.employees = response.data;<br>
})<br>
.catch(error => {<br>
console.log(error);<br>
});<br>
}<br>
}<br>
Weitere Komponenten können gemäß den Anforderungen erweitert werden, um vollständige Anwesenheitsbilanzvorgänge zu erzielen.
Laden Sie den verpackten Front-End-Code in das Webverzeichnis des Servers hoch und stellen Sie den Back-End-PHP-Code bereit, um sicherzustellen, dass der Server korrekt konfiguriert ist. Greifen Sie über einen Browser auf die entsprechende Adresse zu, um die verschiedenen Funktionen des Mitarbeiterverwaltungssystems für Mitarbeiter zu testen.
In diesem Artikel wird vorgestellt, wie PHP und VUE zum Erstellen eines grundlegenden Mitarbeiterverwaltungsgremiums für Mitarbeiteranwaltschaften verwendet werden. Mit einem Beispielcode für Datenbankdesign, Backend-API-Entwicklung und Front-End-Seitenkonstruktion. In tatsächlichen Projekten können Funktionen entsprechend den spezifischen Anforderungen erweitert und optimiert werden. Ich hoffe, dieser Artikel kann Ihnen wertvolle Referenz für den Aufbau eines effizienten und praktischen Anwesenheitssystems geben.
