小明：嘿，李老师，我最近在开发一个学生管理信息系统，遇到了一些问题，想请教您一下。

李老师：好的，你说说看，什么问题？

小明：我现在需要实现一个请假功能，用户可以提交请假申请，系统需要记录这些信息，并且管理员可以审批。但我不太清楚该怎么设计数据库和前端页面。

李老师：这是一个很常见的需求。首先，你需要设计一个请假表，用来存储学生的请假信息。比如，学号、姓名、请假类型、开始时间、结束时间、请假事由、状态等字段。

小明：那数据库应该怎么设计呢？有没有具体的例子？

李老师：当然有。你可以用MySQL来建表。例如，创建一个名为leave的表，包含以下字段：

CREATE TABLE leave (
    id INT AUTO_INCREMENT PRIMARY KEY,
    student_id VARCHAR(20) NOT NULL,
    name VARCHAR(50) NOT NULL,
    leave_type ENUM('病假', '事假', '公假') NOT NULL,
    start_date DATE NOT NULL,
    end_date DATE NOT NULL,
    reason TEXT,
    status ENUM('待审批', '已批准', '已拒绝') DEFAULT '待审批'
);
    

小明：明白了，这样就能存储请假的基本信息了。那前端怎么处理呢？是不是要提供一个表单让用户填写请假信息？

李老师：是的。前端可以用HTML和JavaScript来构建表单，然后通过AJAX发送数据到后端。后端可以用Node.js或者Java Spring Boot这样的框架来处理请求。

小明：那后端如何接收并处理这些数据呢？能给我一个简单的代码示例吗？

李老师：当然可以。下面是一个使用Node.js和Express的简单示例：

const express = require('express');
const mysql = require('mysql');
const app = express();
app.use(express.json());

// 创建数据库连接
const connection = mysql.createConnection({
    host: 'localhost',
    user: 'root',
    password: '123456',
    database: 'student_system'
});

connection.connect();

// 提交请假请求
app.post('/submit-leave', (req, res) => {
    const { student_id, name, leave_type, start_date, end_date, reason } = req.body;
    const sql = `INSERT INTO leave (student_id, name, leave_type, start_date, end_date, reason) VALUES (?, ?, ?, ?, ?, ?)`;
    connection.query(sql, [student_id, name, leave_type, start_date, end_date, reason], (err, results) => {
        if (err) {
            return res.status(500).send('数据库错误');
        }
        res.send('请假申请提交成功');
    });
});

// 获取所有请假请求
app.get('/get-leaves', (req, res) => {
    const sql = 'SELECT * FROM leave';
    connection.query(sql, (err, results) => {
        if (err) {
            return res.status(500).send('数据库错误');
        }
        res.json(results);
    });
});

app.listen(3000, () => {
    console.log('服务器运行在 http://localhost:3000');
});
    

小明：谢谢老师，这个例子很有帮助。那管理员怎么审批请假呢？是不是需要一个后台管理界面？

李老师：是的。管理员可以通过一个管理界面查看所有待审批的请假请求，并根据情况批准或拒绝。你可以用React或Vue来构建前端管理界面。

小明：那审批操作的代码怎么写？有没有类似的示例？

李老师：可以再添加一个接口，用于更新请假状态。例如：

// 审批请假
app.put('/approve-leave/:id', (req, res) => {
    const { id } = req.params;
    const { status } = req.body;
    const sql = `UPDATE leave SET status = ? WHERE id = ?`;
    connection.query(sql, [status, id], (err, results) => {
        if (err) {
            return res.status(500).send('数据库错误');
        }
        res.send('请假状态已更新');
    });
});
    

小明：明白了，这样就可以通过ID来更新请假状态了。那资料管理方面，是否也需要考虑？

李老师：是的。在学生管理信息系统中，资料管理是非常重要的一环。比如，学生档案、成绩单、奖惩记录等都需要保存和查询。

小明：那这些资料应该如何存储？是放在数据库里还是文件系统中？

李老师：这取决于资料的大小和访问频率。对于小文件，比如图片、PDF文档，可以存储在文件系统中，并在数据库中记录文件路径。对于大文件，建议使用云存储服务，如阿里云OSS或AWS S3。

小明：那具体怎么实现呢？有没有代码示例？

李老师：我们可以用Node.js来上传文件到本地文件系统。例如：

const fs = require('fs');
const path = require('path');

// 文件上传
app.post('/upload-file', (req, res) => {
    const uploadDir = path.join(__dirname, 'uploads');
    if (!fs.existsSync(uploadDir)) {
        fs.mkdirSync(uploadDir);
    }

    const file = req.files.file;
    const fileName = Date.now() + '_' + file.name;
    const filePath = path.join(uploadDir, fileName);

    file.mv(filePath, (err) => {
        if (err) {
            return res.status(500).send('文件上传失败');
        }
        res.send(`文件已上传到: ${filePath}`);
    });
});
    

小明：那数据库中如何记录这些文件信息呢？

李老师：可以在学生表中增加一个字段，比如file_path，用来存储文件的路径。例如：

ALTER TABLE students ADD COLUMN file_path VARCHAR(255);
    

小明：明白了，这样就能将文件路径和学生信息关联起来。那管理员怎么查看这些资料呢？

李老师：可以通过一个查询接口，根据学生ID获取对应的文件路径，然后在前端展示出来。例如：

// 获取学生资料
app.get('/get-student-file/:id', (req, res) => {
    const { id } = req.params;
    const sql = 'SELECT file_path FROM students WHERE id = ?';
    connection.query(sql, [id], (err, results) => {
        if (err) {
            return res.status(500).send('数据库错误');
        }
        if (results.length === 0) {
            return res.status(404).send('未找到该学生');
        }
        res.send(results[0].file_path);
    });
});
    

小明：非常感谢老师，这对我理解整个系统的架构有很大帮助。

李老师：不客气，如果你还有其他问题，随时来找我。

小明：好的，我会继续努力的！