论坛风格切换
正版合作和侵权请联系 sd173@foxmail.com
 
  • 帖子
  • 日志
  • 用户
  • 版块
  • 群组
帖子
购买邀请后未收到邀请联系sdbeta@qq.com
  • 29286阅读
  • 75回复

[编程开发]GrapeCity ActiveReportsJS 3.1.1 [复制链接]

上一主题 下一主题
离线pony8000
 

发帖
53391
今日发帖
最后登录
2024-11-19
只看楼主 倒序阅读 使用道具 楼主  发表于: 2020-02-23 11:35:28
ActiveReportsJS是一种报告解决方案,可以帮助您使用简单而强大的API创建复杂的报告,并可以轻松地嵌入和自定义您的需求。从基于页面的报告或基于数据的RDL报告中,您可以选择创建完整的报告库。您可以快速生成所见即所得的报告,并在客户端导出为PDF或Excel。该工具还包括对低级数据访问,项目浏览和条件格式表达式的内置支持。

ActiveReportsJS工具的功能:
高性能JavaScript报告引擎
使用功能强大的报告引擎在任何设备上下载并生成JavaScript报告。
设计交互式JavaScript报告
使用低级数据访问功能,项目浏览可提供更多的端到端交互和信息。
没有外部依赖
用TypeScript编写,可以在任何Web应用程序中运行。还可以自定义以在VSCode中使用。
导出并打印用户端
快速创建所见即所得,并在用户端将报告导出为PDF和Excel,从而允许用户打印JavaScript报告。以PDF,Excel和HTML格式导出报告。
为每个JavaScript框架生成报告
将ActiveReportsJS用于流行的JavaScript框架,包括Angular,React和Vue。

# ActiveReportsJS CN




* ActiveReportsJS 是一个轻量级的报表解决方案,为您提供简单易用的丰富的 API ,创建复杂报表,轻松集成到您的项目重 为了满足常用的报表布局需求,不需要依赖于服务端。


* ActiveReportsJS支持以下报表类型:"页面" 和"RDL 报表"。








## 安装


使用命令 `npm install @grapecity/activereports` 安装 ActiveReportsJS






## 产品资料




更多产品资料请点击 [帮助文档](https://demo.grapecity.com.cn/activereportsjs/docs/GettingStarted/Introduction) 或 [API 文档](https://demo.grapecity.com.cn/activereportsjs/api/) 。






## 示例




[ActiveReportsJS 示例](https://demo.grapecity.com.cn/activereportsjs/demos/Reports/InvoiceList/purejs).










## 入门指南 - 创建第一个 **ActiveReportsJS Viewer** 应用






### 操作步骤


1. 在 `index.html` head 标签内添加 `dist`文件夹中的 js 文件的引用, `ar-js-core.js` 、 `ar-js-viewer.js`   及`styles` 文件夹中的css文件 `ar-js-viewer.css`  :
```html
    <link rel="stylesheet" type="text/css" href="/styles/ar-js-viewer.css">


    <script src="/dist/ar-js-core.js"></script>
    <script src="/dist/ar-js-viewer.js"></script>
```


2. 如果需要支持 IE11 , 也需要在 `index.html` head标签内添加`ie-polyfills.js`文件 (具体位置要在 `ar-js-core.js` 和 `ar-js-viewer.js`文件前面引用)
```html
    <script src="/dist/ie-polyfills.js"></script>
```


3. 如果需要支持导出按钮, 需要添加  `ar-js-pdf.js`, `ar-js-html.js` 及 `ar-js-xlsx.js`  `dist` 文件夹的引用:
```html
    <script src="/dist/ar-js-pdf.js"></script>
    <script src="/dist/ar-js-html.js"></script>
    <script src="/dist/ar-js-xlsx.js"></script>
```


4. 在 `index.html` body 标签内声明 div 用于展示 *ActiveReportsJS Viewer*。 注意, 必须要定义height属性:
```html
    <div id="root" style="height: 100vh"></div>
```


5. 在 `index.html`  body `onload` 事件中添加以下脚本:
```html
<body onload="loadViewer()">
    <script>
        function loadViewer() {
            var viewer = new ActiveReports.Viewer('#root');
            viewer.open({
              "Name": "Report",
              "Type": "report",
              "Body": {
                "Name": "Body",
                "Type": "section",
                "ReportItems": [
                   { Type: "textbox", Name: "textbox1", Value: "Hello from ActiveReports", Top: "3in", Left: "3in", Height: "1in" }
                 ]
               }
            });
        }
     </script>


    <div id="root" style="height: 100vh"></div>
</body>
```




## 设计器






我们提供了 Windows,Mac,Linux 三个版本的设计器报表设计器 **ActiveReportsJS Designer**。下载[设计器](https://downloads.grapecity.com.cn/ActiveReportsJS/ActiveReportsJS_Beta.zip)
系统要求
浏览
器需要以下任何受HTML5支持的浏览器:

Microsoft Internet Explorer 11
Microsoft Edge
谷歌浏览器
Mozilla FireFox
Safari

支持的
Angular
Vue
React 框架

支持的操作系统
Windows
macOS
Linux



此帖售价 9 电魂,已有 54 人购买 [记录] [购买]
购买后,将显示帖子中所有出售内容。
若发现会员采用欺骗的方法获取财富,请立刻举报,我们会对会员处以2-N倍的罚金,严重者封掉ID!
此段为出售的内容,购买后显示



关于激活

- Install ActiveReportsJS Designer
- Replace app.asar with cracked one


请支持正版

www.GrapeCity.com.cn


西安葡萄城信息技术有限公司
[ 此帖被pony8000在2023-03-26 22:09重新编辑 ]
软件下载咨询 sdbeta@qq.com
 
精品软件:百度搜闪电软件园  最新软件百度搜:闪电下载吧
有问题联系 sdbeta@qq.com
离线lonely80

发帖
1335
今日发帖
最后登录
2022-12-28
只看该作者 沙发  发表于: 2020-02-23 14:19:18
非常感谢分享
离线vscrnk

发帖
3
今日发帖
最后登录
2020-03-04
只看该作者 板凳  发表于: 2020-02-29 00:05:14
谢谢分享!!!
离线yumiao521317

发帖
8
今日发帖
最后登录
2021-12-02
只看该作者 地板  发表于: 2020-03-03 15:17:12

非常感谢分享
离线mwee

发帖
52
今日发帖
最后登录
2024-08-22
只看该作者 地下室  发表于: 2020-03-04 22:19:35
学习下,    感谢
离线zysdcyymyw

发帖
23
今日发帖
最后登录
2024-09-07
只看该作者 5 发表于: 2020-03-07 22:30:19
感谢楼主分享
软件下载咨询 sdbeta@qq.com
 
离线gml888

发帖
29
今日发帖
最后登录
2021-12-25
只看该作者 6 发表于: 2020-03-08 00:18:38
这个报表看似不错,谢谢...
离线yes_win10

发帖
41
今日发帖
最后登录
2023-10-17
只看该作者 7 发表于: 2020-03-16 09:46:21
找了很久了
离线dfjhsaj

发帖
2
今日发帖
最后登录
2020-03-20
只看该作者 8 发表于: 2020-03-20 16:39:17
学习学习学习

发帖
3
今日发帖
最后登录
2020-05-06
只看该作者 9 发表于: 2020-03-24 18:55:00
感谢分享。。。。。。。