communauté Apprendre Bibliothèque d'outils Loisirs
recherche
Français
Maison > 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

WBOY
Libérer： 2023-09-25 14:02:01
original
761 Les gens l'ont consulté

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 :

  1. Environnement PHP : Dans votre environnement de développement, assurez-vous que PHP a été installé et peut exécuter des scripts PHP.
  2. 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.
  3. 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.

  1. 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
    );
  2. 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 :

  1. Créez un fichier PHP comme interface backend et nommez-le fréquentation.php.
  2. 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);
    }

  3. 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 connexion
    Copier après la connexion

    }
    }
    echo json_encode ($rows);

  4. 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";
Copier après la connexion

} else {

echo "Error: " . $sql . "<br>" . $conn->error;
Copier après la connexion
Copier après la connexion

}

  1. 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 connexion
    Copier après la connexion

    }
    }
    echo json_encode($rows);

  2. 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";
Copier après la connexion

} else {

echo "Error: " . $sql . "<br>" . $conn->error;
Copier après la connexion
Copier après la connexion

}

4. Développement front-end :

  1. Créez un composant Vue pour afficher les listes d'employés, ajouter des employés et pointer les enregistrements.

  2. 在Vue组件中，发送HTTP请求并获取数据：

    Derniers articles par auteur
    Derniers numéros
    Utiliser des variables définies dans des méthodes dans des modèles C'est la première fois que j'utilise Vue (v2 et non v3) et j'ai essayé d'utiliser des vari...
    Depuis 2024-04-06 18:10:25
    0
    2
    513
    Créez des utilisateurs dans Vue à l'aide de Firebase sans vous connecter J'ai créé un formulaire pour créer des profils d'utilisateurs. Mais chaque fois que je cré...
    Depuis 2024-04-06 14:20:12
    0
    1
    514
    Résoudre les problèmes de build de production des composants Web Vue3 J'essaie de migrer mes composants vue2web vers vue3, bien que le problème survienne lorsqu...
    Depuis 2024-04-06 12:43:37
    0
    1
    473
    vue vee-validate capture le problème de la sélection du sélecteur de date La liaison v-model sur mon champ de sélecteur de date ne fonctionne pas correctement. Lors...
    Depuis 2024-04-06 11:38:56
    0
    1
    510
    Existe-t-il un moyen de définir la prop route dans vue ? Je souhaite accéder à un onglet spécifique de la page this.$router.push({name:"AdminN...
    Depuis 2024-04-06 11:35:59
    0
    1
    456
    Rubriques connexes
    Plus>
Recommandations populaires
Tutoriels populaires
Plus>
Tutoriels associés
Recommandations populaires
Derniers cours
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal