后台管理系统中的登录页面

通常制作登录页面，主要有几方面内容：

1、登录页面要支持自适应，也就是手机登录和PC端登录，都可以根据分辨率或显示进行自动调整；

2、用户登录的方式：账号、手机验证码、微信扫码登录；

3、如何将登录信息传给后台；

4、如果需要注册用户，则需要判断是弱密码还是强密码；

5、用户登陆后设定时间内，重新进入进入页面，可免登陆；超过时间，则需输入密码。

 

当然，这其中我觉得有两个要点：

1、登录的背景页面：有些用户需要有动画效果；背景的分辨率；

2、如何将登录信息传给后台。最好能支持跨语言，就比如说，同一个登录页面，可以在C#环境下使用，也可以在java环境下使用。

 

除此之外，需要支持登录页面的title、备案信息及相关的内容可配置。

大致的登录页面如下：

当然，还有一些UI上的细节需要完善。

遗留问题：

1、如何限制同一账号不可同时在多地登录；

2、微信扫码登录实现细节。

3、随机验证码的实现；

4、根据不同账号进入不同权限的后台；

5、登录账号信息如何传递。

 

看其他的文章时，了解到实现登陆有5种方法：

1、通过MVC Form 表单请求实现登录（其实我想知道，这种方式提交的登陆信息是json格式么？）

   2、通过AJAX GET 请求MVC Controller 实现登录

   3、通过AJAX POST 请求MVC Controller 实现登录

   4、通过AJAX GET 请求webAPI Controller 实现登录

   5、通过AJAX POST 请求webAPI Controller 实现登录

其中，一直想做个好的UI界面，但一直感觉想的界面都挺美的，却一直设计不出那种感觉、一个是在于对于html、css、js这些内容的不熟悉，所以，还是要敲敲代码，调起来逐步去琢磨和完善，才能做出来，如果只是停留在想着美，那永远都做不好。这里记录得也有点乱，所以就一步一步完善吧。

好的软件和平台都是注重细节方面，所以在整理的过程中，把这些细节整理出来，一步一步完善功能，改善用户体验。

内容持续更新中。。。。。。

 

其中，参考学习了以下链接：

https://www.cnblogs.com/chenwolong/p/Login.html