PHP と Vue を使用して倉庫管理のための財務管理機能を開発する方法

PHP と Vue を使用して倉庫管理の財務管理機能を開発する方法

倉庫管理システムとして、財務管理は重要な部分です。合理的な財務管理を通じて、倉庫の資本の流れと利益の安定を確保することができます。この記事では、PHP と Vue を使用して倉庫管理のための財務管理機能を開発する方法を紹介し、対応するコード例を示します。

1. データベース設計

開発を開始する前に、まず財務情報を保存するデータベース モデルを設計する必要があります。たとえば、次のようなテーブル構造を設計できます。

• 倉庫テーブル (倉庫): 倉庫名、住所など、倉庫の基本情報が含まれます。
• サプライヤー テーブル (サプライヤー): サプライヤー名、担当者、連絡先情報などのサプライヤー情報を記録します。
• 購買テーブル(購買)：仕入先、商品名、購買数量、購買単価などの購買情報を記録します。
• 売上テーブル（売上）：顧客、商品名、販売数量、販売単価などの売上情報を記録します。
• 支払いテーブル (支払い): 売上、顧客、支払い金額などの支払い情報を記録します。
• 支払テーブル(支出):支払対象、支出金額、支出日などの支出情報を記録します。

2. バックエンド開発 (PHP を使用)

次に、PHP を使用してバックエンド インターフェイスを開発します。これらのインターフェイスの財務管理機能を呼び出すことによって実装されます。

2.1 倉庫リストの取得

<?php

// 连接数据库并查询仓库表
$conn = new mysqli("localhost", "username", "password", "database");

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

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

// 返回查询结果
$warehouses = [];

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

echo json_encode($warehouses);
$conn->close();
?>

2.2 サプライヤーリストの取得

<?php

// 连接数据库并查询供应商表
$conn = new mysqli("localhost", "username", "password", "database");

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

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

// 返回查询结果
$suppliers = [];

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

echo json_encode($suppliers);
$conn->close();
?>

2.3 購入記録の追加

<?php

// 连接数据库并插入进货记录
$conn = new mysqli("localhost", "username", "password", "database");

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

$supplier = $_POST['supplier'];
$item = $_POST['item'];
$quantity = $_POST['quantity'];
$unit_price = $_POST['unit_price'];

$sql = "INSERT INTO purchase (supplier, item, quantity, unit_price) VALUES ('$supplier', '$item', '$quantity', '$unit_price')";
$result = $conn->query($sql);

// 返回结果
if ($result === TRUE) {
    echo "进货记录添加成功";
} else {
    echo "进货记录添加失败: " . $conn->error;
}

$conn->close();
?>

2.4 販売記録の追加

<?php

// 连接数据库并插入销售记录
$conn = new mysqli("localhost", "username", "password", "database");

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

$customer = $_POST['customer'];
$item = $_POST['item'];
$quantity = $_POST['quantity'];
$unit_price = $_POST['unit_price'];

$sql = "INSERT INTO sales (customer, item, quantity, unit_price) VALUES ('$customer', '$item', '$quantity', '$unit_price')";
$result = $conn->query($sql);

// 返回结果
if ($result === TRUE) {
    echo "销售记录添加成功";
} else {
    echo "销售记录添加失败: " . $conn->error;
}

$conn->close();
?>

2.5 支払記録の追加

<?php

// 连接数据库并插入收款记录
$conn = new mysqli("localhost", "username", "password", "database");

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

$sales = $_POST['sales'];
$customer = $_POST['customer'];
$amount = $_POST['amount'];

$sql = "INSERT INTO payment (sales, customer, amount) VALUES ('$sales', '$customer', '$amount')";
$result = $conn->query($sql);

// 返回结果
if ($result === TRUE) {
    echo "收款记录添加成功";
} else {
    echo "收款记录添加失败: " . $conn->error;
}

$conn->close();
?>

2.6 支出記録の追加

<?php

// 连接数据库并插入支出记录
$conn = new mysqli("localhost", "username", "password", "database");

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

$payee = $_POST['payee'];
$amount = $_POST['amount'];
$date = $_POST['date'];

$sql = "INSERT INTO expense (payee, amount, date) VALUES ('$payee', '$amount', '$date')";
$result = $conn->query($sql);

// 返回结果
if ($result === TRUE) {
    echo "支出记录添加成功";
} else {
    echo "支出记录添加失败: " . $conn->error;
}

$conn->close();
?>

3. フロントエンド開発 (Vue を使用)

Vue を通じて、次のことが簡単に行えます。 create バックエンド インターフェイスを呼び出して財務情報を管理する対話型インターフェイス。

3.1 倉庫リストの取得

<template>
  <div>
    <h2>仓库列表</h2>
    <ul>
      <li v-for="warehouse in warehouses" :key="warehouse.id">
        {{ warehouse.name }} - {{ warehouse.address }}
      </li>
    </ul>
  </div>
</template>

<script>
export default {
  data() {
    return {
      warehouses: []
    }
  },
  mounted() {
    this.getWarehouses();
  },
  methods: {
    getWarehouses() {
      axios.get('/api/getWarehouses')
        .then(response => {
          this.warehouses = response.data;
        })
        .catch(error => {
          console.error(error);
        });
    }
  }
}
</script>

3.2 購入レコードの追加

<template>
  <div>
    <h2>添加进货记录</h2>
    <form @submit.prevent="addPurchase">
      <label for="supplier">供应商:</label>
      <input type="text" v-model="supplier">

      <label for="item">货物名称:</label>
      <input type="text" v-model="item">

      <label for="quantity">进货数量:</label>
      <input type="number" v-model="quantity" min="1">

      <label for="unit_price">进货单价:</label>
      <input type="number" v-model="unit_price">

      <button type="submit">添加进货记录</button>
    </form>
  </div>
</template>

<script>
export default {
  data() {
    return {
      supplier: '',
      item: '',
      quantity: '',
      unit_price: ''
    }
  },
  methods: {
    addPurchase() {
      axios.post('/api/addPurchase', {
          supplier: this.supplier,
          item: this.item,
          quantity: this.quantity,
          unit_price: this.unit_price
        })
        .then(response => {
          console.log(response.data);
        })
        .catch(error => {
          console.error(error);
        });
    }
  }
}
</script>

3.3 販売レコードの追加、領収書レコードの追加、支出レコードの追加のコードは、次のコードと似ています。セクション 3.2 。軽微な変更のみ。

これらのサンプル コードを通じて、PHP と Vue を使用して倉庫管理のための財務管理機能を開発するのが複雑ではないことがわかります。特定のビジネス要件に合わせて変更および拡張できます。同時に、この例は、PHP および Vue 開発テクノロジをよりよく理解し、適用するのに役立つ優れた開発フレームワークも提供します。

以上がPHP と Vue を使用して倉庫管理のための財務管理機能を開発する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。