Web应用界面好帮手！DevExtreme React和Vue组件全新功能上线

最新推荐文章于 2023-10-01 22:38:01 发布
最新推荐文章于 2023-10-01 22:38:01 发布
阅读量871 收藏
点赞数
文章标签： DevExtreme Web开发
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/AABBbaby/article/details/101679749
版权

行业领先的.NET界面控件DevExpress 正式发布了v19.1版本，本文将主要介绍DevExtremev19.1中React组件响应式应用程序布局模板及CLI工具、本地React图表，和Vue组件的一些新功能等。欢迎下载v19.1试用，点击立即下载>>

React组件

响应式应用程序布局模板和CLI工具

全新的React Application Layout模板基于DevExtreme Drawer组件，并与DevExtreme CLI工具集成。 它可以在台式机、平板电脑和手机设备上使用。

DevExpress v19.1新版亮点

CLI工具-React应用程序和视图生成

v19.1引入新的CLI工具，现在您可以引导与DevExtreme紧密集成的基于create-react-app的应用程序。DevExtreme CLI利用全新的React Application Layout Template和build-time主题功能，您还可以生成空的React视图并将其添加到应用程序导航和路由中。

Native React Grid-使用远程数据进行虚拟滚动：延迟加载

使用远程数据时，为网格添加虚拟滚动支持。现在当使用大型选择数据集时，网格更加灵敏且高效（渲染时仅从服务器请求可见数据范围）。

DevExpress v19.1新版亮点

Native React Scheduler-拖放支持

现在，您可以通过拖放和调整大小操作来修改约会的开始/结束日期和时间。

DevExpress v19.1新版亮点

Native React Chart-滚动和缩放

DevExpress v19.1新版亮点

DevExpress v19.1新版亮点

Vue组件

响应式应用程序布局模板和CLI工具

Vue的响应式应用程序布局模板

v19.1引入一个新的Vue应用程序布局模板，该模板使用Drawer组件创建应用程序导航和内容，同时还将该模板集成到了DevExtreme CLI工具中。

在为台式机，平板电脑和移动设备开发应用程序时，可以使用该布局模板。

DevExtreme CLI-Vue应用和视图生成

现在您可以引导与DevExtreme紧密集成的基于Vue CLI的应用程序，DevExtreme CLI使用新的Vue应用程序布局模板和build-time主题，您还可以生成空的Vue视图，并将其添加到应用导航和路由中。

DevExpress v19.1新版亮点

===============================================================

DevExpress v19.1全新发布，最新动态请持续关注DevExpress中文网！

DevExpress中文网官网QQ群：540330292      欢迎一起进群讨论

扫描关注DevExpress中文网微信公众号，及时获取最新动态及最新资讯

DevExpress中文网微信

