实现ExtJS应用程序登录屏幕的最佳方式

Question

在ExtJS应用程序中实现登录屏幕的最佳方法是什么（最好不必将用户重定向到新页面）？

到目前为止，我提出的两个想法如下：

1. 视口内的卡片布局，其中第一项是登录屏幕，第二项是主应用程序。在登录/注销时切换卡，当然还要验证服务器端的所有操作。
2. 包含登录窗口的视图端口。当用户登录登录窗口时，将从视图端口中删除并由主应用程序替换。用户退出时反之亦然。同样，所有操作都将在服务器端验证。

至少在我看来，选项一似乎更好。是否有人对我的选择使用哪个选项，其他选项或修改有任何建议？

Answer 1

我为我的网站实施了选项二，我对结果感到满意。

这很有效。主应用程序中的所有组件都会检查服务器，以确保在呈现之前基于从服务器检索的数据对用户进行实际身份验证。主要布局非常简单，它处于登录状态或需要登录状态，其中根据状态向Viewport注册不同的组件。

我必须尝试使用​​卡片布局选项来判断它是否优于2，但它们看起来与我相似。

梅西