首页 > 编程语言 >B/S端界面控件DevExtreme JavaScript—全新的UI模板库 (v22.2)

B/S端界面控件DevExtreme JavaScript—全新的UI模板库 (v22.2)

时间:2022-08-30 09:33:23浏览次数:84  
标签:控件 Web JavaScript 应用程序 v22.2 DevExtreme API UI 模板

DevExtreme拥有高性能的HTML5 / JavaScript小部件集合,使您可以利用现代Web开发堆栈(包括React,Angular,ASP.NET Core,jQuery,Knockout等)构建交互式的Web应用程序,该套件附带功能齐全的数据网格、交互式图表小部件、数据编辑器等。

DevExtreme v22.1正式版下载

DevExtreme正式版包括:

  • 一组 70 多个功能丰富的 UI 组件。
  • 生产力工具,例如 ThemeBuilder 和 CLI 工具。
  • 一组响应式应用程序模板。

在我们的下一个版本中,将使用一组响应式 UI 模板来扩展组件库的功能,这些即用型UI“块”将使您能够将精力集中在应用程序逻辑上,并最大限度地减少在应用程序UI设计上花费的精力。

本博文中包含的信息详细介绍了我们当前/预计的发展计划,请注意,此信息仅供参考,并不代表Developer Express Inc的约束性承诺。

什么是响应式UI模板?

您可以将响应式UI模板视为现代业务线 (LOB) 应用程序(一组常见的UI模式/UX 工作流)中使用的通用视图布局。

为了更好地了解整体需求/要求并将相关的 UI 模板推向市场,官方去年对用户进行了调查,客户反馈将最初的工作重点放在以下应用类别上:

  • CRM
  • 项目/任务管理和计划
  • BI 和分析仪表板

每个应用程序类别都可以使用通用视图/屏幕,产品团队将为某些UI模板引入多种变体,您可以复制/粘贴整个视图或只是一个片段,并根据需要进行调整。(UI模板被分解成更小的可重用组件,您可以复制/粘贴并“按原样”使用)

注意:UI模板将具有响应性,并将针对桌面和移动设备。 所有UI模板都构建在DevExtreme的响应式组件集之上,并利用了目标框架的自适应特性。

DevExtreme v22.2新版UI模板库 DevExtreme v22.2新版UI模板库 DevExtreme v22.2新版UI模板库
后端API呢?

过去,产品团队尽最大努力创建功能齐全的“real-world” 应用程序演示(带有底层业务逻辑),这种方法有几个主要缺点:

  • 在许多情况下,我们的业务逻辑无法重用,业务工作流程各不相同。
  • 复杂的业务逻辑使得理解演示源代码并将其集成到实际应用程序中变得更加困难。
  • 花费资源实施“虚假”工作流程,没有解决需求/要求。

考虑到这些缺点,产品团队决定让UI模板尽可能简单(就后端复杂性而言)。未来的版本仅使用演示后端 API 来使用示例数据填充 UI 模板,在某些情况下,我们可能会实现原始操作(例如 CRUD 操作)。底线是——您只需复制/粘贴适当的 UI 模板,将其绑定到数据,并在后端实现必要的业务逻辑。

注意:如果您的后端 API 以 .NET 为目标,请务必查看 Web API 服务并立即注册您的免费副本。 解决方案向导构建了一个 OData v4 Web API 服务 (.NET 6),它具有由 EF Core 5 和我们的 XPO ORM 库提供支持的集成授权和 CRUD 操作。 您可以使用 OAuth2、JWT 或自定义身份验证策略以及 Postman 或 Swagger (OpenAPI) 等工具进行 API 测试,内置的 Web API 服务还根据授予用户的权限过滤出受保护的服务器数据。

支持哪些目标 UI 平台?

在v22.1发布周期中,产品团队在GitHub上发布了一些Angular UI模板(作为预览),现在产品团队将UI模板集扩展到React/Vue并将新模板添加到未来的发行版中。

注意:正在考虑支持其他平台,例如 jQuery 或 ASP.NET Core。

分发 - UI模板库

产品团队计划在官网的演示部分发布所有 UI 模板,您将能够在独立的演示应用程序中实时试用、查看和复制/粘贴源代码、切换主题和预览模板。产品团队还将为每个模板添加描述 - 简要说明其目的结构和潜在的业务工作流程。

DevExtreme v22.2新版UI模板库

DevExpress技术交流群6:600715373      欢迎一起进群讨论

更多DevExpress线上公开课、中文教程资讯请上中文网获取

标签:控件,Web,JavaScript,应用程序,v22.2,DevExtreme,API,UI,模板
From: https://www.cnblogs.com/AABBbaby/p/16638163.html

相关文章

  • 按钮控件Button
    Button由TextView派生而来,它们的区别有以下几点Button有默认的按钮背景,TextView默认无背景Button中的文本默认居中显示,TextView中的文本默认靠左显示Button中文本默认......
  • 你对 JavaScript 中的变量了解多少?
    你知道多少JavaScript中的变量?昨天,当我搞砸了变量时,我正在研究我的开尔文天气项目。该项目需要声明许多变量以将温度程度从一个更改为另一个。因此对于像我这样的Roo......
  • Javascript 中的内存引用
    Javascript中的内存引用Photoby哈里森布罗德本特on不飞溅在本文中,我将尝试通过一个示例练习来解释Javascript中的内存引用是如何处理的,我认为这可以更好地展示......
  • 个人对 JavaScript 闭包的理解
    作用域的概念同级作用域在一个作用域中声明相同名称的变量会发生变量名冲突的问题。假如在作用域A中声明一个变量a,作用域B也声明一个变量a,两个作用域的变量都互不......
  • tp+javascript 输入框/绑定邮箱
    添加数据库and绑定邮箱!!! 实现效果:  数据库设计:CREATETABLE`o_my_resume`(`id`int(11)NOTNULLAUTO_INCREMENT,`name`varchar(255)NOTNULLCOMM......
  • javascript中的constructor
    1.使用constructor   constructor是Object类型的原型属性,它能够返回当前对象的构造器(类型函数)。利用该属性,可以检测是否复合类型数据的类型,如对象,数组和函数等。v......
  • JavaScript设计模式及代码实现——单例模式
    单例模式1定义保证一个类仅有一个实例,并提供一个访问它的全局访问点。2应用时机当一个类的实例被频繁使用,如果重复创建这个实例,会无端消耗资源。比如dialog弹......
  • 了解异步 JavaScript
    了解异步JavaScriptphotofromunsplash介绍我发现异步JavaScript是大多数初学者最容易混淆的概念之一。我也不容易掌握。虽然我看了很多教程,也阅读了很多关于它的......
  • 为什么在Javascript中声明之前可以访问变量?
    为什么在Javascript中声明之前可以访问变量?毫无疑问,当今最常用和最著名的语言之一是JavaScript,如今它无处不在,我们可以创建Web应用程序和系统,在后端开发API并创建移......
  • JavaScript--关于this
    一、为什么会有this的出现  “this关键词是JS中最复杂的机制之一,它是一个很特别的关键字,被自动定义在所有函数的作用域中”根据凯尔辛普森的书中描述,刚开始阅读时我对......