电子表格编辑器 - 组件

HTML5 电子表格编辑器由几个组件构建而成，这些组件连接在一起构成了一个完整的系统。在这里，我们描述了每个的目的和作用。

它是一个 JSF 页面，描述了编辑器的 UI 和我们应用程序的主要端点。 Web 浏览器和服务器之间执行的所有交互都是通过此端点执行的。

除了定义 UI 之外，所有后端服务都使用 JSF 技术附加在这里。当用户与 UI 事件交互时，数据在服务和用户之间来回传递以完成我们的任务，例如导出电子表格。

它有两个主要的兴趣领域。

丝带

技术上，顶部的选项卡式工具栏区域称为功能区。它包含按钮、下拉菜单、单选菜单、文本框和一些用于在电子表格上执行许多操作的隐藏字段。单击这些按钮时，它们会向服务器发送命令并相应地更新工作表。

床单

工作表是行和列。单击单元格时，功能区会相应更新，而无需向服务器发送请求，因为功能区所需的所有数据都附加到每个单元格。当用户浏览工作表时，功能区还会跟踪选定的单元格、行和列。

每个单元格都有自己的内联编辑器，当单元格处于编辑模式时，它会变得可见。

它是一个视图范围的 JSF 后端 bean，负责管理 index.html 中描述的 UI 的动态内容。它具有用于 Ajax 请求的事件处理程序，这些请求在用户与 UI 交互时被触发。

WorkbookService 是一个视图范围的 JSF 后端 bean。它作为服务组件工作，并在其他服务的帮助下加载和卸载电子表格。它具有以下端点：

在里面

这在里面是后构造Java 应用程序服务器完成对象创建后立即执行的方法。它检查网址如果可能，请求参数中的参数映射并从给定位置加载相应的电子表格。

破坏

它负责在不再需要时清理所有获取的资源。

它创建电子表格实例，并在需要时将它们保存在内存中。

这细胞服务管理行、列、单元格、格式和工作表结构的缓存。