张老师（高校教务处工作人员）：最近我们学校的学工系统升级了，听说可以更方便地处理学生的请假申请。李同学，你是怎么看待这个功能的呢？
李同学（大三学生）：确实很方便！以前请假要线下找辅导员签字，现在直接在系统上提交就好了。不过有时候还是会遇到一些小问题，比如不知道审批进度。
张老师：这正是我们要解决的问题。我打算开发一个小插件，帮助学生实时查看自己的请假状态。你觉得这样的功能怎么样？
李同学：太好了！这样我们就能知道什么时候能收到结果了。对了，这个插件是怎么实现的呀？
张老师：首先我们需要一个简单的后端接口，用来查询数据库中的请假记录。然后前端页面显示这些信息。下面是一些伪代码示例：
// 后端代码 (Node.js + Express)
const express = require('express');
const app = express();
const bodyParser = require('body-parser');
app.use(bodyParser.json());
let leaveRecords = [
{ id: 1, studentName: '李明', status: '待审核' },
{ id: 2, studentName: '王丽', status: '已批准' }
];
app.get('/leave-status/:id', (req, res) => {
const recordId = req.params.id;
const record = leaveRecords.find(r => r.id === parseInt(recordId));
if (!record) return res.status(404).send('Record not found.');
res.send(record);
});
app.listen(3000, () => console.log('Server running on port 3000'));
李同学：哇，看起来挺简单的。那前端部分是怎么做的呢？
张老师：前端主要是通过AJAX请求获取数据并动态更新页面。这里是一个简单的HTML+JavaScript示例：
我的请假状态
李同学：明白了！这样学生就可以随时刷新页面查看最新的请假状态了。谢谢张老师！
张老师：不客气，希望这个功能能让大家的学习生活更加便捷。
]]>