Claris 博客｜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 （https://www.telerik.com/kendo-ui）的综合库。您可以通过将简单的可配置 React 组件与高级数据网格表、图表、电子表格、调度程序等相集成，从而快速为您的 App 添加功能。
这让您可以为最终用户设计一个极具吸引力的 UI，并改善 App 的呈现方式和交互性。
2. Quill：添加富文本编辑器
无论您是在线填写反馈调查，使用聊天窗口还是在帖子中发表评论，都可能使用了某种形式的文本编辑器。实际上，当今大多数 Web 应用在其设计中的某个位置都包含富文本编辑器。富文本编辑器提供了一个界面来编辑富文本或允许用户上传图像、链接、音频甚至视频。
例如，放射科医生可以提交关于患者骨折的基于文本的报告，并将 X 射线的可视图像上传至 App。
如果您希望能够轻松地在 App 中添加富文本编辑器，请访问 Quill（https://quilljs.com）。Quill 是专为现代 Web 构建的免费、开源、所见即所得编辑器。完全根据需要进行定制。 Slack、LinkedIn 和 Salesforce 等公司已经在其大多数面向用户的产品中采用了 Quill。
3. FullCalendar：使用自定义日历改善 UI
几乎每一家企业都可以在面向用户的 App 或内部 App 中使用日历。从让客户选择预约的特定时间和日期，到记录事件、跟踪物流或显示时间敏感型任务，日历都是 App 用户界面中的基本要素。
JavaScript 日历组件在大多数现代 App 中都是必不可少的，甚至可帮助您即刻刷新现有 App 中的日历 UI 或添加一些新功能。
凭借极具吸引力的布局和功能，FullCalendar（https://fullcalendar.io） 等开源 JavaScript 库将为您提供便捷的优势。您可以从全尺寸日历中的 100 多种自定义设置中进行选择，其便捷的拖放功能和自定义项将让您的 UI 更具吸引力。
4. React Gantt：添加用于项目管理的甘特图
甘特图显示项目路线图和时间表，从而提高组织透明度。在沟通增强、预测项目或跟踪结果方面，甘特图具备众多优势。它们可允许用户轻松计划任务、添加依赖关系以及提供项目计划的可视化表示。
从历史上看，甘特图的缺点是准备和管理起来很复杂，但是近年来发生了很大的变化。
BryntumGantt（https://www.react-gantt.com）提供了一个库，其中包含所有适当的功能和周全的用户体验。您甚至可以使用自己的自定义模板来渲染时间表元素。关键路径、PDF 导出、文档导入、资源分配、约束以及许多其他功能都将触手可及，只需复制和粘贴一些代码即可实现。
5. Toast UI：整合图像编辑器
您可能会想，“为什么我的定制化 App 上需要图像编辑器？” 但令人惊讶的是，图像编辑器对于银行、学校和医疗保健组织等专业机构而言是至关重要的功能。
让我们回顾一下放射科医生通过定制化 App 上传患者 X 射线的示例。该 App 通过 Claris Connect 安全地链接至医院的患者信息系统。可以想象，X 射线文件的原始格式相当大，因此放射线医生可能希望裁剪图像并放大骨折区域，以便于更加精确地可视化受伤区域。
具有功能全面的照片图像编辑器，例如 Toast UI（https://ui.toast.com）的开源 JavaScript 库提供了一系列强大且易用的功能。它支持基本图像处理，例如裁剪、旋转、翻转、添加滤镜等。
它绝对值得拥有！我们精选了 5 个最实用的开源 JavaScript 库。您可以通过成千上万的免费和付费选项来增强现有的定制化 App。希望您能从中获得启发，合理运用这些优秀的组件。
现在，基于 Claris FileMaker 19 构建的定制化 App 可以不断进化和增强。最新版本还包含CoreML 功能、Siri 快捷指令 + AI、近场通信 (NFC) 标签等。
想要增强您的定制化 App 或者构建全新的 App？点击“阅读原文”，立即下载 FileMaker 19 试用版吧！