développement back-end
tutoriel php
Comment développer un système de présence des employés en ligne en utilisant PHP et Vue
Comment développer un système de présence des employés en ligne en utilisant PHP et Vue
Comment utiliser PHP et Vue pour développer un système de présence des employés en ligne
Le système de présence est l'un des outils importants pour la gestion d'entreprise. Il peut aider les entreprises à surveiller la présence des employés en temps réel et à améliorer l'efficacité du travail et les niveaux de gestion. Cet article expliquera comment utiliser le framework PHP et Vue pour développer un système simple de présence des employés en ligne et fournira des exemples de code spécifiques.
1. Préparation de l'environnement :
Avant de commencer, vous devez installer les logiciels et outils suivants :
- Environnement PHP : Dans votre environnement de développement, assurez-vous que PHP a été installé et peut exécuter des scripts PHP.
- Base de données MySQL : le système de présence doit utiliser une base de données pour stocker les informations sur les employés et les enregistrements de présence. Vous devez installer MySQL et créer une base de données pour stocker les données pertinentes.
- Vue.js : Vue.js est un framework JavaScript populaire pour créer des interfaces utilisateur. Vous devez introduire Vue.js dans votre projet et comprendre son utilisation de base.
2. Créer des tables de base de données :
Afin de stocker les informations sur les employés et les enregistrements de présence, nous devons créer deux tables de base de données : la table des employés et la table des enregistrements de présence.
- Structure de la table des employés :
CREATE TABLE employés (
id INT AUTO_INCREMENT PRIMARY KEY,
nom VARCHAR(100) NOT NULL,
department VARCHAR(100) NOT NULL
); - Structure de la table d'enregistrement des présences :
CREATE TABLE présence (
id INT AUTO_INCREMENT PRIMARY KEY,
employee_id INT NOT NULL,
clock_in DATETIME NOT NULL,
clock_out DATETIME,
FOREIGN KEY (employee_id) REFERENCES employes(id)
);
3. Développement back-end :
- Créez un fichier PHP comme interface backend et nommez-le fréquentation.php.
- Connectez-vous à la base de données :
$conn = new mysqli("localhost", "username", "password", "database");
if ($conn->connect_error) {
die( "Échec de la connexion : " . $conn->connect_error);
} -
Obtenir toutes les informations sur les employés :
$sql = "SELECT * FROM employés";
$result = $conn->query ($ sql);
$rows = array();
if ($result->num_rows > 0) {
while($row = $result->fetch_assoc()) {$rows[] = $row;
Copier après la connexionCopier après la connexion}
}
echo json_encode ($rows); - Ajouter des employés :
$name = $_POST['name'];
$department = $_POST['department'];
$sql = "INSERT INTO employes (nom, service) VALUES ("$nom", "$department")";
if ($conn->query($sql) === TRUE) {
echo "New employee added successfully";
} else {
echo "Error: " . $sql . "<br>" . $conn->error;
}
Obtenir les enregistrements de présence :
$sql = "SELECT assistance.*, employes.name FROM assistance INNER JOIN employes ON assistance.employee_id = employes.id";
$result = $conn-> query( $sql);
$rows = array();
if ($result->num_rows > 0) {
while($row = $result->fetch_assoc()) {$rows[] = $row;
Copier après la connexionCopier après la connexion}
}
echo json_encode($rows);- Clock in :
$employee_id = $_POST['employee_id'];
$clock_in = $_POST['clock_in'];
$clock_out = $_POST[ 'clock_out' ];
$sql = "INSERT INTO présence (employee_id, clock_in, clock_out) VALUES ("$employee_id', '$clock_in', '$clock_out')";
if ($conn->query ($sql ) === TRUE) {
echo "Clock in/out recorded successfully";
} else {
echo "Error: " . $sql . "<br>" . $conn->error;
}
4. Développement front-end :
Créez un composant Vue pour afficher les listes d'employés, ajouter des employés et pointer les enregistrements.
Liste des employés
-
{{ employee.name }} - {{ employee.department }}Copier après la connexion
Ajouter un employé
Punch -dans l'enregistrement
Personnel {{ record.name }} 在Vue组件中，发送HTTP请求并获取数据：
Outils d'IA chauds
Undresser.AI Undress
Application basée sur l'IA pour créer des photos de nu réalistes
AI Clothes Remover
Outil d'IA en ligne pour supprimer les vêtements des photos.
Undress AI Tool
Images de déshabillage gratuites
Clothoff.io
Dissolvant de vêtements AI
AI Hentai Generator
Générez AI Hentai gratuitement.
Article chaud
Assassin's Creed Shadows: Solution d'énigmes de coquille3 Il y a quelques semaines By DDDQuoi de neuf dans Windows 11 KB5054979 et comment résoudre les problèmes de mise à jour2 Il y a quelques semaines By DDDOù trouver la courte de la grue à atomide atomique3 Il y a quelques semaines By DDDÉconomie dans R.E.P.O. Expliqué (et enregistrer des fichiers)1 Il y a quelques mois By 尊渡假赌尊渡假赌尊渡假赌Assassin's Creed Shadows - Comment trouver le forgeron et déverrouiller les armes et la personnalisation des armes4 Il y a quelques semaines By DDD
Outils chauds
Bloc-notes++7.3.1
Éditeur de code facile à utiliser et gratuit
SublimeText3 version chinoise
Version chinoise, très simple à utiliser
Envoyer Studio 13.0.1
Puissant environnement de développement intégré PHP
Dreamweaver CS6
Outils de développement Web visuel
SublimeText3 version Mac
Logiciel d'édition de code au niveau de Dieu (SublimeText3)
See all articles
Comment ajouter des fonctions aux boutons pour Vue
Apr 08, 2025 am 08:51 AM
Vous pouvez ajouter une fonction au bouton VUE en liant le bouton dans le modèle HTML à une méthode. Définissez la logique de la fonction de méthode et d'écriture dans l'instance Vue.
L'avenir de PHP: adaptations et innovations
Apr 11, 2025 am 12:01 AM
L'avenir de PHP sera réalisé en s'adaptant aux nouvelles tendances technologiques et en introduisant des fonctionnalités innovantes: 1) s'adapter aux architectures de cloud computing, de conteneurisation et de microservice, en prenant en charge Docker et Kubernetes; 2) introduire des compilateurs JIT et des types d'énumération pour améliorer l'efficacité des performances et du traitement des données; 3) Optimiser en continu les performances et promouvoir les meilleures pratiques.
PHP vs Python: comprendre les différences
Apr 11, 2025 am 12:15 AM
PHP et Python ont chacun leurs propres avantages, et le choix doit être basé sur les exigences du projet. 1.Php convient au développement Web, avec une syntaxe simple et une efficacité d'exécution élevée. 2. Python convient à la science des données et à l'apprentissage automatique, avec une syntaxe concise et des bibliothèques riches.
PHP et Python: comparaison de deux langages de programmation populaires
Apr 14, 2025 am 12:13 AM
PHP et Python ont chacun leurs propres avantages et choisissent en fonction des exigences du projet. 1.Php convient au développement Web, en particulier pour le développement rapide et la maintenance des sites Web. 2. Python convient à la science des données, à l'apprentissage automatique et à l'intelligence artificielle, avec syntaxe concise et adaptée aux débutants.
Comment passer les paramètres pour la fonction Vue
Apr 08, 2025 am 07:36 AM
Il existe deux façons principales de transmettre des paramètres aux fonctions Vue.js: passer des données à l'aide de machines à sous ou lier une fonction avec Bind, et fournir des paramètres: passer des paramètres à l'aide de slots: passer des données dans des modèles de composants, accessibles dans les composants et utilisé comme paramètres de la fonction. PASS Paramètres à l'aide de Bind Binding: Bind Fonction dans l'instance Vue.js et fournissez des paramètres de fonction.
Comment sauter à la div de Vue
Apr 08, 2025 am 09:18 AM
Il existe deux façons de sauter des éléments div dans Vue: Utilisez le routeur Vue et ajoutez le composant routeur-link. Ajoutez l'écouteur de l'événement @Click et appelez ceci. $ Router.push () pour sauter.
Statut actuel de PHP: un regard sur les tendances de développement Web
Apr 13, 2025 am 12:20 AM
Le PHP reste important dans le développement Web moderne, en particulier dans la gestion de contenu et les plateformes de commerce électronique. 1) PHP a un écosystème riche et un fort soutien-cadre, tels que Laravel et Symfony. 2) L'optimisation des performances peut être obtenue via Opcache et Nginx. 3) PHP8.0 introduit le compilateur JIT pour améliorer les performances. 4) Les applications natives dans le cloud sont déployées via Docker et Kubernetes pour améliorer la flexibilité et l'évolutivité.
Comment sauter une balise à Vue
Apr 08, 2025 am 09:24 AM
Les méthodes pour implémenter le saut d'une balise dans Vue incluent: l'utilisation de la balise A dans le modèle HTML pour spécifier l'attribut HREF. Utilisez le composant routeur-link du routage Vue. Utilisez cette méthode. $ Router.push () dans JavaScript. Les paramètres peuvent être passés à travers le paramètre de requête et les itinéraires sont configurés dans les options de routeur pour les sauts dynamiques.
-
