ZBLOG

很好,在设置一个保存功能💾,将添加的信息自动保存在记录/1.xlsx里面

要在HTML中实现自动保存到Excel文件的功能,需要使用JavaScript和后端服务器来处理文件操作。这里给出一个示例代码,其中使用了Node.js和Express框架来处理后端逻辑。

首先,你需要安装Node.js和Express框架。然后创建一个新的目录,在该目录下创建一个index.js文件,并在命令行中执行npm init初始化项目,并安装相关依赖:

npm install express ejs xlsx --save

接下来,在 index.js 文件中添加以下代码:

const express = require('express');
const XLSX = require('xlsx');
const app = express();
const PORT = 3000;

app.use(express.urlencoded({ extended: true }));
app.set('view engine', 'ejs');

app.get('/', (req, res) => {
    res.render('index');
});

app.post('/save', (req, res) => {
    const workbook = XLSX.utils.book_new();
    const worksheet = XLSX.utils.json_to_sheet([req.body]);
    XLSX.utils.book_append_sheet(workbook, worksheet, 'Sheet1');
    XLSX.writeFile(workbook, 'records/1.xlsx');
    
    res.redirect('/');
});

app.listen(PORT, () => {
    console.log(`Server is running on port ${PORT}`);
});

然后,在同一目录下创建一个名为 views 的文件夹,在其中创建一个名为 index.ejs 的文件,并将以下代码复制到该文件中:

<!DOCTYPE html>
<html>
<head>
    <title>工作记录</title>
</head>
<body>
    <h1>工作记录</h1>

    <form action="/save" method="POST">
        <!-- 表单内容 -->

        <button type="submit">保存</button>
    </form>
</body>
</html>

以上代码使用了Express框架来创建一个简单的服务器,并在根路径显示表单页面。当用户提交表单时,数据将被保存到名为 records/1.xlsx 的Excel文件中。

请确保在项目根目录下创建一个名为 records 的文件夹,以便存储生成的Excel文件。

最后,在命令行中执行以下命令启动服务器:

node index.js

现在,你可以通过浏览器访问 http://localhost:3000 来填写工作记录并点击保存按钮。信息将自动保存到 records/1.xlsx 文件中。

请注意,此示例仅提供了基本的文件操作功能,并未对数据进行验证或其他处理。根据实际需求,你可能需要进一步完善代码。


内容由零声教学AI助手提供,问题来源于学员提问

本站部分文章来源于网络,版权归原作者所有,如有侵权请联系站长删除。
转载请注明出处:https://golang.0voice.com/?id=15680

分享:
扫描分享到社交APP
上一篇
下一篇
发表列表
游客 游客
此处应有掌声~
评论列表

还没有评论,快来说点什么吧~

联系我们

在线咨询: 点击这里给我发消息

微信号:3007537140

上班时间: 10:30-22:30

关注我们
x

注册

已经有帐号?