基于Vue现代单页应用架构：案例研究外文翻译资料

基于Vue现代单页应用架构：案例研究

摘 要

本文介绍了当今可用的最新技术和方法，旨在创建一个高性能、独特且以用户体验为中心的平台。该客户端应用程序是单页应用程序(SPA)，由于其高度模块化的架构使其也是最复杂的组件。这不是一个简单的网页，而是一个独立的应用程序，根据其作用分为各个组件。在应用程序的各个级别（从客户端一直到存储级别）提出的模块化和复杂的基于组件的架构是 INTELLIT 平台的基础。 INTELLIT平台旨在提供有关罗马尼亚作家的生活和工作、我们文化中最重要的时刻、1994年至 2000年的完整日历、不同国家作家的经典作品的信息。新方法用新的方式调制和构建这样一个平台以及解决了客户端和服务器端之间的问题，以便可以尽可能轻松地实现对各种组件的单独测试和任何后续更改。选择这些技术和模型的主要原因是性能、低代码重复、模块化和组件的重用。

关键词：文学遗产、数字平台、SPA、PWA、MVVM、VueJS、模块化架构

1. 介绍

在数字时代的背景下，文学遗产越来越少，在这种情况下，必须努力突出和保护罗马尼亚的文学遗产。文化遗产很重要，因为它强烈影响着世界上每个人的认同感、忠诚度和行为。通过对档案馆、图书馆、博物馆保护文化遗产的关注提高了人们对文化复杂性的认识（Banciu，2015）。

在这种情况下，INTELLIT 平台被提议作为一种解决方案，它既是对数字时代开放的门户，也是对保存和保护问题的可能解决方案。INTELLIT 旨在促进对文学作品、手稿、参考书目、罗马尼亚文学词典和许多其他文件的快速访问。

由于技术的不断发展和提升，如今可以访问互联网的设备种类繁多。这些设备的数量和功能都将继续增加，因为技术世界现在专注于物联网和其他具有各种形式和功能的互连设备。

最重要的问题之一是缺乏使用具有各种屏幕尺寸和分辨率的设备来显示信息和与信息交互的可访问方式。

对上述问题的解决方案不仅应考虑表示层的缩放和屏幕上的各种控件，还应考虑应用程序或网站的设计以及响应性。

在开始开发响应式应用程序时，有两种不同的方式可供选择。一种可以实现极简布局，然后针对各种屏幕尺寸进行调整，或者采用行业推荐的方法创建移动优先设计。在后一种方式中，将专为响应式小屏幕设计的东西适应更大的屏幕要容易得多，也更合乎逻辑。

INTELLIT 平台不仅在提供的功能方面，而且在设计和用户界面方面都是该领域的新奇事物。该平台使用名为 VueJS 的基于 MVVM（模型—视图—视图模型）前端组件的框架，围绕高响应和模块化架构构建。该框架允许创建某些可重用的组件，范围从布局和数据容器到各种面向用户的控件和数据表示组件。

使用本文中提到的框架的主要优点是性能优良（可以避免代码重复并仅将已更改的数据或生成请求视图所需的数据发送给客户端）和模块化、动态架构（页面/组件是从其他组件动态创建的，且不会重复）。

此外，可以将组件设计为相互响应，并且布局可以根据所考虑的参数（屏幕尺寸、屏幕分辨率等）进行更改。通过使用这种架构，可以轻松添加响应式组件和各种其他布局。平台模块测试的可能性也是使用了这种模块化结构的一个重要优势。可以为每个组件编写自动化测试，并为更广泛的结构 编写集成测试。

上述所提到的全局布局对象都是通过使用基于动态网格系统的应用程序（将在以下章节中描述）以及客户端应用程序即 SPA （单页应用程序 ）/PWA （渐进式 Web ）来实现的应用。

以数字格式研究具有代表性的文化作品的机会将支持后代访问这些人的现有创作和罗马尼亚语言的连续性。此外，传统文化将成为支持罗马尼亚教育的真正支柱。

此篇文章的结构如下。第 2 节介绍了几个国家和国际的类似文献平台和遇到的问题。第 3 节是对当前模块化平台架构及其所有组件的概述以及对所有层的描述。第 4 节描述了开发过程中使用的技术和方法，重点介绍了这些方法和技术提供的所有功能以及在该平台中选择它们的主要原因。这些技术是基于平台层呈现的。在第 5 节中，描述了该平台通过解决当今在大多数平台中遇到的常见和不常见问题而提供的整体功能。第 6 节 得出结论并总结未来工作的基础。

2. 相关工作

我国数字议程的国家战略提供了明确的目标，以支持保护国家文化遗产并向 Europeana（Europeana Collections，2019 年）到 2020 年。有几项正在进行的举措，包括支持数字图书馆发展的计划，访问过去或现在的文化信息。

开发的各种平台让用户可以接触到罗马尼亚文化，但它们功能不完整，难以访问，而且不太友好。 在对现有平台进行分析之后，提取了一些功能需求，作为新开发平台的基础。 此外，已经确定了用户的需求，这些需求将有助于获取信息并提供更愉快的体验，从而激发人们对文学的兴趣（Ciurea，2019）。

在类似的罗马尼亚平台中，可以提到罗马尼亚学院图书馆（Romanian Academy Library，2019）的OPAC在线目录（Catalogul online OPAC，2019）。它包含有关文档的书目信息，从 1998 年开始，现在包含大约 450,000 条记录。

此外，另一个重要平台是罗马尼亚国家图书馆的在线目录 (Biblioteca Naţională a Romacirc;niei, 2019)，其中包含有关书籍、多媒体文件、期刊文献文章的书目信息。国家数字图书馆由数字馆藏组成，这些馆藏是通过对国家图书馆特殊馆藏中的文件进行数字化创建的，按主题或活动组织。

