如何保证数据源的安全性呢？

很多时候我们都面临这样一个问题，我们设计的模板最终给别人使用，但是又不希望我们数据源信息被别人看到，是不是很头疼。没关系，办法肯定是有的了。

我们这里有两种推荐方法：
1.设置运行时数据源，那这种情况主要是数据源那里依旧可以被查看和使用，并走我们后端设计的数据源。
那这种方法我们其实有一个以前的教程了：https://gcdn.grapecity.com.cn/fo ... 0&fromuid=65049
那么根据这个就可以实现动态数据源的配置了。

2.那除了这种，还有第二种。主要是我们用户在新建的时候使用模板新建，我们又不希望客户查看到数据源信息，那我们就直接将数据源的可见模块直接删除掉
也就是用户无法自己配置数据源。模板中已经固定好。
那针对这种我们只需要增加一定的设置即可，将DataSources的visible设置为不可见即可，具体代码如下:

1. let viewer = null;
   
2.       let designerOptions = GrapeCity.ActiveReports.WebDesigner.createDesignerOptions();
   
3. 
   
4.       designerOptions.openButton.visible = true;
   
5.       designerOptions.saveButton.visible = true;
   
6.       designerOptions.saveAsButton.visible = true;
   
7. 
   
8.       designerOptions.openViewer = function (options) {
   
9.         if (viewer) {
   
10.           viewer.openReport(options.reportInfo.id);
    
11.           return;
    
12.         }
    
13.         viewer = GrapeCity.ActiveReports.JSViewer.create({
    
14.           locale: 'zh',
    
15.           element: '#' + options.element,
    
16.           documentLoaded: () => console.log('The document is loaded entirely on the server'),
    
17.           reportService: {
    
18.             url: 'api/reporting',
    
19.             onRequest: function (init) {
    
20.               init.headers.Authorization = 'token';
    
21.             }
    
22.           },
    
23.           reportID: options.reportInfo.id,
    
24.         });
    
25.       };
    
26.       designerOptions.language = "zh"
    
27. 
    
28.       GrapeCity.ActiveReports.WebDesigner.renderApplication("ar-web-designer", designerOptions).then((api) => {
    
29.         api.settings.data.dataSources.visible = false
    
30.       })

复制代码

那主要设置就是将api.settings.data.dataSources.visible = false即可
最终预览效果如下: