如何实现网页angularjs的屏幕锁定

Question

我正在尝试使用angularjs在我的网页中实现LOck屏幕。一旦用户使用用户名和密码登录，他将被带到用户主页，在那里他有锁定屏幕按钮。一旦他点击该按钮，他就应该被带到一个页面，其中已经设置了用户名，并且用户只需要输入密码。如何使用angularjs ..请帮助实现这一点，或者告诉一些链接我想知道如何实现这一点。

我使用springmvc和angularjs开发应用程序

Answer 1

这个问题有点复杂，只写一篇文章，但我会尽力帮助你。

首先，我建议看一下 $ cookieStore 和 $ route ：第一个对于维护应用程序无状态非常有用;第二个将用于在整个应用程序中导航（与 ngView 的使用相关）。

您需要三个视图：登录，锁定和主页。所有这些都被公共控制器（该控制器将包含ng-view指令）包围，它将基于$ cookieStore变量进行路由。您应该存储基本上两个信息：username和lockFlag。控制器将路由到：

• 登录视图，如果用户名为空;
• 如果用户名不为空并且lockFlag为true，则锁定视图;
• 主页视图，如果用户名不为空且lockFlag为空或为假。

$ cookieStore的使用可以替换为任何其他类型的无状态存储方法。

如果您有任何疑问，请随时提出。再见！