Comment utiliser PHP et Vue pour développer des fonctions de gestion des fournisseurs pour la gestion des entrepôts

Titre : Utiliser PHP et Vue pour développer des fonctions de gestion des fournisseurs pour la gestion des entrepôts

Avant-propos :
Dans les entreprises modernes, la gestion des entrepôts et la gestion des fournisseurs sont des liens très importants. La gestion des entrepôts implique des opérations telles que l'entrée, la sortie et l'inventaire des articles, tandis que la gestion des fournisseurs fait référence à la gestion des informations sur les fournisseurs, y compris des fonctions telles que l'ajout, la modification, la suppression et l'interrogation. Cet article expliquera comment utiliser PHP et Vue pour développer la fonction de gestion des fournisseurs de la gestion des entrepôts et fournira des exemples de code spécifiques.

1. Préparation de l'environnement

1. Outils requis : PHP, Vue.js, MySQL, etc.
2. Besoin d'installer les extensions PHP pertinentes (telles que l'extension PDO) et les plug-ins Vue.js (tels que axios)

2. Conception de la base de données
Créez deux tables dans la base de données MySQL : entrepôt et fournisseur.
La table d'entrepôt est utilisée pour stocker les informations de l'entrepôt, notamment l'ID de l'entrepôt, le nom de l'entrepôt, l'adresse de l'entrepôt et d'autres champs.
La table des fournisseurs est utilisée pour stocker les informations sur le fournisseur, notamment l'identifiant du fournisseur, le nom du fournisseur, la personne à contacter, le numéro de contact et d'autres champs.

3. Développement back-end

1. Créez un fichier PHP nommé supplier.php pour gérer les demandes liées aux fournisseurs.

2. Écrivez du code pour obtenir la liste des fournisseurs, utilisez PDO pour vous connecter à la base de données et exécutez des instructions SQL pour obtenir les informations sur la liste des fournisseurs. Renvoyez les résultats au front-end au format JSON.
   L'exemple de code est le suivant :

   <?php
   // 获取供应商列表
   $db = new PDO("mysql:host=localhost;dbname=test", "username", "password");
   $stmt = $db->prepare("SELECT * FROM supplier");
   $stmt->execute();
   $result = $stmt->fetchAll(PDO::FETCH_ASSOC);
   echo json_encode($result);
   ?>

3. Écrivez le code pour ajouter des fournisseurs, le front-end envoie les informations sur le fournisseur à supplier.php via une requête POST et le back-end insère les données dans la base de données.
   L'exemple de code est le suivant :

   <?php
   // 添加供应商
   $db = new PDO("mysql:host=localhost;dbname=test", "username", "password");
   $stmt = $db->prepare("INSERT INTO supplier (name, contact, phone) VALUES (?, ?, ?)");
   $stmt->bindParam(1, $_POST['name']);
   $stmt->bindParam(2, $_POST['contact']);
   $stmt->bindParam(3, $_POST['phone']);
   $stmt->execute();
   ?>

4. Écrivez le code pour modifier le fournisseur. Le front-end envoie les informations du fournisseur à supplier.php via une requête POST, et le back-end met à jour les données correspondantes dans la base de données en fonction. à l'ID du fournisseur.
   L'exemple de code est le suivant :

   <?php
   // 编辑供应商
   $db = new PDO("mysql:host=localhost;dbname=test", "username", "password");
   $stmt = $db->prepare("UPDATE supplier SET name=?, contact=?, phone=? WHERE id=?");
   $stmt->bindParam(1, $_POST['name']);
   $stmt->bindParam(2, $_POST['contact']);
   $stmt->bindParam(3, $_POST['phone']);
   $stmt->bindParam(4, $_POST['id']);
   $stmt->execute();
   ?>

5. Écrivez le code pour supprimer le fournisseur. Le front-end envoie l'ID du fournisseur à supplier.php via une requête POST, et le back-end supprime les données correspondantes dans la base de données. en fonction de l'ID du fournisseur.
   L'exemple de code est le suivant :

   <?php
   // 删除供应商
   $db = new PDO("mysql:host=localhost;dbname=test", "username", "password");
   $stmt = $db->prepare("DELETE FROM supplier WHERE id=?");
   $stmt->bindParam(1, $_POST['id']);
   $stmt->execute();
   ?>

