All geek questions in one place

Best way to implement ExtJS application login screen

What is the best way to implement the ExtJS login screen (preferably without redirecting the user to a new page)?

The two ideas I have cited so far are as follows:

  • The map layout inside the viewport, where the first element is the login screen and the second element is the main application. Switch cards at the entrance / exit from the system and, of course, check all the actions on the server side.
  • The viewport containing the login window. When a user logs in to the login window, he is removed from the viewport and replaced by the main application. Conversely, when the user logs out. Again, all actions will be checked on the server side.

At least in my opinion, option one seems better. Does anyone have any recommendations regarding which option to use, other options or modifications to my options?

+4
source share
1 answer

I have implemented the second option for my site, and I am pleased with the results.

It is effective. All components of the main application are checked with the server to make sure that the user is actually authenticated before rendering based on data received from the server. The basic layout is pretty simple when it is either on or in a login state, where various components are registered with Viewport based on state.

I would have to try the map layout option to give an informed opinion on whether this is better than 2, but they seem similar to me.

Macy

+2
source

Source: https://habr.com/ru/post/1337269/

More articles:


All Articles