跳到主要内容

构建响应式 Web 应用程序

Web应用程序

怎么做 Mendix Web 应用程序有用吗?

正如在讨论中 如何 Mendix 支持多渠道应用吗? 部分 前端,网络应用是 Mendix 应用程序。 这 Mendix 客户端负责呈现 Web 应用程序,这些应用程序是基于 JavaScript、HTML5 和 CSS3 的富单页应用程序 (SPA)。

使用所见即所得的页面编辑器 Mendix Studio Pro,用户可以对可以在本地运行或直接从 Studio Pro IDE 部署的页面和交互进行建模。在本地运行时,更改会直接显示出来。这是通过我们的 即时更新 该功能可在保留当前状态的同时立即重新加载 UI,让应用程序的测试和预览变得轻而易举。

当应用程序部署到云中时,静态资源(HTML、CSS、JavaScript)将部署在前端服务器上,该服务器缓存并高效地提供资源。主要入口是 index.html的 页面,加载 Mendix 客户端,呈现页面并开始处理事件。如果需要身份验证,最终用户将被重定向到登录页面或身份提供商。 Mendix 通过应用缓存破坏机制确保部署新版本时不会出现缓存问题。

- Mendix JavaScript 客户端渲染 UI、处理浏览器中的操作,并通过 HTTPS 与 API 进行通信 Mendix 运行时。富客户端无需调用服务器即可执行许多操作,从而最大限度地减少(昂贵的)服务器往返次数。结合我们的 客户端功能 事实是 Mendix 应用程序支持浏览器的后退/前进功能,同时遵守可访问性指南,您可以有效地模拟具有优异性能的 Web 应用程序。

如何 Mendix 支持不同的屏幕尺寸和设备吗?

Mendix 页面默认为响应式,因此会自动调整以适应屏幕尺寸。这样一来,Web 应用在从台式机到手机的各种屏幕尺寸上都能完美呈现。为了优化用户体验,可以为手机和平板电脑定义单独的移动 Web 渠道。设备类型(如手机、平板电脑或台式机)也可以用于其他场景的逻辑中。

Mendix 针对每种设备提供了几种常见模式和最佳实践,以帮助您打造出色的用户体验。您还可以使用自定义变体扩展这些模式,如 用户界面设计.

如何扩展我的 Web 应用程序?

两个 index.html的 和登录页面可以根据您的需求进行完全自定义。还可以添加样式和图像等其他资源,或提供 Web App的宣言.

Mendix 提供了多种扩展 Web 应用的选项。这些选项将在 如何延长 Mendix 前端? of 前端 和部分 如何自定义应用程序的外观和感觉? of 用户界面设计.

如何测试我的 Web 应用程序?

Mendix 提供了一个集成工具,称为 Mendiect 测试自动化 (MTA),其中(非技术)用户可以测试 Web 应用程序的用户界面 (UI)、流程、组件和微流逻辑单元。

也可以使用标准测试工具进行 UI 测试,例如 或托斯卡。因为 Mendix 小部件在文档对象模型(DOM)中具有唯一标识符,测试工具可以轻松利用这些 ID 来创建可读且强大的测试脚本。

欲了解更多信息,请参阅 质量保证和安全.

选择你的语言