罗马尼亚境内有提供信息访问的平台，但没有有效的搜索机制或找不到文本或 pdf 格式的文件；对于特定主题，信息不足（Bajenaru et al., 2017）。

罗马尼亚文化遗产数字化的一大好处是对其文化创作的保护。

在国际层面，也有许多获取文化信息的平台。

在这方面，下面提到了一些最具代表性的平台，它们代表了本文提出的参考模型。

欧洲数字图书馆（Europeana collections, 2019）是欧洲文化和科学机构提供的信息来源，通过知识、创新和技术的转让促进对文化遗产的保护。 它拥有刚刚超过 3000 万件可用的数字化对象，它代表着一个独特的访问点，可以访问数以百万计的书籍、绘画、电影和博物馆物品，以及在整个欧洲已经数字化的档案文件。

英国百科全书（Encyclopedia Britannica，2019）现在只是数字化的，网络环境创造的新机遇使信息的质量和数量得以提高，从而提高了知名度。目前，英国百科全书包括多个在线平台，其内容面向地理区域，例如澳大利亚英国百科全书（澳大利亚大英百科全书，2019）或感兴趣的领域（和年龄组），例如儿童大英百科全书（儿童大英百科全书，2018 年）。

所提出的 INTELLIT 平台是在分析现场现有平台并响应用户需求后提取的功能需求的基础上开发的。

当前工作的目标是通过在使用高效和友好的数字解决方案的同时提供信息访问来突出文化可以定义的一切。新的解决方案基于最新的技术和标准，提供更广泛的工具以满足用户的需求，并且还可以提供可以持续多年的经济实惠的环境。

这项工作的首创方面体现在所使用的创新技术的巧妙组合和平台的高度模块化架构上。因此，在客户端和服务器端都发现了调制和构建这样一个平台的新方法，因此可以尽可能轻松地完成对各种组件的单独测试和任何后续修改。在处理方面，已经实施并发现了处理从提供的文档中提取的文本的高级方法。

3. 平台架构

INTELLIT 平台是基于保护和突出罗马尼亚文学遗产的愿望而开发的，因为一些问题不可避免地导致了定义罗马尼亚文化的元素的彻底丧失。 这个雄心勃勃的项目的总体概念包括向公众介绍情况并及时留下罗马尼亚文学遗产（Simion，2018a）。

平台中可用的信息来自罗马尼亚学院研究所提供的数据源，包含 4 类文件：

（1）罗马尼亚文学总词典（A—Z）：面向公众的学术著作，来自罗马尼亚和国外，对文学现象感兴趣（Simion，2018b）。

（2）罗马尼亚文学生活时间表（1944—2000）：一项复杂的研究工作，因其信息量大和解释方法的质量而独一无二。这项研究工作的主要特点是对所有罗马尼亚期刊的清单有详尽介绍，这些期刊反映了对审美领域的政治意识形态和建立对文学创作的政治控制有直接或间接影响的行动和趋势。本研究的目的是更详细地描述 1944—1957、1965—1967、1990—1996 年间有关罗马尼亚景观重新配置的事件、心态和选择，因为它来自各自的出版物（Simion , 2018a)。

（3）罗马尼亚作家的经典作品将由作者共享，并进行分组，以提供更相关的文学体裁分类。主要文学体裁（抒情、史诗 和戏剧）将构成在此背景下搜索平台的基础（Diaconu, 2013）。

（4）其他不再受版权法约束的规范作者的结构化和非结构化文档和作品。

新的 INTELLIT 平台建立在 3 个级别上，每个级别都有自己的结构和分支，并包含 3 个特定于每个级别的不同应用程序（图3-1）：

图3-1 INTELLIT 架构

（1）视图级别：由客户端应用程序（MVVM Client Architecture）表示。

（2）应用程序级：由服务器应用程序表示，由表示状态传输（REST）应用程序服务器及其相关的中间件和平台所需的集成系统（ORM、数据处理系统、身份验证系统、角色和权限系统等）组成按相关规范运行。

（3）存储级别：以存储仓库（ElasticSearch）为代表，提供的所有文档都存储并最终由授权用户和其他数据库（MongoDB）修改，用于静态文档处理、静态数据存储、用户和权限系统。

在服务器端，这种方法提供了更高级别的安全性，因为服务器应用程序和存储级别是不可访问的，只能通过 REST 应用程序编程接口(API)和各种安全和授权中间件与客户端应用程序通信，从而减少恶意攻击的风险。这种方法还确保了高度模块化，并且还可以通过在未来添加新的服务和功能来 减少维护或修改平台所需的时间。

在客户端，该平台是围绕称为 MVVM 的模块化架构构建的，MVVM 是一个基于前端组件的框架，称为VueJS。

4. 使用的技术和特点

本章介绍了使用的主要技术。它们根据它们所代表的应用程序层以及使用这些特定框架提供的一些优势进行分组，从性能奖励（减少页面和包大小、代码重复、组件可重用性、低代码重复）开始模块化架构和动态组件。

4.1 客户端应用

客户端应用程序是一个单页应用程序（SPA），由于其极其模块化的架构，它是最复杂的组件，它不是一个简单的网页，而是一个独立的应用程序，根据其角色划分为组件。

突出特点：

（1）根据用户的操作从组件动态创建视图

（2）一个路由器，通过它提供特定的组件/视图，因此所有页面都基于

剩余内容已隐藏，支付完成后下载完整资料

英语原文共 9 页，剩余内容已隐藏，支付完成后下载完整资料

资料编号：[596215]，资料为PDF文档或Word文档，PDF文档可免费转换为Word