学生宿舍管理系统

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

const DormManagement = () => {
  const [dorms, setDorms] = useState([]);

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

  return (
    <div>
      <h1>Dorm Management System</h1>
      <ul>
        {dorms.map(dorm => (
          <li key={dorm.id}>{dorm.name} - {dorm.capacity} students</li>
        ))}
      </ul>
    </div>
  );
};

export default DormManagement;

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

const dorms = [
  { id: 1, name: 'Dorm A', capacity: 4 },
  { id: 2, name: 'Dorm B', capacity: 6 },
];

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

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