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

翻譯|行業(yè)資訊|編輯：吉煒煒|2025-02-21 10:46:05.703|閱讀 143 次

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

# 界面/圖表報表/文檔/IDE等千款熱門軟控件火熱銷售中 >>

相關(guān)鏈接：

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

Stimulsoft Reports 最新下載

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

使用 CDN 服務(wù)的主要好處

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

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

用于分發(fā) Stimulsoft 的 CDN 服務(wù)

您可以通過以下服務(wù)訪問腳本文件：

示例項目

首先，讓我們創(chuàng)建一個 HTML 文件作為應(yīng)用程序的入口點。默認情況下，此文件名為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 服務(wù)：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>
...

之后，只需定義一個函數(shù)來初始化報告查看器：
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>
...

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

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

現(xiàn)在，按照這些說明，您可以使用 CDN 服務(wù)輕松地將報告和數(shù)據(jù)分析系統(tǒng)集成到您的應(yīng)用程序中。

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

慧都是Stimulsoft在中國的官方授權(quán)代理商，提供Stimulsoft系列產(chǎn)品免費試用，咨詢，正版銷售等于一體的專業(yè)化服務(wù)。

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