報表控件stimulsoft操作：使用 CDN 服務部署 Stimulsoft 組件

翻譯|行業資訊|編輯：吉煒煒|2025-02-21 10:46:05.703|閱讀 158 次

概述：在本文中，我們將討論在使用純 JavaScript 的應用程序中快速部署 Stimulsoft 的過程。主要重點是通過 CDN 服務連接腳本文件。這樣可以輕松地將必要的腳本集成到 HTML 頁面中，而無需在本地下載它們。

相關鏈接：

Stimulsoft Ultimate （原Stimulsoft Reports.Ultimate）是用于創建報表和儀表板的通用工具集。該產品包括用于WinForms、ASP.NET、.NET Core、JavaScript、WPF、PHP、Java和其他環境的完整工具集。無需比較產品功能，Stimulsoft Ultimate包含了所有內容！

Stimulsoft Reports 最新下載

在本文中，我們將討論在使用純 JavaScript 的應用程序中快速部署 Stimulsoft 的過程。主要重點是通過 CDN 服務連接腳本文件。這樣可以輕松地將必要的腳本集成到 HTML 頁面中，而無需在本地下載它們。

使用 CDN 服務的主要好處

加載速度快。文件從最靠近用戶的服務器加載，加快頁面加載速度；
減少服務器負載。腳本由第三方服務器存儲和分發，減少用戶服務器的負載；
自動更新。始終可以連接最新版本的庫，無需手動更新；
緩存。瀏覽器和網絡可以緩存 CDN 文件，減少重復請求的加載時間；
安全性。主要的 CDN 提供針對 DDoS 等攻擊的保護并使用加密連接 (HTTPS)。

因此，使用 CDN 服務通常既合理又高效。

用于分發 Stimulsoft 的 CDN 服務

您可以通過以下服務訪問腳本文件：

示例項目

首先，讓我們創建一個 HTML 文件作為應用程序的入口點。默認情況下，此文件名為index.html。

index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
   
</body>
</html>

和的包中的 URL 訪問腳本文件。例如，使用 cdn.jsdelivr.net 服務：index.html

...
<script type="text/javascript" src="http://cdn.jsdelivr.net/npm/stimulsoft-reports-js/Scripts/stimulsoft.reports.js"></script>
<script type="text/javascript" src="http://cdn.jsdelivr.net/npm/stimulsoft-reports-js/Scripts/stimulsoft.designer.js"></script>
<script type="text/javascript" src="http://cdn.jsdelivr.net/npm/stimulsoft-reports-js/Scripts/stimulsoft.viewer.js"></script>
<script type="text/javascript" src="http://cdn.jsdelivr.net/npm/stimulsoft-reports-js/Scripts/stimulsoft.blockly.editor.js"></script>
...

在這種情況下，將加載最新版本的腳本文件。但是，您始終可以加載特定 Stimulsoft 軟件包版本的腳本文件。為此，請在 CDN URL 中使用 @ 符號，后跟軟件包版本號。例如：
index.html

...
<script type="text/javascript" src="http://cdn.jsdelivr.net/npm/stimulsoft-reports-js@2025.1.4/Scripts/stimulsoft.reports.js"></script>
<script type="text/javascript" src="http://cdn.jsdelivr.net/npm/stimulsoft-reports-js@2025.1.4/Scripts/stimulsoft.designer.js"></script>
<script type="text/javascript" src="http://cdn.jsdelivr.net/npm/stimulsoft-reports-js@2025.1.4/Scripts/stimulsoft.viewer.js"></script>
<script type="text/javascript" src="http://cdn.jsdelivr.net/npm/stimulsoft-reports-js@2025.1.4/Scripts/stimulsoft.blockly.editor.js"></script>
...

之后，只需定義一個函數來初始化報告查看器：
index.html

...
<script type="text/javascript">
	function onLoad() {
		var report = new Stimulsoft.Report.StiReport();
		report.loadFile('reports/Report.mrt');

		var viewer = new Stimulsoft.Viewer.StiViewer();
		viewer.renderHtml('content');
		viewer.report = report;
	}
</script>

...

<body onload="onLoad()">
	<div id="content"></div>
</body>
...

接下來，我們可以運行該項目。但是，請務必記住，由于瀏覽器的安全策略，瀏覽器無法訪問文件系統。為了確保本地項目正確運行，應使用各種 Web 服務器。例如，您可以全局安裝或，然后從項目根文件夾中的命令行啟動 Web 服務器。在這種情況下，index.html 將使用 Stimulsoft 查看器在瀏覽器中打開。

通過 CDN 連接腳本文件是一種將 Stimulsoft 集成到 Web 應用程序中的簡單快捷的方法。使用和等服務，您可以加載最新或特定版本的腳本文件，而無需將它們存儲在本地。這簡化了開發和部署，同時減少了服務器負載，而不會影響安全性。

現在，按照這些說明，您可以使用 CDN 服務輕松地將報告和數據分析系統集成到您的應用程序中。

————————————————————————————————————————

慧都是Stimulsoft在中國的官方授權代理商，提供Stimulsoft系列產品免費試用，咨詢，正版銷售等于一體的專業化服務。

下載|體驗更多Stimulsoft產品，請咨詢，或撥打產品熱線：023-68661681