前端必读3.0:如何在 Angular 中使用SpreadJS实现导入和导出 Excel 文件

在之前的文章中,我们为大家分别详细介绍了在JavaScript、React中使用SpreadJS导入和导出Excel文件的方法,作为带给广大前端开发者的“三部曲”,本文我们将为大家介绍该问题在Angular中的实现。

使用纯前端类Excel表格控件SpreadJS构建企业现金流量表

借助葡萄城 纯前端表格控件 SpreadJS 和 服务端表格组件 GcExcel 来设计财务报表模板,可以在满足财务数据展示、计算、决策分析的同时,提供如 Excel 一般的使用体验,并可直接复用财务系统原始的 Excel 报表模板,减少从本地到线上的数据迁移工作量。

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

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

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

JavaScript在前端领域占据着绝对的统治地位,目前更是从浏览器到服务端、移动端、嵌入式,几乎所有的所有的应用领域都可以使用它。技术圈有一句很经典的话“凡是能用JavaScript实现的东西,最后都会用JavaScript实现”。

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

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

前后端分离时代,是时候拥抱JavaScript纯前端报表控件了

报表需求随着信息化系统及互联网的普及在不断地演化,随着信息系统的功能越来越完善,我们选择将所有的表单和报表都在信息系统当中完成。对于开发团队来说,开发核心业务代码是他们所擅长的,但如果开发资源都投入在报表设计方面,会让整体的开发进度变缓,开发成本增加。并且客户的需求是个性化的,在一些没有明确行业规范的报表设计中,每个客户的需求都会有些微的差异,如标题字号,如背景色、公司Logo等,在这个阶段我们需要最终用户或是业务人员能够自助设计和编辑报表。ActiveReports同期发布了最终用户编辑器,支持Web端和桌面端,满足不同平台的需要。

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

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

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

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

四两拨千斤——你不知道的VScode编码TypeScript的技巧

如果你体验过JAVA这种强类型语言带来的便利,包括其丰富的类型变量、抽象与接口,转而使用JavaScript时,一定会觉得不够满意。尤其是JavaScript声明的变量Number可以轻而易举的分配给String,IDE如何执行任何类型的IntelliSense都让人十分困扰。面对这个技术障碍,我们就无法忽视TypeScript带来的便利。相比较于JavaScript,最为明显的一点就是我们可以赋予IDE实际使用的能力, 本文将要介绍一些TypeScript的编码技巧,帮助您更加快速高效的进行工作。

一些DevTools的小技巧-让你不止会console.log()

在开发过程中,你可能会经常用到控制台命令console.log(),但是,其实除了这个命令外,还有一些其他的命令和技巧可供我们使用,让我们看看它们究竟是什么,会不会为你的调试能力带来一点新的启发。

Python和JavaScript间的区别是什么?

JavaScript和Python这两种语言非常流行和强大,但它们在部分语法的使用上却有着一些不同,如果你恰好对这些区别对比感兴趣,那么这篇文章中的内容可能会为你提供一些帮助。

Vue 3自定义指令开发

在Angular和Vue中都有Directive的概念,我们通常讲Directive 翻译为“指令”。在计算机技术中,指令是由指令集架构定义的单个的CPU操作。在更广泛的意义上,“指令”可以是任何可执行程序的元素的表述,例如字节码。那么在前端框架Vue中“指令”到底是什么,他有什么作用呢?

2020年度总结 | 葡萄城软件开发技术回顾

在2020年,葡萄城仍然秉承着“赋能开发者”使命,用技术至上的工匠精神在前后端技术方面都有着一些创新。下面,就让我们一同来回顾一下吧。

技术分享:WebAssembly能否重新定义前端开发模式?

如果提及近年来让人最为兴奋的新技术,非WebAssembly莫属。作为一种低级的类汇编语言,WebAssembly以紧凑二进制的格式存储,为C/C++, Rust等拥有低级内存的模型语言提供了新的编译目标。正因如此,WebAssembly体积更小,可以以接近原生性能的速度运行。

开发一个渐进式Web应用程序(PWA)前都需要了解什么?

自苹果推出了iPhone应用商店以来,App成为了我们生活中不可或缺的一部分,而对于实体业务也是如此,现在各行业都在推出自己的App,但有没有人想过这样一种场景,如果自己的潜在客户还没有安装你的App亦或是即便安装但因为客户的手机存储空间紧张而卸载掉了你的App?那有没有使App更轻量,更易安装的技术实现呢?答案是“有的”。

服务端表格组件 GcExcel V3.0 Update2 新特性说明

服务端文档组件库的新版本已正式发布,本次更新主要针对 GrapeCity Documents for Excel(GcExcel)进行,包括:为生成的 Excel 模板加入了更多全新功能;支持将数字签名添加到 Excel 工作簿;支持将 Excel 转换为 HTML 格式;增强数据透视表功能,以及增加了与纯前端表格控件 SpreadJS 的产品兼容性等。

如何为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组件。

← 返回所有博客文章