界面开发小八哥
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
代码生成器自动生成DevExpress数据界面
03-13
[原创] 基于动软代码生成器，自己做的2个模板，选择数据库的一个表（视图、存储过程）后，可以自动生成devexpress的gridview数据列，也可以生成单行编辑时的界面，大大节省时间并避免错误。 需要：动软代码生成器、devexpress控件，winform界面 用法： 创建一个xtraform窗口后，把 #region Windows Form Designer generated code 的代码以及其后的代码删除，用代码生成器生成的脚本替换即可。
vue-react：在Vue应用程序中将React组件用作Vue组件
02-04
虚拟React vue-react是Vue.js的插件，它使您可以像使用Vue组件一样使用React组件。 安装 npm npm install vue-react --save 如果尚未安装，请安装react和react-dom软件包。 还安装babel插件。 npm install react react-dom babel-plugin-transform-react-jsx --save 将插件添加到您的.babelrc文件中： { " plugins " : [ " transform-react-jsx " ] } 用法 首先，导入并安装插件： import Vue
devextreme-vue：Vue用户界面和数据可视化组件
02-04
DevExtreme Vue UI和可视化组件 该项目允许您在应用程序中使用。 执照 DevExtreme Vue UI组件作为MIT许可（免费和开源）的DevExtreme附件发布。 熟悉。 支持与反馈 如果您对Vue功能有疑问，请查阅 。 如果您要报告错误，请求功能或提出问题，请向此仓库提交。 或者，如果您拥有有效的DevExtreme许可证，则可以在联系我们。
React为 Vue 引入容器组件和展示组件的教程详解
08-27
主要介绍了React为 Vue 引入容器组件和展示组件的教程详解，文中很详细的给大家介绍了使用容器组件的原因,需要的朋友可以参考下
React 组件转 Vue 组件的命令写法
11-26
基于目前React和Vue比较火，开发react-to-vue 工具的目的是为了进一步提高组件的可复用用性，让组件复用不仅仅局限在一个框架里面 简介 对于react-to-vue工具，转化的是基本的react component，而不是全部的react应用。而基本react component的定义更多是基于props和state来渲染的组件，其中也可以包括发请求。 本文先介绍两个框架的组件共性和不兼容的地方，再介绍react-to-vue的使用和原理。在实际业务中，陆金所100多个的react基础业务组件，react-to-vue可以转化90%以上，变成vue组件。 盘点两个框架的组件共性
高性能B/S开发框架DevExtreme 9月发布v21.1.6
需要界面开发、IDE工具研发中文教程资料的小伙伴，记得私信我~
10-12 345
DevExtreme拥有高性能的HTML5 / JavaScript小部件集合，使您可以利用现代Web开发堆栈（包括React，Angular，ASP.NET Core，jQuery，Knockout等）构建交互式的Web应用程序。从Angular和Reac，到ASP.NET Core或Vue，DevExtreme包含全面的高性能和响应式UI小部件集合，可在传统Web和下一代移动应用程序中使用。 该套件附带功能齐全的数据网格、交互式图表小部件、数据编辑器等。 DevExtreme v21.1.6完整版下载
详解如何从零开始搭建Express+Vue开发环境
weixin_34198762的博客
11-11 328
2019独角兽企业重金招聘Python工程师标准>>> ...
VUE关于DevExtreme的基础使用
weixin_45114169的博客
01-22 3055
VUE关于DevExtreme的基础使用# 首先使用npm或者yarn下载框架 npm install --save devextreme devextreme-vue 在Main.js里面引入 import 'devextreme/dist/css/dx.common.css'; import 'devextreme/dist/css/dx.darkmoon.css';//此为组件主题样式，可修改dark、light、darkmoon等，详情见官方API 试用DataGrid组件，在官网中复制demo
vue-cli3脚手架配合express搭建devserver
追风Programer的博客
11-01 1894
目录 写在前面 说说旧版的vue-cli搭建devserver webpack-dev-middleware webpack-hot-middleware http-proxy-middleware 旧版的vue-cli结合express所构建的devserver 新版的@vue/cli构建devserver 新版脚手架的devserver配置（重要） 写在前面 近期本人在gi...
Vue DevExtreme
最新发布
xy的博客
10-01 222
theme: cyanosis 一、环境搭建 地址： Vue DevExtreme 环境搭建 - 掘金 (juejin.cn) 二、组件 参考： DataGrid入门：DevExtreme - DevExpress 的 Angular、React、Vue 和 jQuery 的 JavaScript UI 组件 2.1 DataGrid 可以使用 DataGrid 组件显示和编辑对象...
devextreme-vuets-webpack:DevExtreme Vue TS Webpack项目模板
05-14
devexreme-vuets-webpack 一个DevExtreme Vue.ts项目 构建设置 # install dependencies npm install # or yarn install # serve with hot reload at localhost:8080 npm run dev # build for production with minification npm run build 有关工作原理的详细说明，请参阅。
Devextreme 基本应用Demo
03-22
该Demo展示的是用Dev开发的手机客户端页面，展示用Html5+css3，js及Dev所提供的控件整合的视图，可跨平台使用
vue-reactflow:在 Vue.js 应用程序中渲染 React 组件的实验
08-04
vue-reactflow 这是一个演示项目，用于展示在 Vue.js 应用程序中使用的 React 组件 。 在 Vue 中使用 React 绝对是一种反模式，但有时可能需要使用它。 在这种情况下，我尝试在 Vue 应用程序中组合一个子 React 类组件。 不幸的是，react child 和 Vue parent 之间的属性和事件传播并不是很完美。 我尝试组装一个小型事件总线以使其顺畅。 重要的 这是一个概念验证实验，在没有正确理解其含义的情况下，请勿在生产中使用。 任何改进集成或简化代码库的建议都非常受欢迎。 项目设置 npm install 为开发编译和热重载 npm run serve 为生产编译和缩小 npm run build Lints 和修复文件 npm run lint 自定义配置 请参阅。
DevExtreme Vue组件-65个以上响应速度快且功能完善的Vue UI组件，具有可自定义的Material Design和Bootstrap兼容主题。-Vue.js开发
05-27
DevExtreme Vue UI和可视化组件此项目使您可以在Vue应用程序中使用DevExtreme组件。 文档技术演示DevExtreme Vue UI和可视化组件此项目使您可以在Vue应用程序中使用DevExtreme组件。 文档技术演示API参考DevExtreme Vue应用程序模板实时示例许可证DevExtreme Vue UI组件是作为DevExtreme的MIT许可（免费和开源）附加组件发布的。 熟悉DevExtreme许可证。 免费试用！ 支持和反馈如果您对Vue功能有疑问，请查阅Vue文档。
DevExpress GridControl中合并单元格
02-16
控制DevExpress中GridControl合并单元格方式
devextreme-react：React UI和数据可视化组件
02-04
DevExtreme React UI组件作为MIT许可（免费和开源）的DevExtreme附件发布。 熟悉。 支持与反馈 如果您对React功能有疑问，请查阅 。 如果您要报告错误，请求功能或提出问题，请向此仓库提交。 或者，如果您拥有...
Vue DevExtreme 环境搭建
xy的博客
10-01 114
theme: smartblue 参考 Add DevExtreme to a Vue Application: DevExtreme - JavaScript UI Components for Angular, React, Vue and jQuery by DevExpress 实现 创建一个Vite项目 依赖下载 npm install devextreme deve...
跨平台响应式开发框架DevExtreme——支持Vue 3
需要界面开发、IDE工具研发中文教程资料的小伙伴，记得私信我~
04-09 815
DevExpress技术交流群3：700924826欢迎一起进群讨论 DevExtreme拥有高性能的HTML5 / JavaScript小部件集合，使您可以利用现代Web开发堆栈（包括React，Angular，ASP.NET Core，jQuery，Knockout等）构建交互式的Web应用程序。从Angular和Reac，到ASP.NET Core或Vue，DevExtreme包含全面的高性能和响应式UI小部件集合，可在传统Web和下一代移动应用程序中使用。 该套件附带功能齐全的数据网格...
DevExpress Universal全面的软件开发包
q2315702359的博客
12-13 643
它包括桌面控件(WinForms、WPF、UWP和桌面报告)、Web控件(ASP.NET、ASP.NET MVC和Core、Bootstrap Web Forms、JavaScript-jQuery、Angular、React、Vue、Web报告和Blazor)、，框架和生产力工具(XAF-跨平台.NET应用程序UI、XPO-ORM库和CodeRush-Visual Studio生产力和重构)以及企业和服务器工具(仪表板和Office文件API)。NET控件-该工具集结合了多功能控件和简单的开发模型。
react和vue 应用场景
06-04
React和Vue都是非常流行的前端框架，它们都有自己的优点和适用场景。 React适用于需要构建大型、高度动态的应用程序的场景。它的虚拟DOM技术可以使React在渲染大量数据时效率更高，也可以使React更容易处理复杂的状态管理。React的生态系统非常丰富，并且有很多优秀的第三方库和组件，可以通过组合这些库和组件来构建高质量的应用程序。 Vue适用于构建中小型的单页应用程序(SPA)，它是一个轻量级的框架，非常容易上手，具有很高的可读性和可维护性。Vue的模板语法非常类似于普通的HTML，使得Vue更容易理解和学习。Vue也有一个庞大的生态系统，并且有很多优秀的第三方库和组件，可以帮助开发人员更快地构建应用程序。 总的来说，React和Vue都是非常出色的前端框架，可以根据具体的需求来选择合适的框架。如果需要构建大型、高度动态的应用程序，建议选择React；如果需要构建中小型的单页应用程序(SPA)，建议选择Vue。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值