
Comment utiliser PHP et Vue pour créer un système de gestion des présences des employés
Introduction :
Avec le développement des entreprises et l'importance croissante de la gestion des ressources humaines, la gestion des présences des employés est devenue un objectif auquel chaque entreprise doit prêter attention. à. L'utilisation de PHP et Vue pour créer un système de gestion des présences des employés peut aider les entreprises à améliorer l'efficacité et la précision de la gestion des présences. Cet article expliquera comment utiliser PHP et Vue pour créer un système simple de gestion des présences des employés et fournira des exemples de code.
1. Préparation
- Installer PHP et MySQL
Le système de gestion des présences des employés doit utiliser PHP comme langage back-end et MySQL comme base de données. Tout d’abord, vous devez installer les environnements PHP et MySQL. Vous pouvez télécharger le package d'installation en visitant le site officiel et suivre les instructions pour l'installer.
- Configurez l'environnement du serveur
Configurez l'environnement du serveur pour garantir que PHP et MySQL peuvent fonctionner normalement. Vous pouvez utiliser des outils tels que XAMPP, WAMP ou MAMP pour créer un environnement de développement local.
- Installez Vue.js
La partie frontale du système de gestion des présences des employés utilise Vue.js pour obtenir des effets interactifs dynamiques. Vue.js peut être installé en introduisant un lien CDN ou en utilisant la commande npm.
2. Conception de base de données
- Créer une base de données
Utilisez des commandes MySQL ou des outils tels que phpMyAdmin pour créer une base de données nommée "attendance_management".
- Concevez des tables de données
Créez deux tables de données dans la base de données "attendance_management": "users" et "attendance_records". La table de données « utilisateurs » est utilisée pour stocker les informations de base des employés, et la table de données « attendance_records » est utilisée pour stocker les enregistrements de présence des employés.
- Exemple de structure de table de données d'utilisateurs :
CREATE TABLE IF NOT EXISTS users
(users
(
id
int(11) NOT NULL AUTO_INCREMENT,
name
varchar(100) NOT NULL,
position
varchar(100) NOT NULL,
phone
varchar(20) NOT NULL,
PRIMARY KEY (id
)
) ENGINE=InnoDB AUTO_INCREMENT=1 DEFAULT CHARSET=utf8;
- attendance_records数据表结构示例:
CREATE TABLE IF NOT EXISTS attendance_records
(
id
int(11) NOT NULL AUTO_INCREMENT,
user_id
int(11) NOT NULL,
date
date NOT NULL,
status
enum('Present','Absent') NOT NULL,
PRIMARY KEY (id
),
FOREIGN KEY (user_id
) REFERENCES users
(id
id
int(11) NOT NULL AUTO_INCREMENT,
name
varchar (100) NON NULL, position
varchar(100) NON NULL,
téléphone
varchar(20) NON NULL,
CLÉ PRIMAIRE (id
)
) ENGINE=InnoDB AUTO_INCREMENT=1 DEFAULT CHARSET=utf8;
- exemple de structure de table de donnéesattendance_records :
CREATE TABLE IF NOT EXISTS attendance_records
( id
int(11) NOT NULL AUTO_INCREMENT,-
user_id
int(11) NOT NULL,
date
date NOT NULL, status
enum('Présent','Absent ') NON NULL,
CLÉ PRIMAIRE (
id
),
CLÉ ÉTRANGÈRE (user_id
) RÉFÉRENCES utilisateurs
(id
)
) ENGINE=InnoDB AUTO_INCREMENT=1 DEFAULT CHARSET=utf8;
3. Implémentation backend
Créer un fichier PHP
Créez un fichier PHP nommé "api.php" sur le serveur. Ce fichier sera responsable du traitement des demandes du front-end et de l’interaction avec la base de données.
Implémentez l'interface API
Écrivez l'interface API correspondante dans le fichier "api.php" pour obtenir, ajouter, mettre à jour et supprimer les informations sur les employés et les enregistrements de présence. Voici un exemple d'interface API pour obtenir toutes les informations sur les employés :
header("Content-Type: application/json");
// Connectez-vous à la base de données $conn = new mysqli( "localhost", " root", "", "attendance_management"); // Interroge toutes les informations sur les employés
$result = $conn->query("SELECT * FROM users");
// Convertit les résultats de la requête en un tableau associatif
$users = array();- while($row = $result->fetch_assoc()) {
$users[] = $row; }- // Convertir le résultat au format JSON et afficher
echo json_encode ($users) ; ?>
D'autres interfaces API peuvent être implémentées de la même manière, et des ajouts, suppressions, modifications et recherches peuvent être effectués en fonction de besoins spécifiques.
4. Implémentation front-endCréer un fichier Vue.jsÉcrivez le composant Vue dans le fichier "main.js" pour afficher la liste des employés et ajouter des employés. Voici un exemple de composant qui affiche une liste d'employés :
| Créez un fichier Vue.js nommé "main.js" dans le projet, qui est l'entrée de l'ensemble du code front-end. |
Réalisez l'affichage et l'ajout des informations sur les employés |
|
|
Nom |
Emplois
Téléphone
{{ user.name }}
{{ user.position }}
{{ user.phone }}
-
D'autres fonctions peuvent être mises en œuvre de manière similaire, comme l'ajout d'employés, la mise à jour des informations sur les employés, l'affichage des relevés de présence, etc.
Résumé : 🎜Cet article présente comment utiliser PHP et Vue pour créer un système de gestion des présences des employés. En créant une structure de base de données appropriée, en écrivant des interfaces API back-end et des composants Vue front-end, l'ajout, la suppression, la modification et la vérification des informations sur les employés et la gestion des enregistrements de présence peuvent être réalisés. J'espère que cet article pourra être utile à tout le monde dans la création d'un système de gestion des présences des employés. 🎜
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!