千家信息网

vue-cli使用stimulsoft.reports.js的过程是怎样的

发表于:2025-01-23 作者:千家信息网编辑
千家信息网最后更新 2025年01月23日,vue-cli使用stimulsoft.reports.js的过程是怎样的,很多新手对此不是很清楚,为了帮助大家解决这个难题,下面小编将为大家详细讲解,有这方面需求的人可以来学习下,希望你能有所收获。
千家信息网最后更新 2025年01月23日vue-cli使用stimulsoft.reports.js的过程是怎样的

vue-cli使用stimulsoft.reports.js的过程是怎样的,很多新手对此不是很清楚,为了帮助大家解决这个难题,下面小编将为大家详细讲解,有这方面需求的人可以来学习下,希望你能有所收获。

vue-cli使用stimulsoft.reports.js

第一部分:数据源准备

以下是JSON数据的教程






json数据结构

{        "数据源名":[                // ...数据列表        ]}

自己的测试JSON数据

{    "data": [        {            "a": "我是A",            "b": "我是B",            "c": "我是C"        },        {            "a": "我是A",            "b": "我是B",            "c": "我是C"        },        {            "a": "我是A",            "b": "我是B",            "c": "我是C"        }    ]}

附上官方处数据(自己删减了一些数据让读者能更好看懂结构)

{        "Customers": [{                "CustomerID": "ALFKI",                "CompanyName": "Alfreds Futterkiste",                "ContactName": "Maria Anders",                "ContactTitle": "Sales Representative",                "Address": "Obere Str. 57",                "City": "Berlin",                "Region": null,                "PostalCode": "12209",                "Country": "Germany",                "Phone": "030-0074321",                "Fax": "030-0076545"        }, {                "CustomerID": "ANATR",                "CompanyName": "Ana Trujillo Emparedados y helados",                "ContactName": "Ana Trujillo",                "ContactTitle": "Owner",                "Address": "Avda. de la Constitución 2222",                "City": "México D.F.",                "Region": null,                "PostalCode": "05021",                "Country": "Mexico",                "Phone": "(5) 555-4729",                "Fax": "(5) 555-3745"        }]}

第二部分:vue-cli引入stimulsoft.reports.js


附上App.vue代码
分别有展示数据、打印数据、保存数据、导入json数据的功能测试

看完上述内容是否对您有帮助呢?如果还想对相关知识有进一步的了解或阅读更多相关文章,请关注行业资讯频道,感谢您对的支持。

0