Comment utiliser PHP et Vue pour développer des fonctions de gestion des stocks pour la gestion d'entrepôt

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

Introduction :
Avec le développement des industries du commerce électronique et de l'O2O, la gestion des entrepôts est devenue de plus en plus importante pour l'efficacité opérationnelle et l'expérience utilisateur des entreprises. Afin d'obtenir un fonctionnement efficace de la gestion des entrepôts, nous pouvons utiliser PHP et Vue pour créer un système de gestion des stocks. Cet article présentera en détail comment utiliser PHP et Vue pour développer la fonction de gestion des stocks de la gestion d'entrepôt et fournira des exemples de code spécifiques.

1. Créer une table de base de données
Tout d'abord, nous devons créer une table de base de données pour stocker les données liées à la gestion de l'entrepôt. Dans cet exemple, nous allons créer deux tables, products et inventory. products和inventory。

1. products 表

   CREATE TABLE products (
     id INT(11) NOT NULL AUTO_INCREMENT,
     name VARCHAR(100) NOT NULL,
     price DECIMAL(10, 2) NOT NULL,
     PRIMARY KEY (id)
   );

   Copier après la connexion

2. inventory

CREATE TABLE inventory (
  id INT(11) NOT NULL AUTO_INCREMENT,
  product_id INT(11) NOT NULL,
  quantity INT(11) NOT NULL,
  PRIMARY KEY (id),
  FOREIGN KEY (product_id) REFERENCES products(id) ON DELETE CASCADE
);

Tableau inventaire

1. <?php
   $servername = "localhost";
   $username = "root";
   $password = "";
   $dbname = "inventory";
   
   $conn = new mysqli($servername, $username, $password, $dbname);
   if ($conn->connect_error) {
     die("Connection failed: " . $conn->connect_error);
   }
   ?>

   Copier après la connexion

2. Développement backend
2. Ensuite, nous utilisons PHP pour développer l'interface backend, utilisé pour gérer les demandes du front-end et interagir avec la base de données.

3. Connectez-vous à la base de données

   <?php
   $sql = "SELECT * FROM products";
   $result = $conn->query($sql);
   $products = array();
   
   if ($result->num_rows > 0) {
     while($row = $result->fetch_assoc()) {
       array_push($products, $row);
     }
   }
   
   echo json_encode($products);
   ?>

   Copier après la connexion

<?php
$data = json_decode(file_get_contents("php://input"), true);
$productId = $data['product']['id'];
$quantity = $data['product']['quantity'];

$sql = "UPDATE inventory SET quantity = '$quantity' WHERE product_id = '$productId'";
$result = $conn->query($sql);

if ($result) {
  echo "success";
} else {
  echo "error";
}
?>

Mettre à jour la quantité d'inventaire

1. <template>
     <div>
       <h2>产品列表</h2>
       <ul>
         <li v-for="product in products" :key="product.id">
           {{ product.name }} - ￥{{ product.price }}
           <input type="number" v-model="product.quantity" @change="updateInventory(product)">
         </li>
       </ul>
     </div>
   </template>
   
   <script>
   export default {
     data() {
       return {
         products: []
       };
     },
     mounted() {
       this.fetchProducts();
     },
     methods: {
       fetchProducts() {
         // 使用axios发送GET请求获取产品列表数据
         axios.get('/api/getProducts')
           .then(response => {
             this.products = response.data;
         })
       },
       updateInventory(product) {
         // 使用axios发送POST请求更新库存数量
         axios.post('/api/updateInventory', { product: product })
           .then(response => {
             if (response.data === 'success') {
               alert('库存数量更新成功');
             } else {
               alert('库存数量更新失败');
             }
         })
       }
     }
   };
   </script>

   Copier après la connexion

3. Développement front-end
2. Dans la partie front-end, nous utilisons Vue pour construire l'interface utilisateur et appelez l'interface back-end pour réaliser la fonction de gestion des stocks.

import Vue from 'vue';
import Products from './components/Products.vue';

new Vue({
  render: h => h(Products)
}).$mount('#app');

1. Créez une instance Vue
   rrreee
2. 
   Quatre Exécutez le projet
3. 
   Déployez le code backend
Placez le code backend dans un répertoire de serveur PHP approprié et démarrez-le. Serveur PHP.

Configurez le code front-end
Placez le code front-end dans un répertoire approprié et utilisez Vue CLI ou d'autres outils pour le créer et le conditionner.

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!