固定资产管理系统

import React, { useState, useEffect } from 'react';
import axios from 'axios';

const AssetList = () => {
  const [assets, setAssets] = useState([]);

  useEffect(() => {
    axios.get('/api/assets')
      .then(response => setAssets(response.data))
      .catch(error => console.error('Error fetching assets:', error));
  }, []);

  return (
    <div>
      <h1>Asset List</h1>
      <ul>
        {assets.map(asset => (
          <li key={asset.id}>
            {asset.name} - {asset.location}
          </li>
        ))}
      </ul>
    </div>
  );
};

export default AssetList;

const express = require('express');
const app = express();
const port = 3000;

const assets = [
  { id: 1, name: 'Laptop', location: 'Office' },
  { id: 2, name: 'Printer', location: 'Conference Room' }
];

app.get('/api/assets', (req, res) => {
  res.json(assets);
});

app.listen(port, () => {
  console.log(`Server running at http://localhost:${port}`);
});