Nodejs 用node开发企业系统，报表有啥子库不？

Nodejs 用node开发企业系统，报表有啥子库不？

8 回复

Nodejs 用node开发企业系统，报表有啥子库不？

在使用Node.js开发企业系统时，处理报表是一个常见的需求。幸运的是，有许多优秀的库可以帮助你轻松地生成、展示和导出各种类型的报表。以下是一些流行的报表库，以及如何使用它们的基本示例。

1. EJS (Embedded JavaScript templates)

EJS 是一个简单的模板引擎，可以用于生成HTML报表。它非常适合与Express框架结合使用。

安装：

npm install ejs

基本示例：

const express = require('express');
const app = express();
app.set('view engine', 'ejs');

app.get('/report', (req, res) => {
    const data = [
        { id: 1, name: 'Alice', age: 24 },
        { id: 2, name: 'Bob', age: 30 }
    ];
    res.render('report', { users: data });
});

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

views/report.ejs 文件内容：

<!DOCTYPE html>
<html>
<head>
    <title>User Report</title>
</head>
<body>
    <h1>User Report</h1>
    <table border="1">
        <tr>
            <th>ID</th>
            <th>Name</th>
            <th>Age</th>
        </tr>
        <% users.forEach(user => { %>
        <tr>
            <td><%= user.id %></td>
            <td><%= user.name %></td>
            <td><%= user.age %></td>
        </tr>
        <% }) %>
    </table>
</body>
</html>

2. PDFKit

如果你需要生成PDF报表，PDFKit 是一个非常强大的库。

安装：

npm install pdfkit

基本示例：

const PDFDocument = require('pdfkit');
const fs = require('fs');

const doc = new PDFDocument();
doc.pipe(fs.createWriteStream('report.pdf'));

doc.fontSize(25).text('User Report', { align: 'center' });

doc.moveDown();
doc.table([
    ['ID', 'Name', 'Age'],
    [1, 'Alice', 24],
    [2, 'Bob', 30]
], {
    headerColumns: 1,
    columnsWidth: [50, 100, 50],
    padding: 5
});

doc.end();

3. ExcelJS

如果你需要生成Excel文件，ExcelJS 是一个很好的选择。

安装：

npm install exceljs

基本示例：

const ExcelJS = require('exceljs');

const workbook = new ExcelJS.Workbook();
const worksheet = workbook.addWorksheet('User Report');

worksheet.columns = [
    { header: 'ID', key: 'id', width: 10 },
    { header: 'Name', key: 'name', width: 32 },
    { header: 'Age', key: 'age', width: 10 }
];

worksheet.addRow({ id: 1, name: 'Alice', age: 24 });
worksheet.addRow({ id: 2, name: 'Bob', age: 30 });

workbook.xlsx.writeFile('report.xlsx')
    .then(() => console.log('File saved!'));

这些库可以帮助你在Node.js中生成不同格式的报表。你可以根据具体需求选择合适的库，并结合业务逻辑实现复杂的报表功能。


简单的还行，复杂的不能实现。

报表？前台用HIGHCHARTS.JS。 后台自己写API。

amcharts 你去网上搜一下这个挺好的。效果不错。

js很多图表工具啊

咱们都是用ireport的，

用Node开发企业应用感觉风险挺大的啊，至于报表有好多前端的js报表比如highcharts，node只提供数据接口就好了

针对“Nodejs 用node开发企业系统，报表有啥子库不？”这个问题，可以使用一些流行的报表库来生成和展示报表。以下是一些常用的Node.js报表库：

1. EJS (Embedded JavaScript templates)

EJS 是一个简单的模板引擎，适用于生成静态HTML报表。你可以将数据注入到模板中，然后渲染成HTML。

安装 EJS:

npm install ejs

示例代码:

const express = require('express');
const app = express();
app.set('view engine', 'ejs');

app.get('/report', (req, res) => {
    const data = [
        { name: 'John Doe', salary: 5000 },
        { name: 'Jane Doe', salary: 6000 }
    ];
    res.render('report', { employees: data });
});

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

report.ejs 文件:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Report</title>
</head>
<body>
    <h1>Employee Report</h1>
    <table border="1">
        <tr>
            <th>Name</th>
            <th>Salary</th>
        </tr>
        <% employees.forEach(employee => { %>
        <tr>
            <td><%= employee.name %></td>
            <td><%= employee.salary %></td>
        </tr>
        <% }) %>
    </table>
</body>
</html>

2. Puppeteer

如果你需要生成PDF报表，Puppeteer是一个强大的工具。它基于Chrome浏览器，可以将网页转换为PDF文件。

安装 Puppeteer:

npm install puppeteer

示例代码:

const puppeteer = require('puppeteer');

(async () => {
    const browser = await puppeteer.launch();
    const page = await browser.newPage();

    await page.goto('http://localhost:3000/report');
    await page.pdf({ path: 'report.pdf', format: 'A4' });

    await browser.close();
})();

3. Chart.js with Node.js

如果你需要生成图表报表，可以使用Chart.js结合Node.js。首先，你需要在前端页面中引入Chart.js，并通过后端传递数据。

安装 Chart.js:

npm install chart.js

前端示例代码:

<canvas id="myChart"></canvas>
<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
<script>
const ctx = document.getElementById('myChart').getContext('2d');
const myChart = new Chart(ctx, {
    type: 'bar',
    data: {
        labels: ['Red', 'Blue', 'Yellow', 'Green', 'Purple', 'Orange'],
        datasets: [{
            label: '# of Votes',
            data: [12, 19, 3, 5, 2, 3],
            backgroundColor: [
                'rgba(255, 99, 132, 0.2)',
                'rgba(54, 162, 235, 0.2)',
                'rgba(255, 206, 86, 0.2)',
                'rgba(75, 192, 192, 0.2)',
                'rgba(153, 102, 255, 0.2)',
                'rgba(255, 159, 64, 0.2)'
            ],
            borderColor: [
                'rgba(255, 99, 132, 1)',
                'rgba(54, 162, 235, 1)',
                'rgba(255, 206, 86, 1)',
                'rgba(75, 192, 192, 1)',
                'rgba(153, 102, 255, 1)',
                'rgba(255, 159, 64, 1)'
            ],
            borderWidth: 1
        }]
    },
    options: {
        scales: {
            y: {
                beginAtZero: true
            }
        }
    }
});
</script>

这些库可以帮助你生成不同类型的报表，如表格、PDF和图表。根据你的具体需求选择合适的工具。

回到顶部