4. Développement front-end

1. Créez un composant de gestion des fournisseurs dans le projet Vue.js et nommez-le SupplierManagement.vue.

2. Dans ce composant, utilisez axios pour envoyer une requête pour obtenir la liste des fournisseurs, et stockez les données dans la variable fournisseurs.
   L'exemple de code est le suivant :

   <template>
     <div>
       <table>
         <tr v-for="supplier in suppliers" :key="supplier.id">
           <td>{{ supplier.name }}</td>
           <td>{{ supplier.contact }}</td>
           <td>{{ supplier.phone }}</td>
         </tr>
       </table>
     </div>
   </template>
   
   <script>
   import axios from 'axios';
   
   export default {
     data() {
       return {
         suppliers: []
       };
     },
     mounted() {
       axios.get('supplier.php').then(response => {
         this.suppliers = response.data;
       });
     }
   };
   </script>

3. Ajoutez les fonctions d'ajout, de modification et de suppression de fournisseurs dans le composant. L'envoi d'une requête POST via axios envoie les données correspondantes à supplier.php.
   L'exemple de code est le suivant :

   <template>
     <div>
       <!-- 添加供应商 -->
       <input type="text" v-model="name" placeholder="供应商名称">
       <input type="text" v-model="contact" placeholder="联系人">
       <input type="text" v-model="phone" placeholder="联系电话">
       <button @click="addSupplier">添加供应商</button>
       <!-- 编辑供应商 -->
       <input type="text" v-model="editName" placeholder="供应商名称">
       <input type="text" v-model="editContact" placeholder="联系人">
       <input type="text" v-model="editPhone" placeholder="联系电话">
       <button @click="editSupplier">编辑供应商</button>
       <!-- 删除供应商 -->
       <input type="text" v-model="deleteId" placeholder="供应商ID">
       <button @click="deleteSupplier">删除供应商</button>
       <!-- 展示供应商列表 -->
       <table>
         <tr v-for="supplier in suppliers" :key="supplier.id">
           <td>{{ supplier.name }}</td>
           <td>{{ supplier.contact }}</td>
           <td>{{ supplier.phone }}</td>
         </tr>
       </table>
     </div>
   </template>
   
   <script>
   import axios from 'axios';
   
   export default {
     data() {
       return {
         name: '',
         contact: '',
         phone: '',
         editName: '',
         editContact: '',
         editPhone: '',
         deleteId: '',
         suppliers: []
       };
     },
     mounted() {
       this.getSuppliers();
     },
     methods: {
       getSuppliers() {
         axios.get('supplier.php').then(response => {
           this.suppliers = response.data;
         });
       },
       addSupplier() {
         axios.post('supplier.php', {
           name: this.name,
           contact: this.contact,
           phone: this.phone
         }).then(response => {
           this.getSuppliers();
         });
       },
       editSupplier() {
         axios.post('supplier.php', {
           id: this.editId,
           name: this.editName,
           contact: this.editContact,
           phone: this.editPhone
         }).then(response => {
           this.getSuppliers();
         });
       },
       deleteSupplier() {
         axios.post('supplier.php', {
           id: this.deleteId
         }).then(response => {
           this.getSuppliers();
         });
       }
     }
   };
   </script>

   Ce qui précède est un exemple de code spécifique pour utiliser PHP et Vue pour développer la fonction de gestion des fournisseurs de la gestion des entrepôts. Grâce à ces exemples de codes, nous pouvons mettre en œuvre des fonctions telles que l'ajout, la modification, la suppression et l'interrogation de fournisseurs, et améliorer l'efficacité et la précision de la gestion des entrepôts. Bien sûr, il ne s’agit que d’un exemple simple, et certaines fonctions et améliorations devront peut-être être ajoutées lors du développement réel. J'espère que cet article vous aidera !

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!