最新消息

5 个优秀的开源 JavaScript 库,助您打造焕然一新的定制化 App。

Claris FileMaker 19 包含 Claris 社区中最受欢迎的功能之一 — 支持将 JavaScript 直接嵌入到定制化 App 中!

现在,您可以使用现成 JavaScript 库中的软件包或您的自定义代码,通过数据可视化、地图、日历等来打造现代 App。

下面列出了 5 个可用于增强 App 的实用 JavaScript 库。

1. Kendo UI:增强用户界面

您最近一次更新 App 的用户界面 (UI) 甚至整体用户体验 (UX) 是在什么时候?您可能已经用了大量时间来规划用户如何通过 App 实现功能性任务,但是随着时间的流逝,很容易会忽略 UI。使用 JavaScript 可以轻松完成简单的设计更改。

轻松将高级 UI 组件添加到您的现有设计中,或利用 Kendo UI 的综合库。您可以通过将简单的可配置 React 组件与高级数据网格表、图表、电子表格、调度程序等相集成,从而快速为您的 App 添加功能。

这让您可以为最终用户设计一个极具吸引力的 UI,并改善 App 的呈现方式和交互性。

2. Quill:添加富文本编辑器

无论您是在线填写反馈调查,使用聊天窗口还是在帖子中发表评论,都可能使用了某种形式的文本编辑器。实际上,当今大多数 Web 应用在其设计中的某个位置都包含富文本编辑器。 富文本编辑器提供了一个界面来编辑富文本或允许用户上传图像、链接、音频甚至视频。

例如,放射科医生可以提交关于患者骨折的基于文本的报告,并将 X 射线的可视图像上传至 App。

如果您希望能够轻松地在 App 中添加富文本编辑器,请访问 Quill。Quill 是专为现代 Web 构建的免费、开源、所见即所得编辑器。完全根据需要进行定制。 Slack、LinkedIn 和 Salesforce 等公司已经在其大多数面向用户的产品中采用了 Quill。

3. FullCalendar:使用自定义日历改善 UI

几乎每一家企业都可以在面向用户的 App 或内部 App 中使用日历。 从让客户选择预约的特定时间和日期,到记录事件、跟踪物流或显示时间敏感型任务,日历都是 App 用户界面中的基本要素。

JavaScript 日历组件在大多数现代 App 中都是必不可少的,甚至可帮助您即刻刷新现有 App 中的日历 UI 或添加一些新功能。

凭借极具吸引力的布局和功能,FullCalendar 等开源 JavaScript 库将为您提供便捷的优势。您可以从全尺寸日历中的 100 多种自定义设置中进行选择,其便捷的拖放功能和自定义项将让您的 UI 更具吸引力。

4. React Gantt:添加用于项目管理的甘特图

甘特图显示项目路线图和时间表,从而提高组织透明度。 在沟通增强、预测项目或跟踪结果方面,甘特图具备众多优势。它们可允许用户轻松计划任务、添加依赖关系以及提供项目计划的可视化表示。

从历史上看,甘特图的缺点是准备和管理起来很复杂,但是近年来发生了很大的变化。

BryntumGantt 提供了一个库,其中包含所有适当的功能和周全的用户体验。您甚至可以使用自己的自定义模板来渲染时间表元素。 关键路径、PDF 导出、文档导入、资源分配、约束以及许多其他功能都将触手可及,只需复制和粘贴一些代码即可实现。

5. Toast UI:整合图像编辑器

您可能会想,为什么我的定制化 App 上需要图像编辑器? ”但令人惊讶的是,图像编辑器对于银行、学校和医疗保健组织等专业机构而言是至关重要的功能。

让我们回顾一下放射科医生通过定制化 App 上传患者 X 射线的示例。 该 App 通过 Claris Connect 安全地链接至医院的患者信息系统。 可以想象,X 射线文件的原始格式相当大,因此放射线医生可能希望裁剪图像并放大骨折区域,以便于更加精确地可视化受伤区域。

具有功能全面的照片图像编辑器(例如 Toast UI )的开源 JavaScript 库提供了一系列强大且易用的功能。它支持基本图像处理,例如裁剪、旋转、翻转、添加滤镜等。

它绝对值得拥有! 我们精选了 5 个最实用的开源 JavaScript 库。 您可以通过成千上万的免费和付费选项来增强现有的定制化 App。 希望您能从中获得启发,合理运用这些优秀的组件。

现在,基于 Claris FileMaker 19 构建的定制化 App 可以不断进化和增强。 最新版本还包含CoreML 功能、Siri 快捷指令 + AI、近场通信 (NFC) 标签等。

想要增强您的定制化 App 或者构建全新的 App? 下载 免费试用版并开始探索吧!