[科技界] 创建您的 ActiveReports Web端在线报表设计器

Activereports web端在线报表设计器正式上线！看到这么帅又实用，要不要自己创造一个？

现在我们将教你如何创建一个简单的activereports web端在线报表设计器(文末有一个示例源代码，请下载并体验一下)，如果你想体验activereports在线报表设计器的所有功能；

要了解更多关于activereports的信息，请访问官方网站(https://www . grapecity/developer/active reports)。

请登录activereports官网，点击Online Report Designer菜单(https://www . grapecity/developer/active reports/Designer)。

打开vs，然后创建一个asp的空项目。的. net空web应用程序。net framework 4.6.2

选择引用，然后右键单击>:>;管理nuget包>:>。点击

选择浏览，然后在查询框中输入nunit并单击安装

在查询框中输入微软ASP.NET MVC，点击安装，然后选择我接受

在查询框中输入owin，然后单击安装

在“查询”框中输入microsoft.owin，单击“安装”，然后选择“我接受”

在“查询”框中输入microsoft.owin.host.systemweb，单击“安装”，然后选择“我接受”

在“查询”框中输入“静态文件”，单击“安装”，然后选择“我接受”

在查询框中输入Microsoft . owin . files systems，如果显示已安装，则跳过此步骤。

添加参考

添加以下引用，引用的具体路径:

c:\程序文件(x86)\公共文件\图形\活动报告13

添加如下参考:

grapecity . active reports . aspnet . viewer

grapecity . active reports . aspnet . designer

grapecity . active reports . core . diagnostics

grapecity . active reports . core . rdl

向项目添加新文件

用以下代码替换新的startup.cs代码:

在项目中创建一个资源文件，然后将报表文件、主题和图片放入该文件中。为方便起见，您可以将web online报表设计器源代码中的整个资源文件直接分配并粘贴到当前项目中，然后选择资源中要包含在项目中的所有文件

源代码路径:

c:\ users \ * * * * * * * \ documents \ grapes samples \ active reports 13 \ web \ web designer _ MVC

在此路径下，c:\ program files(x86)\ greetition \ active reports 13 \ deployment \ web designer文件夹在64位windows上。

复制web.config以替换项目中现有的web.config文件。请注意需要删除web.config中的以下配置。

在项目中创建新的wwwroot文件，然后在其中添加以下文件

向项目添加新的html页面

在项目中打开索引页面，并按如下方式修改其内容

最终运行结果:

如果要打开编辑界面，它不是一个空白页，而是一个现有的报告。

首先，您需要在index的createdesigneroptions()函数之后添加

myreport.rdlx报表是项目资源中存在的报表文件，否则将找不到并显示报表路径。

添加css文件

添加js文件

复制以下内容

替换

至此，已经成功创建了一个简单的activereport在线报表设计器，最终运行结果如下:

>。>。单击下载网站设计器示例

(http://www.grapecity/downloads/demo/webdesignersample.zip)

>。>。本文中的代码很长，因此您可以单击此处查看

(https://www . grapecity/blogs/create-your-active report-web-report-designer)

授权开发者！葡萄城公司成立于1980年，是世界领先的软件和服务提供商，集成了开发工具、商业智能解决方案和管理系统设计工具。Xi安葡萄城是其在中国的分公司，为全球市场提供软件R&D服务，为中国企业信息化提供国际先进的开发工具、软件和R&D咨询服务。葡萄城的控件和软件产品在国内外获得了无数奖项，并被世界各地成千上万的企业、学校和政府机构广泛使用。