教学管理平台创建

import React, { useState } from 'react';

function CourseList() {
  const [courses, setCourses] = useState([]);

  // Fetch courses from backend
  useEffect(() => {
    fetch('/api/courses')
      .then(response => response.json())
      .then(data => setCourses(data));
  }, []);

  return (
    <div>
      <h1>Courses</h1>
      <ul>
        {courses.map(course => (
          <li key={course.id}>{course.name}</li>
        ))}
      </ul>
    </div>
  );
}

export default CourseList;

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

app.get('/api/courses', (req, res) => {
  const courses = [
    { id: 1, name: 'Mathematics' },
    { id: 2, name: 'Physics' },
    // ... other courses
  ];
  res.json(courses);
});

app.listen(3000, () => {
  console.log('Server is running on port 3000');
});

const mongoose = require('mongoose');

mongoose.connect('mongodb://localhost:27017/teaching_management', { useNewUrlParser: true, useUnifiedTopology: true });

const courseSchema = new mongoose.Schema({
  name: String,
  description: String,
});

const Course = mongoose.model('Course', courseSchema);

module.exports = Course;