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

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

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

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

相關(guān)鏈接：

Stimulsoft Ultimate （原Stimulsoft Reports.Ultimate）是用于創(chuàng)建報(bào)表和儀表板的通用工具集。該產(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 的過程。主要重點(diǎn)是通過 CDN 服務(wù)連接腳本文件。這樣可以輕松地將必要的腳本集成到 HTML 頁面中，而無需在本地下載它們。

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

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

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

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

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

示例項(xiàng)目

首先，讓我們創(chuàng)建一個(gè) HTML 文件作為應(yīng)用程序的入口點(diǎn)。默認(rèn)情況下，此文件名為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 軟件包版本的腳本文件。為此，請(qǐng)?jiān)?CDN URL 中使用 @ 符號(hào)，后跟軟件包版本號(hào)。例如：
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>
...

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

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

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

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

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

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

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