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

通常制作登录页面,主要有几方面内容:

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

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

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

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

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

当然,这其中我觉得有两个要点:

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

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

扫描二维码关注公众号,回复: 10536382 查看本文章

除此之外,需要支持登录页面的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 

发布了125 篇原创文章 · 获赞 9 · 访问量 3万+

猜你喜欢

转载自blog.csdn.net/jiezhang656/article/details/102760844