PHP와 Vue를 사용하여 창고 관리를 위한 재고 계산 기능을 개발하는 방법

PHP와 Vue를 사용하여 창고 관리용 재고 계산 기능을 개발하는 방법

현대 비즈니스 운영에서 창고 관리는 중요한 연결 고리입니다. 효율적인 재고 계산 시스템은 기업이 정확한 재고 관리를 달성하고 운영 효율성을 향상시키는 데 도움이 될 수 있습니다. 이 기사에서는 PHP와 Vue를 사용하여 창고 관리의 재고 계산 기능을 개발하는 방법을 소개하고 구체적인 코드 예제를 제공합니다.

먼저 기본적인 데이터베이스 구조를 구축해야 합니다. "inventory"라는 데이터베이스를 생성하고 그 안에 두 개의 테이블을 생성할 수 있습니다. 하나는 제품 정보를 저장하는 "products" 테이블이고, 다른 하나는 재고 정보를 저장하는 "stock" 테이블입니다.

"products" 테이블의 구조는 다음과 같습니다:

CREATE TABLE `products` (
  `id` int(11) NOT NULL AUTO_INCREMENT,
  `name` varchar(255) NOT NULL,
  `price` decimal(10,2) NOT NULL,
  PRIMARY KEY (`id`)
);

"stock" 테이블의 구조는 다음과 같습니다:

CREATE TABLE `stock` (
  `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`)
);

다음으로, PHP를 사용하여 다음이 시작한 요청을 처리하는 백엔드 API를 작성할 수 있습니다. 프론트엔드. 먼저 데이터베이스에 연결하기 위해 다음 내용으로 "db.php" 파일을 생성해야 합니다.

<?php
$servername = "localhost";
$username = "root";
$password = "password";
$dbname = "inventory";

$conn = new mysqli($servername, $username, $password, $dbname);

if ($conn->connect_error) {
    die("连接失败: " . $conn->connect_error);
}

그런 다음 제품 관련 요청을 처리하기 위해 "products.php"라는 파일을 생성할 수 있습니다. 다음은 모든 제품을 가져오는 샘플 코드입니다.

<?php
include 'db.php';

$sql = "SELECT * FROM products";
$result = $conn->query($sql);

$products = array();

if ($result->num_rows > 0) {
    while($row = $result->fetch_assoc()) {
        $products[] = $row;
    }
}

echo json_encode($products);

마찬가지로 재고 관련 요청을 처리할 "stock.php"라는 파일을 만들 수 있습니다. 다음은 모든 인벤토리 정보를 가져오는 샘플 코드입니다.

<?php
include 'db.php';

$sql = "SELECT stock.id, products.name, stock.quantity FROM stock JOIN products ON stock.product_id = products.id";
$result = $conn->query($sql);

$stock = array();

if ($result->num_rows > 0) {
    while($row = $result->fetch_assoc()) {
        $stock[] = $row;
    }
}

echo json_encode($stock);

이제 Vue를 사용하여 프런트엔드 인터페이스를 구축하고 Ajax 요청을 통해 백엔드 API와 통신할 수 있습니다. 다음은 제품 목록을 표시하는 Vue 구성 요소의 코드 예제입니다.

<template>
  <div>
    <h2 id="产品列表">产品列表</h2>
    <table>
      <thead>
        <tr>
          <th>ID</th>
          <th>名称</th>
          <th>价格</th>
        </tr>
      </thead>
      <tbody>
        <tr v-for="product in products" :key="product.id">
          <td>{{ product.id }}</td>
          <td>{{ product.name }}</td>
          <td>{{ product.price }}</td>
        </tr>
      </tbody>
    </table>
  </div>
</template>

<script>
export default {
  data() {
    return {
      products: []
    };
  },
  mounted() {
    this.fetchProducts();
  },
  methods: {
    fetchProducts() {
      axios.get('/products.php').then(response => {
        this.products = response.data;
      });
    }
  }
}
</script>

마찬가지로 재고 정보를 표시하는 Vue 구성 요소를 만들 수 있습니다. 다음은 재고 정보를 얻어서 표시하는 Vue 컴포넌트의 코드 예시입니다.

<template>
  <div>
    <h2 id="库存信息">库存信息</h2>
    <table>
      <thead>
        <tr>
          <th>ID</th>
          <th>产品名称</th>
          <th>数量</th>
        </tr>
      </thead>
      <tbody>
        <tr v-for="item in stock" :key="item.id">
          <td>{{ item.id }}</td>
          <td>{{ item.name }}</td>
          <td>{{ item.quantity }}</td>
        </tr>
      </tbody>
    </table>
  </div>
</template>

<script>
export default {
  data() {
    return {
      stock: []
    };
  },
  mounted() {
    this.fetchStock();
  },
  methods: {
    fetchStock() {
      axios.get('/stock.php').then(response => {
        this.stock = response.data;
      });
    }
  }
}
</script>

요약하자면, PHP와 Vue를 사용하여 창고 관리의 재고 계산 기능을 개발하면 기업이 정확한 재고 관리를 달성하는 데 도움이 될 수 있습니다. 백엔드 API를 PHP로 작성하고 이를 Vue와 결합하여 프런트엔드 인터페이스를 구축함으로써 제품 표시 및 재고 정보 표시 기능을 쉽게 구현하고 백엔드 데이터베이스와 상호 작용할 수 있습니다. 이 기사에 제공된 코드 예제가 개발 작업에 도움이 되기를 바랍니다.

위 내용은 PHP와 Vue를 사용하여 창고 관리를 위한 재고 계산 기능을 개발하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!