【ActiveReports18】报表服务后端程序

登录

本帖最后由 Eden.Sun 于 2024-6-27 12:24 编辑

最近收到一些小伙伴的反馈，根据ActiveReports 18 新特性-更便捷的WEB集成实现的项不能实现报表预览、创建等功能。这里说明一下上面的教程只是实现了一个VUE的前端内容，只有web页面上的展示，并没有建立对应的后端的服务，所以只有页面样式效果，没有实际的报表功能。今天，我们继续介绍为前端的VUE项目创建后端服务。

按照ActiveReports 18 新特性-更便捷的WEB集成中的说明创建项目之后，前端页面可以正常显示，但是所有需要与后端服务交换数据的服务都是用不了的。

所以我们需要添加一个后端服务，其实在创建项目的时候，后端服务程序也一起创建了。就是代码中的 VueApp.Server 工程

首先是找到 VueApp.Server 中的 launchSettings.json 配置文件，然后找到里面的 profiles 设置：

默认生成的里面有配置示例，分别是http和https类型的，基本大同小异，我们根据项目的类型进行修改，比如我发布的是 http 类型的项目，就把 https 的配置项删掉，然后调整发布的ip、端口等内容：

然后上面的ip、端口在 vueapp.client 中刚才添加的 WebDesigner.vue 项目中进行配置：

因为使用的是不同的端口，所以运行时可能会遇到跨域的问题：

遇到这个也不要慌，在后端代码 Program.cs 中设置允许跨域就行：
先安装一个跨域的包：Microsoft.AspNetCore.Cors

然后在 Program.cs 文件中增加支持跨域的代码：

至此，我们的一个完整的前后端分离的项目就彻底完成了：

附件是项目工程，大家可以参考。

		自动登录	找回密码
密码			立即注册

[ActiveReports] 【ActiveReports18】报表服务后端程序

本帖子中包含更多资源

0 个回复

Wyn高级认证

Wyn认证