提供3000多款全球软件/控件产品
针对软件研发的各个阶段提供专业培训与技术咨询
根据客户需求提供定制化的软件开发服务
全球知名设计软件,显著提升设计质量
打造以经营为中心,实现生产过程透明化管理
帮助企业合理产能分配,提高资源利用率
快速打造数字化生产线,实现全流程追溯
生产过程精准追溯,满足企业合规要求
以六西格玛为理论基础,实现产品质量全数字化管理
通过大屏电子看板,实现车间透明化管理
对设备进行全生命周期管理,提高设备综合利用率
实现设备数据的实时采集与监控
利用数字化技术提升油气勘探的效率和成功率
钻井计划优化、实时监控和风险评估
提供业务洞察与决策支持实现数据驱动决策
原创|使用教程|编辑:龚雪|2021-03-25 10:23:52.910|阅读 524 次
概述:本教程说明如何使用ASP.NET MVC Dashboard扩展来创建仪表板Web应用程序。
# 慧都年终大促·界面/图表报表/文档/IDE等千款热门软控件火热促销中 >>
相关链接:
下载DevExpress v20.2完整版 DevExpress v20.2汉化资源获取
DevExpress拥有.NET开发需要的所有平台控件,包含600多个UI控件、报表平台、DevExpress Dashboard eXpressApp 框架、适用于 Visual Studio的CodeRush等一系列辅助工具。
本教程说明如何使用来创建仪表板Web应用程序。
本节介绍如何使用DevExpress模板库创建MVC应用程序。
1. 在Visual Studio中,创建一个新项目并在开始页面上选择DevExpress v20.2 Template Gallery作为项目模板。
2. 在 DevExpress Template Gallery中,跳转到ASP.NET MVC类别,然后选择Empty Web Application。
3. 跳转到Choose Layout页面然后选择Standard。
4. 然后,跳转到Suites页面,选择Dashboard旁边的复选框,来附加Web Dashboard的样式表和脚本。
点击Create Project。
5. 构建解决方案。
6. 打开Views | Home | Index.cshtml文件,在Code Editor中右键单击所需的位置来显示快捷菜单,然后单击Insert DevExpress MVC Extension... 来调用向导。
7. 在Insert DevExpress Extension向导中,跳转到Visualization标签,然后选择Dashboard并单击Insert。
该向导会自动生成Dashboard扩展的代码。
8. 右键单击App_Data文件夹,然后添加Dashboards文件夹。 在DashboardConfig.cs文件(位于App_Start文件夹中)中,取消对方法调用的注释,并将仪表板存储路径更改为〜/ App_Data / Dashboards。
C#
using System.Web.Routing; using DevExpress.DashboardWeb.Mvc; public class DashboardConfig { public static void RegisterService(RouteCollection routes) { routes.MapDashboardRoute("api/dashboard"); // Uncomment this line to save dashboards to the App_Data folder. DashboardConfigurator.Default.SetDashboardStorage(new DashboardFileStorage(@"~/App_Data/Dashboards")); // ... } }
VB.NET
Imports System.Web.Routing Imports DevExpress.DashboardWeb.Mvc Public Class DashboardDesignerConfig Public Shared Sub RegisterService(ByVal routes As RouteCollection) routes.MapDashboardRoute("api/dashboard") ' Uncomment this line to save dashboards to the App_Data folder. DashboardConfigurator.Default.SetDashboardStorage(New DashboardFileStorage("~/App_Data/Dashboards")) ' ... End Sub End Class
9. 右键单击App_Data文件夹,然后选择Add | Existing Item,并使用以下路径找到nwind.mdb数据库:
C:\Users\Public\Documents\DevExpress Demos 20.2\Components\Data\nwind.mdb
10. 在项目的Web.config文件中指定到添加的数据库连接字符串,如下所示。
XML
<configuration> <connectionStrings> <add name="nwindConnection" connectionString="XpoProvider=MSAccess; Provider=Microsoft.Jet.OLEDB.4.0; Data Source=|DataDirectory|\nwind.mdb;" /> </connectionStrings> </configuration>
注意:请注意,连接字符串应包含XpoProvider参数,该参数取决于所使用的数据库类型。 有关如何为不同的数据库类型指定连接字符串的详细信息,请参见。
11. 在DashboardConfig.cs文件(位于App_Start文件夹中)中,将实例作为方法的参数传递,以允许基于Web.config文件中的连接字符串创建新的数据源:
C#
using System.Web.Routing; using DevExpress.DashboardWeb.Mvc; public class DashboardConfig { public static void RegisterService(RouteCollection routes) { routes.MapDashboardRoute("api/dashboard"); // ... DashboardConfigurator.Default.SetConnectionStringsProvider(new DevExpress.DataAccess.Web.ConfigFileConnectionStringsProvider()); } }
VB.NET
Imports System.Web.Routing Imports DevExpress.DashboardWeb.Mvc Public Class DashboardDesignerConfig Public Shared Sub RegisterService(ByVal routes As RouteCollection) routes.MapDashboardRoute("api/dashboard") ' ... DashboardConfigurator.Default.SetConnectionStringsProvider(New DevExpress.DataAccess.Web.ConfigFileConnectionStringsProvider()) End Sub End Class
12. 现在可以使用设计器应用程序,生成并运行项目。
您的应用程序应如下所示:
13. 有关如何在Web设计器中创建第一个仪表板的说明,请转到 。
创建并保存仪表板后,可以将Dashboard Designer应用程序切换到Viewer模式。
14. 在项目中,打开Views | Home | Index.cshtml文件。
15. 在MvcDashboardFactory.Dashboard helper方法中添加以下代码:
C#
@Html.DevExpress().Dashboard(settings => { settings.Name = "Dashboard"; settings.WorkingMode = DevExpress.DashboardWeb.WorkingMode.ViewerOnly; settings.InitialDashboardId = "dashboard1"; }).GetHtml()
VB.NET
@Html.DevExpress().Dashboard(Sub(settings) settings.Name = "Dashboard" settings.WorkingMode = DevExpress.DashboardWeb.WorkingMode.ViewerOnly settings.InitialDashboardId = "dashboard1" End Sub).GetHtml()
16. 运行应用程序。 ASP.NET MVC仪表板扩展显示〜/ App_Data / Dashboards中的仪表板。
DevExpress技术交流群3:700924826 欢迎一起进群讨论
本站文章除注明转载外,均为本站原创或翻译。欢迎任何形式的转载,但请务必注明出处、不得修改原文相关链接,如果存在内容上的异议请邮件反馈至chenjj@pclwef.cn
文章转载自:慧都网本文探讨 SQL Server 中 NULL 和空值之间的区别,并讨论如何有效地处理它们。
Unity 是一款功能极其丰富的游戏引擎,允许开发人员将各种媒体集成到他们的项目中。但是,它缺少最令人兴奋的功能之一 - 将 Web 内容(例如 HTML、CSS 和 JavaScript)直接渲染到 3D 场景中的纹理上的能力。在本文中,我们将介绍如何使用 DotNetBrowser 在 Unity3D 中将 Web 内容渲染为纹理。
DevExpress v24.2帮助文档正式发布上线了,请按版本按需下载~
本教程将向您展示如何用MyEclipse构建一个Web项目,欢迎下载最新版IDE体验!
行业领先的界面控件开发包,帮助企业构建卓越应用!
DevExpress DXperience Subscription高性价比的企业级.NET用户界面套包,助力企业创建卓越应用!
DevExpress WinForms Subscription为Windows Forms平台创建具有影响力的业务解决方案,高性价比WinForms界面控件套包。
DevExpress ASP.NET Controls多款重量级ASP.NET用户界面组件套包,让您快速开发出完美、强大的应用程序!
DevExpress WPF Subscription高效MVVM开发模式,WPF界面解决方案首选工具,帮助企业实现酷炫动效界面。
服务电话
重庆/ 023-68661681
华东/ 13452821722
华南/ 18100878085
华北/ 17347785263
客户支持
技术支持咨询服务
服务热线:400-700-1020
邮箱:sales@pclwef.cn
关注我们
地址 : 重庆市九龙坡区火炬大道69号6幢