Français
Français
Alors que l'ampleur de l'entreprise continue de se développer, la gestion des employés et la supervision de fréquentation sont devenues une partie importante du travail quotidien. Afin d'améliorer l'efficacité du travail et de réduire les coûts de main-d'œuvre, de plus en plus d'entreprises choisissent d'utiliser les technologies de l'information pour gérer les données de fréquentation. Cet article vous guidera sur la façon de combiner PHP et VUE pour développer un panel pratique de gestion des employés.
Avant de commencer à construire un système de gestion de fréquentation, vous devez préparer les environnements et les outils suivants:
Créez une base de données nommée présence dans MySQL et concevez les deux tables suivantes:
Employés :
CREATE TABLE employees (
id INT AUTO_INCREMENT PRIMARY KEY,
name VARCHAR(255) NOT NULL,
department VARCHAR(255) NOT NULL
);
Présence_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)
);
Connectez-vous à la base de données MySQL à l'aide de l'extension MySQLI de PHP. L'exemple est le suivant:
<?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("La connexion de la base de données a échoué: " . $conn->connect_error);<br>
}<br>
?><br>
L'interface API permet l'addition, la suppression, la modification et la recherche des informations des employés. L'exemple suivant montre comment obtenir une liste d'employés:
<?php
// Obtenez une liste d'employés
$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>
// retourJSONDonnées de format<br>
echo json_encode($employees);<br>
} else {<br>
echo "Pas encore d'employés";<br>
}<br>
?><br>
D'autres interfaces API peuvent être développées de manière similaire pour réaliser la gestion des dossiers de fréquentation.
Exécutez la commande suivante sur la ligne de commande pour initialiser un nouveau projet VUE:
vue create attendance-management-panel
Sélectionnez simplement la configuration par défaut en fonction des invites.
Utilisez le routeur Vue pour configurer le routage pour afficher les listes des employés et les pages d'informations de fréquentation.
Appeler l'API Backend via la bibliothèque Axios pour obtenir et afficher les données des employés. Les exemples sont les suivants:
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>
Plus de composants peuvent être élargis en fonction des exigences pour atteindre les opérations complètes des dossiers de fréquentation.
Téléchargez le code frontal emballé dans le répertoire Web du serveur et déployez le code PHP back-end pour vous assurer que le serveur est correctement configuré. Accédez à l'adresse correspondante via un navigateur pour tester les différentes fonctions du système de gestion de la fréquentation des employés.
Cet article présente comment utiliser PHP et VUE pour créer un panneau de gestion de base des employés de base et est livré avec un exemple de code pour la conception de la base de données, le développement d'API backend et la construction de pages frontaux. Dans les projets réels, les fonctions peuvent être élargies et optimisées en fonction des besoins spécifiques. J'espère que cet article pourra vous fournir une référence précieuse pour construire un système de fréquentation efficace et pratique.
