Usually making the login page, there are several aspects:
1, the login page to support adaptive, that is, phone log and the PC login, it can be automatically adjusted according to the resolution or display;
2, user login mode: account number, phone code, micro-code channel scan log;
3, how to log information to the background;
4, if the user needs to register, it is necessary to determine the password is a weak or strong password;
5, the user sets after landing time, to re-enter into the page, you can avoid landing; over time, you need to enter a password.
Of course, this is where I think there are two main points:
1, the background of the login page: Some users need to have animation effects; resolution background;
2, how to log information to the background. Best to support cross-language, for example, the same login page, can be used in C # environment, it can also be used in a java environment.
In addition, the need to support the title of the login page, registration information and relevant content can be configured.
Roughly login page as follows:
Of course, there are some details on the UI needs improvement.
Remaining problem:
1, how to limit the same account can not log on at the same time and more;
2, the micro-channel scan code sign-on implementation details.
3, to achieve random verification code;
4, into the different accounts with different permissions according to the background;
5, how login account information transfer.
When to see other article, learn five ways to achieve landing:
1, by MVC Form login form to request realization (in fact, I would like to know the login information submitted in this way is json format it?)
2, log on to achieve through AJAX GET request MVC Controller
3, by AJAX POST request MVC Controller achieved Login
4, log on to achieve through AJAX GET request webAPI Controller
5, by AJAX POST request webAPI Controller achieved Login
Among them, always wanted to be a good UI interface, but has always wanted to feel the interface rather pretty, but it has been designed to not feeling, it is that a for html, css, js content is not familiar with, so, or to knock knock Code, tune up and improve gradually pondering to do it, if only to stay in the United States thinking, that always do well. Recorded here was also a bit messy, so step by step to improve it.
Good software and platforms are focused on the details, so the process of finishing in the details sorted out, step by step to improve function, improve the user experience.
Continuously updated content in. . . . . .
Wherein the reference learned the following links:
