ExtJS 4应用程序登录与认证及权限

Question

我正在使用新的推荐应用程序结构在Ext 4上开发一个web应用程序。因此，我需要实施一个身份认证和权利制度。到目前为止的想法是：

1. 服务器负责确保用户角色和权限。
2. ExtJS前端必须根据权限和角色进行更改
3. 我用卡片布局。第一个选项卡是登录屏幕，第二个是应用程序。
4. 在我的控制器中，我检查用户是否已登录。如果他有一个有效的身份，我切换到标签2。如果没有，他会被抛回表1。

我现在的问题是我对第2部分和第4部分不确定？你将如何实现这两者？

Answer 1

• 一旦对用户进行了身份验证，就可以将配置选项从服务器转移到存储区。例如：Ext.StoreManager.get('ConfigOptionStore').loadData(/* config data returned from server */);
• 使用beforeRender事件将组件添加到当前视图(在控制器中这样做)，如下所示： init: this.control(){ this.control({ 'myPanel'：{ beforerender: function(cmp，eOpts)){//将存储放在var中以便于访问myConfigStore =myConfigStore//从这里可以使用add()添加如下内容: if (myConfigStore.get('hasMyButton')) { cmp.add({ xtype：‘按钮’，文本：'My Button'，action：'doSomething‘})；}//等等。})；}
• 确保在任何给定时间使用当前配置选项更新存储的第一条记录(当您loadData时，只加载一条记录)。
• 这应该会让你朝着正确的方向开始。只需确保使用最基本的组件创建初始视图，然后根据用户的配置添加自定义组件。

Answer 2

您可以根据用户id从服务器发送唯一的用户" config“文件，因此每个用户都有自己想要的配置设置，也可以在更改后使用StateManager保存用户配置。这种方式会随着许可和角色的不同而改变。关于第四部分，我看不出有什么问题，如果你决定使用卡片布局.

setActiveTab( String/Number/Ext.Component card )

编辑：

您可以使用getState()；从Ext.AbstractComponent中检索“状态”，并保存，因此在下一次加载时，此状态是initialized.This，不依赖Cookie或本地存储，因此不会过期。在用户完成自定义视图后，您可以给他一个保存状态的机会。