Wie man mit PHP und Vue Lieferantenverwaltungsfunktionen für die Lagerverwaltung entwickelt

Titel: Verwendung von PHP und Vue zur Entwicklung von Lieferantenmanagementfunktionen für die Lagerverwaltung

Vorwort:
In modernen Unternehmen sind Lagerverwaltung und Lieferantenmanagement sehr wichtige Verbindungen. Die Lagerverwaltung umfasst Vorgänge wie den Eingang, Ausgang und die Inventur von Artikeln, während sich die Lieferantenverwaltung auf die Verwaltung von Lieferanteninformationen bezieht, einschließlich Funktionen wie Hinzufügen, Bearbeiten, Löschen und Abfragen. In diesem Artikel wird die Verwendung von PHP und Vue zur Entwicklung der Lieferantenverwaltungsfunktion der Lagerverwaltung vorgestellt und spezifische Codebeispiele bereitgestellt.

1. Umgebungsvorbereitung

1. Erforderliche Tools: PHP, Vue.js, MySQL usw.
2. Es müssen relevante PHP-Erweiterungen (z. B. PDO-Erweiterung) und Vue.js-Plug-Ins (z. B. Axios) installiert werden

2. Datenbankdesign
Erstellen Sie zwei Tabellen in der MySQL-Datenbank: Lager und Lieferant.
Die Lagertabelle dient zum Speichern von Lagerinformationen, einschließlich Lager-ID, Lagername, Lageradresse und anderen Feldern.
In der Lieferantentabelle werden Lieferanteninformationen gespeichert, einschließlich Lieferanten-ID, Lieferantenname, Kontaktperson, Kontaktnummer und anderen Feldern.

3. Backend-Entwicklung

1. Erstellen Sie eine PHP-Datei mit dem Namen „supplier.php“, um lieferantenbezogene Anfragen zu bearbeiten.

2. Schreiben Sie Code, um die Lieferantenliste abzurufen, verwenden Sie PDO, um eine Verbindung zur Datenbank herzustellen, und führen Sie SQL-Anweisungen aus, um die Lieferantenlisteninformationen abzurufen. Geben Sie die Ergebnisse im JSON-Format an das Frontend zurück.
   Der Beispielcode lautet wie folgt:

   <?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. Schreiben Sie den Code, um Lieferanten hinzuzufügen. Das Frontend sendet die Lieferanteninformationen per POST-Anfrage an seller.php und das Backend fügt Daten in die Datenbank ein.
   Der Beispielcode lautet wie folgt:

   <?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. Schreiben Sie den Code, um den Lieferanten zu bearbeiten. Das Front-End sendet die Lieferanteninformationen per POST-Anfrage an seller.php, und das Back-End aktualisiert die entsprechenden Daten in der Datenbank zur Lieferanten-ID.
   Der Beispielcode lautet wie folgt:

   <?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. Schreiben Sie den Code, um den Lieferanten zu löschen. Das Front-End sendet die Lieferanten-ID über eine POST-Anfrage an seller.php und das Back-End löscht die entsprechenden Daten in der Datenbank basierend auf der Lieferanten-ID.
   Der Beispielcode lautet wie folgt:

   <?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. Front-End-Entwicklung

1. Erstellen Sie eine Lieferantenverwaltungskomponente im Vue.js-Projekt und nennen Sie sie SupplierManagement.vue.

2. In dieser Komponente verwenden Sie axios, um eine Anfrage zum Abrufen der Lieferantenliste zu senden und die Daten in den variablen Lieferanten zu speichern.
   Der Beispielcode lautet wie folgt:

   <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. Fügen Sie der Komponente die Funktionen zum Hinzufügen, Bearbeiten und Löschen von Lieferanten hinzu. Durch das Senden einer POST-Anfrage über axios werden die entsprechenden Daten an seller.php gesendet.
   Der Beispielcode lautet wie folgt:

   <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>

   Das Obige ist ein spezifisches Codebeispiel für die Verwendung von PHP und Vue zur Entwicklung der Lieferantenverwaltungsfunktion der Lagerverwaltung. Mithilfe dieser Beispielcodes können wir Funktionen wie das Hinzufügen, Bearbeiten, Löschen und Abfragen von Lieferanten implementieren und die Effizienz und Genauigkeit der Lagerverwaltung verbessern. Dies ist natürlich nur ein einfaches Beispiel, und einige Funktionen und Verbesserungen müssen möglicherweise in der tatsächlichen Entwicklung hinzugefügt werden. Ich hoffe, dieser Artikel hilft Ihnen!

Das obige ist der detaillierte Inhalt vonWie man mit PHP und Vue Lieferantenverwaltungsfunktionen für die Lagerverwaltung entwickelt. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!