Kendo UI 是Telerik推出的一套based on jQuery 的 Framework,提供了很多控件(Menu 、Grid 、Combox等...), 底层以Html5 + jQuery...相关介绍可以参考AJAX式数据清单的新选择-Kendo UI Grid。...以下内容参考中国台湾的黑老大的文章:在ASP.NET MVC 4中使用Kendo UI Grid 建立一个ASP.NET MVC 4专案 使用NuGet安装KendoUIWeb及KendoGridBinder...UI,需要载入必要的JS及CSS,编辑App_Start/BundleConfig.cs,加入以下程序: bundles.Add(new ScriptBundle("~/bundles...Kendo UI的.css及图图片被放在~/Content/kendo/2012.1.322/下,理论上StyleBundle应设成"~/Content/kendo/2012.1.322/css”,才能引导浏览器到该目录下取用图文件
2、UI for ASP.NET Core 3、UI for ASP.NET AJAX 4、UI for ASP.NET MVC 5、Kendo UI for jQuery 6、Kendo UI for...02、复杂的用户界面功能 只需几行代码即可添加高级组件,例如数据网格、图表、调度程序和日历。每个都是为性能和可定制性而设计的。...探索KENDO UI库 Kendo UI是为jQuery、Angular、React和Vue原生构建的四个 JavaScript UI 库的捆绑包。...01、Kendo UI for Angular Kendo UI for Angular提供的组件可以满足所有应用程序对数据处理、性能、用户体验、设计、可访问性等方面的要求。...03、Kendo UI for Vue 原生 Vue.js 数据网格、图表、表单输入以及您需要立即构建现代 UI 的所有其他内容 04、Kendo UI for jQuery 不断更新和改进的jQuery
这里主要记录下asp.net core web页面上进行导入导出excel的操作。 主要是导入,因为现在使用的很多前端框架(例如kendo ui)本身就有导出的功能。...这里使用到EPPlus.Core,其实对于excel的导入导出还可以使用NPOI, 这里讲解EPPlus的方式 1.创建asp.net core web (mvc)项目 效果图如下 ?...Path.Combine(sWebRootFolder, sFileName)); try { //把excelfile中的数据复制到...,并且把缓存中的数据输出到file } using (ExcelPackage package = new ExcelPackage(file...Core 导入导出Excel xlsx 文件 导出Excel <!
Kendo UI Kendo UI是一组JavaScript库,它包含大量组件,从数据网格和图表到调度器、下拉菜单,甚至是按钮。...Kendo UI Chart 现在我们来用Kendo UI绘制同样的图表。这真的很复杂(我开玩笑)。基本上我们要做的就是告诉它什么类型的图表和数据是什么。...注意,我们不需要告诉Kendo UI图表我们的最大Y轴应该是多少。它查看数据,四舍五入,并选择一个合理的使用范围。同样地,我们没有告诉它关于X轴的任何东西——它只是计算数据点的数量并相应地缩放。...这是两个库之间不同方法的一个很好的例子。D3只做“我说的”。它假设如果我想要网格线,我会告诉它使用网格线。Kendo UI假设我想绘制一个有用的和令人愉快的图表。它假设了我想要什么。...它假设如果我想要网格线,我会告诉它使用网格线。剑道UI假设我想绘制一个有用的和令人愉快的图表。它假设了我想要什么。
Visual Studio.net 2013 asp.net MVC 5 Scaffolding代码生成向导开源项目 提高开发效率,规范代码编写,最好的方式就是使用简单的设计模式(MVC , Repoistory...每个小型的软件公司似乎都有自己的基础开发平台,大部分都是基于数据字典+模板动态生成CRUD的操作页面;一般的项目80%代码都可以通过模板生成但并不意味着可以缩短80%的项目开发时间,毕竟很多的业务操作还是要根据用户的需求去定制开发还是需要不少时间去理解和开发的...UI (Presentation) Layer ASP.NET MVC - (Sample app: Northwind.Web) Kendo UI - (Sample app: Northwind.Web...Metadata原数据类也是通过向导生成必要验证规则 ? 也可以很方便修改 Repoistories,Services 代码结构 ? ? ?...首先项目要通过nuget安装Unity boostrapper for asp.net mvc ? 把创建的Repoistory,Service类注册进去 运行调试 ?
项目中的一个功能是将数据导入到Excel文件中,这里使用NPOI操作Excel,代码如下: public class Excel : IDataTransfer { public Stream...(dataStream, "application/ms-excel") { FileDownloadName = "exportInfo.xlsx" }; 整个功能的实现并没有太大难度,这里有一点需要注意就是...Excel类中的protected virtual Stream ExportData(string[] titles, List[] dataSource)方法,这个方法返回一个流,流中包含要导出的数据...方法的倒数第二行:stream.Position = 0;,这里需要特别注意,将数据写入流中之后,流的位置在最末端,我们要将流的位置重置到起始位置,否则无法读取流中的数据,也就无法导出流中的数据了。...参考文章: asp.net MVC4.0 将数据 导出 excel 表格 MemoryStream类 版权声明 本文为作者原创,版权归作者雪飞鸿所有。
数据切片器和智能过滤器(DataFilter and Slicer) C1DataFilter控件结合了切片器和智能过滤器UI,使用户可以根据自定义标准过滤数据。...计划在明年开始审查并增强 ComponentOne 的BarCodes,PDFDocumentSource和Excel库。...管理重叠DataLabel和AxisLabel的智能行为 添加分组AxisLabels的功能 添加更多专业性的图表类型 FlexChart的性能基准测试示例 ASP.NET MVC 界面控件 ASP.NET...目前,ComponentOne 已经在ASP.NET Core MVC中为RazorPages添加Project和Item模板。...FlexSheet Excel 中的网格和工作表支持将添加到FlexSheet中,您将能够通过客户端和服务器端的API进行添加、删除和格式化工作表的操作。
我们不仅可以创建相应的模板来根据Model元数据控制种类型的数据在UI界面上的呈现方法,还可以通过一些扩展来控制Model元数据本身。...在某些情况下通过这两者的结合往往可以解决很多特殊数据的呈现问题,我们接下来演示的实例就是典型的例子。[本文已经同步到《How ASP.NET MVC Works?》...二、ListItem与ListProvider 现在对体现在上面演示实例的基于列表数据的UI定制的设计进行简单地介绍。...MVC的Model元数据与Model模板:预定义模板 ASP.NET MVC的Model元数据与Model模板:模板的获取与执行策略 ASP.NET MVC的Model元数据与Model模板:将ListControl...引入ASP.NET MVC
ParamQuery是一种轻量级的jQuery网格插件,基于用于用户界面控制、具有一致API的优秀设计模式jQueryUI Widget factory创建,能够在网页上展示各种类似于Excel和Google...Spreadsheet效果的网格。...使用ParamQuery,开发者可以轻松地实现以下特性: 排序 分页浏览 可以调整数据栏的大小 可以调整表格的高度和宽度 自定义主题 隐藏或显示列 像Excel那样冻结任意多列 显示任意数据源格式...,像HTML、数组、XML、JSON等 可以用于任意服务端框架,像ASP.NET、MVC3、JSP、JSF、PHP等等 虚拟滚动和渲染 直接编辑单元格 在所有主流浏览器(IE 6+、Firefox...原文地址:轻量级jQuery网格插件——ParamQuery An Example to Use jQuery Grid Plugin in MVC - Part 1
的Model元数据提供机制及其扩展。...[本文已经同步到《How ASP.NET MVC Works?》...中] 一、 ModelMetadataProvider 在ASP.NET MVC的Model元数据相关的应用编程接口中,用于创建Model元数据的ModelMetadataProvider接继承自抽象类...在ASP.NET MVC的元数据解析系统中使用的ModelMetadataProvider最终通过类型ModelMetadataProviders获取。...三、对Model元数据提供系统的扩展 对Model元数据提供系统的扩展主要体现在对ModelMetadataProvider自定义上。
最近在做项目,这几天遇到的问题要用到几个数据转换,特此记录一下。...1.DataTable转换为XML的三种方式 public static string DataTableToXml(this DataTable dt) {...////第一种 返回的XML字符串比较干净,DataTable行中数据为空的没有写入到XML字符串中 System.IO.TextWriter tw = new System.IO.StringWriter...////根据ms实例化XmlWt XmlWt = new XmlTextWriter(ms, Encoding.Unicode); ////获取ds中的数据...ucode.GetString(temp).Trim(); return returnValue; ///第三种 返回的XML
[本文已经同步到《How ASP.NET MVC Works?》...所谓模板方法,就是说我们在通过调用这些方法将代表Model的数据呈现在View中的时候,并不对最终呈现的UI元素进行显失地控制,而采用默认或者指定的模板来决定最终呈现在浏览器中的HTML。...HiddenInputAttribute并没有定义在System.ComponentModel.DataAnnotations命名空间下,它的命名空间为System.Web.Mvc,所以该特使是专门为ASP.NET...“HiddenInput”为ASP.NET MVC自身定义的一个默认模板名称,也就是说当目标元素应用了HiddenInputAttribute特性,这个默认模板别用来实现对其的UI呈现。...MVC Model元数据及其定制: 初识Model元数据 ASP.NET MVC Model元数据及其定制: Model元数据的定制 ASP.NET MVC Model元数据及其定制
以下讲解Kendo UI的几件事情以及如何使用Kendo UI来创建炫酷的交互元素。 首先这些组件是由Telerik开发的。...除了Kendo UI的web应用方面,这个框架的一些分支还可以用于Android和iOS。 另外,Kendo UI是使用AngularJS的组件集成的。...这是一个使用UI元素从头创建的完整系统,能够完美匹配你的Angular项目。如果你想要使用Angular,那么Kendo UI已经支持了。 需要注意的是,Kendo UI不是一个免费的框架。...Wijmo提供了广泛的控件,并支持多个JS框架,如React,Angular和Vue。 Wijmo支持一系列控件,其中大多数都集中在数据可视化和输入方面,如图表,仪表,输入控件和网格控件。...Webix为开发人员提供了一种快速简便的构建常见UI元素的方式。它包含了一系列数据可视化、布局、导航和编辑控件。
增加图表动画效果 ASP.NET MVC:提供配置向导选项,以更方便的方式配置控件 WinForm 平台新增功能汇总 全新的材料主题设计器 本次更新,除了添加 Material,Material Dark...您可以从数据源直接创建过滤器,支持自动生成和手动创建。此外,其基于手风琴面板的 UI 设计还可以附加到共享数据源或插入信息屏幕的任何控件中使用。...它通常嵌入在数据网格中。因此,FlexGrid 现在可以在列中显示迷你图,并可以更容易地在 FlexGrid 单元格中绘制趋势图。...如同 Office 365 一样,这个新控件将以更直白的方式显示工具栏 UI,并提供单行折叠状态和三行带状外观设置。 您可以自定义功能区的样式以及要包含的各类按钮。...,支持 WinForm,WPF,UWP,ASP.NET MVC 等七个 .NET开发平台,具备表格数据管理、数据可视化、报表和文档、日程安排、输入和编辑、导航和布局、系统提升工具等七大功能,满足企业 .
ASP.NET MVC – 用于构建动态Web站点的模型视图控制器框架,包括合并的MVC,Web API和带Razor的Web页面。...ASP.NET-MVC-Template – 用于ASP.NET MVC 5和ASP.NET Core的即用型模板,其中修复了存储库,服务,模型映射以及DI和StyleCop警告。...kendo-ui-core – 一个基于jQuery的HTML5小部件库,用于构建现代Web应用程序。http://www.telerik.com/kendo-ui。...Serenity – Serenity是一个ASP.NET MVC / TypeScript应用程序平台,旨在通过基于服务的体系结构简化和缩短以数据为中心的业务应用程序的开发。...电子商务和支付 nopCommerce – 免费的开源电子商务购物车(ASP.NET MVC / ASP.NET核心MVC),拥有庞大的社区和充满新功能,主题和插件的市场。
这里我抛出一个实际项目中遇到的陷阱,先简单交代一下故事背景:SpreadJS产品有一个Excel IO部件,是一个ASP.NET MVC Web API(MVC4)应用,用来导入Excel文件到SpreadJS...很长一段时间工作正常,直到某一天有一个“大神”级的客户反馈他在使用Excel IO过程中会一定几率随机出现导入失败,具体的表现是在返回的JSON数据中提示有IO错误,好吧,附上用户场景的代码片段(略去了脚本引用...看来前面的分析是对的,文件在特定 情况不可用,但是为什么不可用呢?从上面的IO异常信息可以看出,这个文件是ASP.NET临时保存的上传文件。..._bufferSize, FileOptions.Asynchronous); 这里调用GetLocalFileName来获取临时文件名,很清楚的使用了Guid.NewGuid()来保证文件名永远不会重复...参考示例工程代码:下载地址 更新补充:在ASP.NET MVC 5中重写了ReadAsMultipartAsync所在的整个类,已经修复了这个问题(至少我试过同时1000次毫无压力),参考示例中AsyncIoTrap_v5
由于ASP.NET MVC是采用数据类型作为匹配条件来寻找对应的模板的,所以我们需要将分部模板View命名为Boolean。...UI界面上的HTML呈现方式,实际上在ASP.NET MVC的内部还定义了一系列的预定义模板。...." /> 值得一提的是,ASP.NET MVC内部采用基于类型的模板匹配机制,对于字符串类型的数据成员,如果没有显式设置采用的模板名称,默认情况下会采用String模板。...MVC的Model元数据与Model模板:预定义模板 ASP.NET MVC的Model元数据与Model模板:模板的获取与执行策略 ASP.NET MVC的Model元数据与Model模板:将ListControl...引入ASP.NET MVC
使用ASP.NET MVC做开发时,经常需要在页面(View)和控制器(Controller)之间传递数据,那么都有哪些数据传递的方式呢?...{ set; get; } } 修改Action的代码如下: public void GetValue(User user) { } 然后运行程序,可以看到MVC以将表单中的数据映射为User类实例的属性值...对于这样的一个Action,如果是Post请求,MVC会尝试将Form(注意,这里的Form不是指html中的表单,而是Post方法发送数据的方式,若我们使用开发者工具查看Post方式发送的请求信息...,会看到Form Data一栏)中的值赋值到Action参数中,如果是get请求,MVC会尝试将QueryString的值赋值到Action参数中。...参考文章: 玩转Asp.net MVC 的八个扩展点 版权声明 本文为作者原创,版权归作者雪飞鸿所有。 转载必须保留文章的完整性,且在页面明显位置处标明原文链接。 如有问题, 请发送邮件和作者联系。
YiShaAdmin:基于.NET Core Web(mvc,缓存,多库)开发管理系统。 OrchardCore:在 ASP.NET 核心上构建模块化、多租户应用程序的应用框架。...Adnc:一个轻量级的.Net Core微服务开发框架。 OXITE:微软ASP.NET MVC案例演示框架。 PetShop:微软ASP.NET宠物商店。...Orchard:国外一个MVC开源的博客系统。 SSCLI:微软在NET Framework 2.0时代的开源代码。 DasBlog:国外一个基于ASP.NET的博客系统。...Cassini、IIS Express和Cassinidev:开源的ASP.NET执行环境。 Katana:微软基于OWIN规范实现的非IIS寄宿ASP.NET和MVC等。...桌面应用程序框架 DevExpress:一个全球知名的桌面应用程序UI控件库。
Titanium使用 Alloy,Alloy是一个快速开发的手机应用MVC框架, 模块式开发可以大大减小开发时间,提高代码复用。 Titanium studio 还提供了一些code模板。...美丽的用户界面组件和丰富的数据管理,全部基于最新的HTML5和CSS3的 WEB标准,全面兼容Android和Apple iOS设备。...提供了强大的数据包,通过Ajax、JSONp、YQL等方式绑定到组件模板,写入本地离线存储。...Kendo UI Telerik’s Kendo UI 是一个强大的框架用于快速HTML5 UI开发。基于最新的HTML5、CSS3和JavaScript标准。...Kendo UI包含了开发现代JavaScript开发所需要的所有一切,包括:强大的数据源,通用的拖拉(Drag-and-Drop)功能,模板,和UI控件。
领取专属 10元无门槛券
手把手带您无忧上云