React + Springboot + Quartz,从0实现Excel报表自动化

企业日常工作中需要制作大量的报表,比如商品的销量、销售额、库存详情、员工打卡信息、保险报销、办公用品采购、差旅报销、项目进度等等,都需要制作统计图表以更直观地查阅。但是报表的制作往往需要耗费大量的时间,即使复用制作好的报表模版,一次次周期性对数据的复制粘贴操作也很耗人,同时模版在此过程中也会逐渐变得面目全非。

前端必读2.0:如何在React 中使用SpreadJS导入和导出 Excel 文件

SpreadJS为React开发人员提供了其他任何地方都很难找到的电子表格功能。有很多业务线应用程序可以从嵌入交互式电子表格,而不是仅仅使用枯燥的静态表格中受益——但这些枯燥的表格是业务应用程序最终的结果,因为开发人员没有意识到,其实有更好的选择。在本文中,我们将利用 SpreadJS 的内置 Excel 导入/导出功能来实现上述需求。

纯前端Excel数据透视表实现损益表应用

财务报表也称对外会计报表,是会计主体对外提供的反映企业或预算单位一定时期资金、利润状况的会计报表,由资产负债表、损益表、现金流量表或财务状况变动表、附表和附注构成。财务报表是财务报告的主要部分,不包括董事报告、管理分析及财务情况说明书等列入财务报告或年度报告的资料。

Vite+React构建前端在线表格

最开始要使用到Vite时,本葡萄的内心还是有点疑虑的,因为毕竟Vite是跟着Vue3发布的,对于使用者而言,潜意识会觉得它和Vue更加适配;但在实际上手用了之后,才会发现Vite的搭建速度,不亏于它的名字。

React并发功能体验——前端的并发模式已经到来

简要说明,Concurrent Mode 和Suspense 可以使用户无缝处理数据加载,加载状态,用户界面操作更加平滑和无缝切换。 在Concurrent Mode 下,React可以暂停高消耗的,非紧急的组件的渲染,并聚焦在更加紧迫的任务处理,如UI 渲染,始终保持应用为可响应式,避免白屏,卡顿等现象。

前端框架之争丨除了Vue、Angular和React还有谁与之争锋

当今涌出的大量框架让人眼花缭乱不知如何选择,今天将比较五个最流行的前端JavaScript框架,并作出概述,介绍其主要功能、工具、学习曲线及其他因素,帮助您做出衡量和选择。

前端开发工具包 WijmoJS V2020.0 Update2 新特性说明

WijmoJS V2020.0 Update2已正式发布!作为一款基于 HTML5 的前端开发工具包,WijmoJS由 80 多种灵活、高效、跨平台、零依赖的 JavaScript组件构成,完美兼容Angular、React、Vue 等框架,可助力企业快速构建出一套成熟的 Web 应用程序。

SpreadJS 新版发布,增强产品功能、新增Vue等框架的示例代码

伴随着SpreadJS V13.0 Update2 的正式发布,其图表、排序、形状等功能进一步增强。同时,针对重要的产品资源,SpreadJS还在学习指南中增加了React、Vue、Angular框架的示例代码,具体内容见下方说明

为什么 Vue 更符合这个时代的大势所趋

不久前,尤雨溪发布了 Vue 3.0 Beta 版本。发布之后我们对社区里的前端开发者做了一次调查沟通,大家普遍认为 Vue 已经具备了商业项目开发的必备条件,如语法精炼、优雅而简洁、代码的可读性高、成熟的组件模块化能够让开发者从编码中获得乐趣等等,当然,还有商业项目开发最为看重的与第三方控件的结合能力。

如何为React Redux应用程序,创建可编辑的数据网格(二)

上文中我们介绍了React Redux是什么,以及前端UI组件库WijmoJS 为何要在本次新版本发布中,增加在React Redux应用程序编辑数据网格的功能。下面,我们将详细介绍:如何创建一个使用DataGrid来显示和编辑Redux Store中数组的简单示例。

如何为React Redux应用程序,创建可编辑的数据网格(一)

近日,前端 UI 组件库WijmoJS V2020.0 Update1 正式发布!除了提供不断优化的数据引擎,实现大数据量高速渲染外,这一版本的最大亮点,就是增加了“可在React Redux 应用程序中,编辑数据网格”。

前端 UI 组件库 WijmoJS 更新:专注于高效、可在 React Redux 中编辑 DataGrid

前端 UI 组件库WijmoJS V2020.0 Update1 正式发布!这一版本将更加体现出 WijmoJS 的小巧、灵活和高效。我们将 WijmoJS 的组件和功能模块化,减少了应用程序加载时所需的时间。同时,我们还优化了数据渲染引擎(通常使用虚拟化),因此无论您的数据集有多大,我们的组件都可以实现高效加载。

前端开发工具包WijmoJS V2019.0 Update3 正式发布

近期,葡萄城前端开发工具包WijmoJS V2019.0 Update3 正式发布,至此WijmoJS已经做到:为每个JavaScript库和框架都提供了同样丰富、高性能且灵活的JavaScript UI组件。

前端开发工具包WijmoJS 新特性:FlexGrid的React单元格模板

近期,葡萄城前端开发工具包WijmoJS V2019.0 Update3 正式发布。本次发布,WijmoJS将支持Angular 9和Ivy编译器!与此同时,WijmoJS还提供了用于React和Vue框架的FlexGrid单元格模板,以及针对Vue组件的双向绑定模式,不但简化了表单填报的步骤,还增强了FlexGrid的实用性性能。最后,针对TypeScript类型,WijmoJS同样进行了优化,使其在VSCode中更易于使用。

WijmoJS 中自定义 React 菜单和列表项模板

在V2019.0 Update2 的全新版本中,React 框架下 WijmoJS 的前端UI组件功能再度增强。

【案例分享】在 React 框架中使用 SpreadJS 纯前端表格控件

本期葡萄城公开课,将由国电联合动力技术有限公司,资深前端开发工程师——李林慧女士,与大家在线分享“在 React 框架中使用 SpreadJS 纯前端表格控件”的实战开发经验。

WijmoJS 2019V1正式发布:全新的在线 Demo 系统,助您快速上手,开发无忧

前端开发工具包WijmoJS在2019年的第一个主要版本2019V1已经发布,本次发布包括了更加易用的在线Demo系统、各控件新增功能、NPM包的改动,以及全新的浏览器API组件。

都 9102了,该选择 Angular、React,还是Vue?

尽管Web开发的典型应用场景除了将服务器用作平台、浏览器用作客户端之外,几乎很少活跃于其他业务领域,但不可否认JavaScript语言和框架的使用已经成为了主流。Angular、React 和 Vue,作为 JavaScript的三大框架已逐步发展成熟,三者的差异性也越发明显,假设JavaScript还会继续流行十年左右,未来十年,你将会作何选择?

WijmoJS 使用Web Workers技术,让前端 PDF 导出效率更高效

Web Workers是一种Web标准技术,允许在后台线程中执行脚本处理。 WijmoJS 的2018v3版本引入了Web Workers技术,以便在生成PDF时提高应用程序的运行速度。

使用 WijmoJS 的 TabPanel 创建 Ribbon 主题的功能区控件

WijmoJS 的客户通过技术社区(GCDN)联系我们,表示他们已准备好从Wijmo 3(基于JQuery的前端开发工具包)迁移到当前版本的WijmoJS,但他们需要一个Ribbon控件,不基于任何 Javascript 库。

← 返回所有博客文章