概述
ActiveReports Web端在线报表设计器已经正式上线!看到它这么帅气、实用,你是不是也想自己动手创建一个?
现在我们就来教您,如何创建一个简单的 ActiveReports Web端在线报表设计器(文末有示例源码,请大家下载体验),如您想体验ActiveReports 在线报表设计器的全部功能;
了解更多ActiveReports,可前往官网(https://www.grapecity.com.cn/developer/activereports)查看。
请登录 ActiveReports 官网,点在线报表设计器菜单(https://www.grapecity.com.cn/developer/activereports/designer)。
创建步骤
打开VS,然后创建一个 .Net Framework 4.6.2的ASP .NET Empty Web Application的空项目
选中引用,然后右键>> 管理NuGet程序包 >>点击
选择“浏览”,然后在查询框中输入” Nunit”, 点击安装
在查询框中输入“Microsoft ASP.NET MVC”,点击安装,然后选择“我接受”
在查询框中输入“OWIN”,点击安装
在查询框中输入” Microsoft.Owin” ,点击安装,然后选择“我接受”
在查询框中输入“ Microsoft.Owin.Host.SystemWeb”,点击安装,然后选择“我接受”
在查询框中输入“ Microsoft.Owin.StaticFiles”,点击安装,然后选择“我接受”
在查询框中输入“ Microsoft.Owin.FileSystems”,如果显示“已安装”,则跳过此步骤
添加引用
添加如下引用,引用的具体路径:
C:\Program Files (x86)\Common Files\GrapeCity\ActiveReports 13
添加引用如下:
GrapeCity.ActiveReports.Aspnet.Viewer
GrapeCity.ActiveReports.Aspnet.Designer
GrapeCity.ActiveReports.Core.Diagnostics
Grapecity.ActiveReports.Core.Rdl
在项目中新添加一个新的文件
在新的 Startup.cs 的代码替换如下代码:
在项目中创造一个’resourse’ 的文件,然后在可以在这个文件里放报表文件、主题、图片。为了方便你可以直接把web在线报表设计器源码里的 ’resourse’整个文件直接赋值粘贴到你当前的项目中,然后把 ’resourse’ 里的所有文件都是全部选择包含在项目中
源码路径:
C:\Users\******\Documents\GrapeCitySamples\ActiveReports 13\Web\WebDesigner_MVC
在该路径下C:\Program Files (x86)\GrapeCity\ActiveReports 13\Deployment\WebDesigner folder on 64-bit Windows.
复制 Web.Config 去替换项目中的已存在的 Web.Config 文件,注意需要移除Web.Config 中的如下配置。
handlers>
在项目中新建一个 ’ wwwroot’ 文件,然后再在里面添加如下文件
baseServerApi.js
web-designer.css
web-designer.js
vendor
在项目中新添加一个新的 HTMLpage
在项目中打开 index页面,然后修改其内容,如下所示
最后运行结果:
如果你想打开的编辑界面,不是一个空白的页面,而是一个已经存在的报表。
首先你需要在index.html的 createDesignerOptions() 的 (种类)根据标准的不同,手表可以分为许多不同的种类。在社交场合,人们一般都是依据价格来区分其种类的。按照这个标准,手表可被分为豪华表、高档表、中档表、低档表等四类。以时价而论,豪华表价格在5000元以上,高档表在1000~5000元之间,中档表在200~1000元之间,低档表在200元以下。选择手表的具体种类时,首先要量力而行,不要作力不从心的事。另外,还要同时顾及个人的职业、露面的场合、交往的对象和同时所选用的其它服饰等一系列相关因素。 (形状)手表的造型往往与其身价、档次有关。在正式场合所戴的手表,在造型方面应当庄重、保守,避免怪异、新潮。男士,尤其是位尊者、年长者更要注意。造型新奇、花哨的手表,仅适用于少女及儿童。一般而言,正圆形、椭圆形、正方形、长方形以及菱形手表,因其造型庄重、保守,适用范围极广,特别适合在正式场合佩戴。函数后面添加
designerOptions.reportInfo.id=”MyReport.rdlx”;
”MyReport.rdlx”报表是在项目’resources’中存在的报表文件,不然就会找不到报表路径,显示不出来。
添加 css 文件
添加 JS 文件
复制下面的
替换 index.html 中原来的
< div id=”designer-id” style=”width: 100%; height: 100%;”>div> < div id=”save-as-dialog-id” style=”position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: none; z-index: 9999;”>div>
替换 index.html中的
百万人收藏的手表知识大全,一篇带你脱离新手的腕表知识大全木质表壳由于木质对温度与湿度的需求较金属来说较为严苛,木质外壳的钟表多是处在相对稳定的环境中,比如大型的座钟与挂钟。所以在手表时代木质表壳非常鲜见,但对于这一另类材质,来自意大利的WEWOOD却是颇具心得。从品牌名字中我们就可以看出,WEWOOD所生产的都是完全由环保材质打造的纯木手表。凭借着木料的天生特性,WEWOOD木质手表比起传统手表要轻盈得多,一般都在40g左右。此外,虽然受限于环境等因素木质表壳可能较易损坏,但好在价格低廉,还是很具性价比的。百万人收藏的手表知识大全,一篇带你脱离新手的腕表知识大全奶酪表壳对!你没有看错,奶酪都可以制作表壳。亨利慕时不仅提出了这一疯狂的想法,还将其变成了现实。
原创文章,作者:leping,如若转载,请注明出处:https://www.zhjiashun.com/zjsb-154763.html