<pre>

# 学工管理系统开发文档

## 需求分析

株洲市某中学希望开发一个学工管理系统，用于管理学生的日常行为、成绩记录和活动参与情况。系统需要提供学生信息管理、成绩录入、活动管理等功能。

## 系统设计

本系统采用MVC架构进行设计，使用Spring Boot作为后端框架，前端采用Vue.js。系统分为学生模块、教师模块和管理员模块。

## 数据库设计

### 表结构设计

        CREATE TABLE students (
            id INT PRIMARY KEY AUTO_INCREMENT,
            name VARCHAR(50) NOT NULL,
            gender CHAR(1),
            grade INT,
            class VARCHAR(50)
        );

        CREATE TABLE scores (
            id INT PRIMARY KEY AUTO_INCREMENT,
            student_id INT,
            subject VARCHAR(50),
            score DECIMAL(5,2),
            FOREIGN KEY (student_id) REFERENCES students(id)
        );

        CREATE TABLE activities (
            id INT PRIMARY KEY AUTO_INCREMENT,
            student_id INT,
            activity_name VARCHAR(100),
            participation_date DATE,
            FOREIGN KEY (student_id) REFERENCES students(id)
        );
        

## 后端实现

### 学生模块

        @RestController
        public class StudentController {
            @Autowired
            private StudentService studentService;

            @GetMapping("/students")
            public List getAllStudents() {
                return studentService.getAllStudents();
            }

            @PostMapping("/students")
            public void addStudent(@RequestBody Student student) {
                studentService.addStudent(student);
            }
        }
        

## 前端实现

### Vue.js组件示例

        <template>
          <div>
            <h1>学生列表</h1>
            <ul>
              <li v-for="student in students" :key="student.id">
                {{ student.name }} - {{ student.grade }}
              </li>
            </ul>
          </div>
        </template>

        <script>
        import axios from 'axios';

        export default {
          data() {
            return {
              students: []
            };
          },
          created() {
            this.fetchStudents();
          },
          methods: {
            fetchStudents() {
              axios.get('/api/students')
                .then(response => {
                  this.students = response.data;
                });
            }
          }
        };
        </script>
        

</pre>