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

Comment utiliser PHP et Vue pour développer la fonction de gestion de la classification des marchandises de la gestion des entrepôts

Introduction :
Dans la gestion logistique moderne, la gestion des entrepôts joue un rôle essentiel. Parmi eux, la gestion de la classification des marchandises est un élément indispensable pour améliorer l’efficacité des entrepôts. Cet article expliquera comment utiliser PHP et Vue pour développer un système de gestion d'entrepôt simple afin de mettre en œuvre la fonction de gestion de classification des marchandises.

1. Préparation technique :

1. Construction d'un environnement de développement back-end PHP (tel qu'un serveur Apache, une base de données MySQL, etc.)
2. Construction d'un environnement de développement front-end Vue (tel que Node.js, Vue CLI, etc. )
3. Connaissances de base en HTML, CSS et JavaScript

2. Conception de la base de données :
Créez deux tables dans la base de données MySQL : catégories (table de classification des marchandises) et produits (table de classification des marchandises). La structure spécifique de la table est la suivante :

table des catégories :

• id : clé primaire, incrémentation automatique
• nom : nom de la catégorie

table des produits :

• id : clé primaire, incrémentation automatique
• nom : nom du produit
• category_id : Clé étrangère de la catégorie à laquelle il appartient

3. Développement back-end (PHP) :

1. Créer une connexion à la base de données :

   <?php
   $con=mysqli_connect("localhost","my_user","my_password","my_db");
   if (mysqli_connect_errno()){
     echo "Failed to connect to MySQL: " . mysqli_connect_error();
   }
   ?>

2. Créer une interface pour obtenir la liste des catégories :

   <?php
   $sql = "SELECT * FROM categories";
   $result = mysqli_query($con, $sql);
   
   $data = [];
   while($row = mysqli_fetch_array($result)){
     $data[] = $row;
   }
   
   echo json_encode($data);
   ?>

3. Créer pour obtenir la liste des marchandises dans une certaine catégorie Interface :

   <?php
   $category_id = $_GET['category_id'];
   $sql = "SELECT * FROM products WHERE category_id = '$category_id'";
   $result = mysqli_query($con, $sql);
   
   $data = [];
   while($row = mysqli_fetch_array($result)){
     $data[] = $row;
   }
   
   echo json_encode($data);
   ?>

4. Créer une interface pour ajouter des marchandises :

   <?php
   $name = $_POST['name'];
   $category_id = $_POST['category_id'];
   
   $sql = "INSERT INTO products (name, category_id) VALUES ('$name', '$category_id')";
   if(mysqli_query($con, $sql)){
     echo "Product added successfully";
   }
   else{
     echo "Error: " . mysqli_error($con);
   }
   
   mysqli_close($con);
   ?>

4. Développement front-end (Vue) :

1. Créez la page principale de gestion d'entrepôt :

   <template>
     <div class="container">
    <h1 id="仓库管理系统">仓库管理系统</h1>
    <div class="categories">
      <h2 id="货物分类">货物分类</h2>
      <ul>
        <li v-for="category in categories" :key="category.id" @click="getProducts(category.id)">
          {{ category.name }}
        </li>
      </ul>
    </div>
    <div class="products">
      <h2 id="货物列表">货物列表</h2>
      <ul>
        <li v-for="product in products" :key="product.id">
          {{ product.name }}
        </li>
      </ul>
      <form @submit="addProduct">
        <input type="text" v-model="productName" placeholder="货物名称">
        <select v-model="selectedCategory">
          <option v-for="category in categories" :key="category.id" :value="category.id">
            {{ category.name }}
          </option>
        </select>
        <button type="submit">添加货物</button>
      </form>
    </div>
     </div>
   </template>
   
   <script>
   export default {
     data() {
    return {
      categories: [],
      products: [],
      selectedCategory: '',
      productName: ''
    }
     },
     mounted() {
    this.getCategories();
     },
     methods: {
    getCategories() {
      // 发送GET请求获取分类列表
      // 更新categories数据
    },
    getProducts(categoryId) {
      // 发送GET请求获取某个分类下的货物列表
      // 更新products数据
    },
    addProduct(e) {
      e.preventDefault();
      // 发送POST请求添加新的货物
      // 更新products数据
      this.productName = '';
      this.selectedCategory = '';
    }
     }
   }
   </script>

5. Exécutez le projet :

1. Le projet backend est déployé sur le serveur PHP.
2. Le projet front-end est empaqueté à l'aide de Vue CLI, puis le fichier index.html généré est ouvert dans le navigateur.

Conclusion :
En utilisant PHP et Vue, nous pouvons facilement développer la fonction de gestion de la classification des marchandises de la gestion des entrepôts. Cet article fournit des exemples de code spécifiques, dans l'espoir d'aider les lecteurs à appliquer les technologies associées dans des projets réels. Bien entendu, en plus des exemples ci-dessus, vous pouvez également effectuer une extension et une optimisation plus fonctionnelles en fonction des besoins réels. Bon codage !

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!