登录

　　为了帮助你设计登录界面，这里网页教学网收集了一些漂亮的登录界面设计，希望你能喜欢这些设计并从中获取灵感，然后设计出适合自己的登录界面设计方案。

　　在我们设计一个登录框或登录页面的时候，会产生很多疑惑，比如，它应该写成“login”?“login”?还是“signin”?忘记密码应该怎么写?加入一个“取消”按钮怎么样?应该保持登录或者在本机上记住我?布局应该是水平的还是垂直的?登录应该是一个独立的页面还是类似于弹出窗口?——为了帮助你设计登录界面，这里网页教学网收集了一些漂亮的登录界面设计，希望你能喜欢这些设计并从中获取灵感，然后设计出适合自己的登录界面设计方案。

　　

 

　　

 

　　

 

　　

 

　　

 

　　

 

　　

 

　　为了帮助你设计登录界面，这里网页教学网收集了一些漂亮的登录界面设计，希望你能喜欢这些设计并从中获取灵感，然后设计出适合自己的登录界面设计方案。

　　昨晚本来想更新一篇文章，却没想到博客后台管理登陆不上了。首先判断用户名和密码是否正确，由于我用户名密码是用RoboForm工具加密保存的，肯定不会错的。于是之前手动修改了Link.asp等2个链接文件模板后网站出现错误，打不开。替换了一些asp文件和数据库后才解决的。话虽如此再确认一下密码是必要的，在数据库把正确的密码替换后上传后测试还是不行，把数据库放到别的博客可以登录，说明密码没问题。然后百度，谷歌查原因，发现也有不少问zblog无法登陆问题的，也有几个解决办法。比如替换common.js，输入用户名后选择保存一天再输入密码，以及修改SetCookiejs函数，我试了都不行。本人也懂一些代码，于是想找找程序处理登陆功能的相关代码，zbolg架构比较细，一层一层还真不容易找，就用Dreamweaver批量查找与用户名相关数据库字段，已经22点过了，比较困了，查找替换弄错了，把相关字段都替换为空了。。。于是就想明天再弄了。

　　昨天是想从处理登陆结果数据库操作代码找起的，反着来的。今天从出问题的页面一步一步开始找原因，很快就发现了问题点。点了登陆按钮，页面只是刷新了一下，没有做任何处理。然后看login.asp代码分析找问题。表单的action值没有在form里面直接写上，而是js赋值的。也就是action值没有被赋值就提交了，显然在赋值之前js存在错误导致没有被赋值。经分析发现js里面有几处“;”号没有写。修改调整，测试后可以正常登陆了。今天就把这事件和处理办法写出来，虽然和东革阿里博客主题有点不相关，也希望给以后有同样问题的朋友一些帮助。

　　------------------------以上闲话可以忽略不看------------------------

　　问题：zblog无法登陆

　　现象：输入正确的用户名密码验证码后点击登陆按钮无任何提示，页面只刷新一下。

　　zblog无法登陆，原因有很多，比如数据库连接，密码错误等等，这些是有提示错误原因的。这些原因相信站长自己可以识别或者解决。此方法仅适用上面所述现象的解决。看清楚了哦，问题由来可能是博客安装后由于搬家或备份修复，替换了某些文件导致的。可能是读取cookies出错导致表单action没赋值。

　　处理办法：

　　1.找到并用记事本打开根目录login.asp页面

　　2.把下面代码：

　　if(GetCookie("username")){document.getElementById("edtUserName").value=unescape(GetCookie("username"))};document.getElementById("btnPost").onclick=function(){varstrUserName=document.getElementById("edtUserName").value;varstrPassWord=document.getElementById("edtPassWord").value;varstrSaveDate=document.getElementById("edtSaveDate").valueif((strUserName=="")||(strPassWord=="")){alert("");returnfalse;}strUserName=escape(strUserName);strPassWord=MD5(strPassWord);SetCookie("username",strUserName,strSaveDate);SetCookie("password",strPassWord,strSaveDate);document.getElementById("frmLogin").action="cmd.asp?act=verify"}

　　替换成：

　　document.getElementById("btnPost").onclick=function(){varstrUserName=document.getElementById("edtUserName").value;varstrPassWord=document.getElementById("edtPassWord").value;varstrSaveDate=document.getElementById("edtSaveDate").value;if((strUserName=="")||(strPassWord=="")){alert("");returnfalse;}strUserName=escape(strUserName);strPassWord=MD5(strPassWord);SetCookie("username",strUserName,strSaveDate);SetCookie("password",strPassWord,strSaveDate);document.getElementById("frmLogin").action="cmd.asp?act=verify";}if(GetCookie("username")){document.getElementById("edtUserName").value=unescape(GetCookie("username"));}

　　改动的地方是二句代码加了个“;”，如下：

　　varstrSaveDate=document.getElementById("edtSaveDate").value

　　document.getElementById("frmLogin").action="cmd.asp?act=verify"

　　移动了一个“;”,语句变成如下：

　　if(GetCookie("username")){document.getElementById("edtUserName").value=unescape(GetCookie("username"));}

　　以及上面这句代码位置移动改变了一下。

　　3.保存后上传空间，替换原来页面。再测试Ing。。。

　　无法登陆的朋友一定要看清楚上面现象，不是所有不能登陆原因都可以解决的!花了我半天以上时间，能帮到大家也值得的。

　　修改前代码如下：

　　

 

　　修改后代码如下：

　　

 

　　文章原创于东革阿里的博客www.ok365ok.com，转载请注明出处。O(∩_∩)O~

　　互联网时代，网站五花八门，门类繁多，每次登录都是姿势多样，有时真是让人烦不胜烦。

　　为了便利用户登录小猪电商平台或者平台中的各个商家店铺，码农哥哥们对小猪电商客户平台的登录模式进行再次开发升级。

　　小编就是活雷锋，有好东西绝不藏着掖着，往往都是迫切的希望展现给大家。所以，2种登录模式，小编带你抢先看。

　　

 

　　1、静默登录

　　平台客户进入系统后台，在【系统设置】—【站点配置】—【会员配置】中找到Wap端登录模式，选择静默登录，点击提交即可完成设置。

　　

 

　　开启静默登录后，用户首次使用微信扫码，并完成授权后，页面将自动转至平台商城或者商家店铺，完成登录(小猪电商系统自动识别用户信息，无需注册)。点击店铺会员中心，进入用户个人中心，用户信息也是自动生成，可以直接进行相关操作。首次登录后，用户在下次登录中，将不需要微信授权，就可以直接登录。

　　手指轻轻一点，无需手动输入账号密码，直接完成登录。静默登录简化了用户登录的繁琐程序，给予了用户轻松的登录体验。

　　2、手机号绑定登录

　　如果平台客户在Wap端登录模式中选择了手机号绑定登录，那么用户在首次登录中将有两种选择方式。

　　1)绑定账号

　　当用户拥有平台商城或者某商家店铺手机账号，但却没有绑定时，可选择这种方式。填写手机号，输入密码，点击绑定登录，完成登录。

　　

 

　　2)注册新账号

　　如果用户没有平台商城或者商家店铺手机账号的话，就需要选择注册新账号，填写相关信息，完成注册绑定。

　　

 

　　首次登录完成手机号码绑定之后，用户在下次登录中直接微信扫码即可登录。

　　不同的登录模式，给予用户不同的登录体验，以上两种登录模式已经上线啦，快快去体验吧!

　　互联网时代，网站五花八门，门类繁多，每次登录都是姿势多样，有时真是让人烦不胜烦。

　　为了便利用户登录小猪电商平台或者平台中的各个商家店铺，码农哥哥们对小猪电商客户平台的登录模式进行再次开发升级。

　　小编就是活雷锋，有好东西绝不藏着掖着，往往都是迫切的希望展现给大家。所以，2种登录模式，小编带你抢先看。(文章来源于http://weidian.pigcms.com/2016/2015_0526/192.html)

　　任何一个系统，不管是B/S还是C/S应用，不管是PC应用还是移动应用，都往往会有登录界面，这个登录界面是用户使用产品的入口点。一个系统登录界面的设计并没有大家想象的那么简单，只有几个输入框和一个登录按钮就可以，更应该考虑的是用户的体验。不管是使用弹出层、页面跳转还是各种网页交互技术，最终都是为了用户体验，不让登录界面带给用户不友好体验。

　　首先，登录界面要尽可能少地减少用户的信息输入。以注册表单为例，表单中如果增加一个字段信息，用户的注册率也会跟着下降，因为用户往往需要思考这个字段到底要填什么或者不知道这个字段需要填什么。特别是在是在手机上，如果填写太多的信息会让用户十分抵触，手机打字本身就不太方便输入那么多的信息，特别是那张多行文本框的段落信息。同时，在必要的时候在登录界面上提供给用户查看明文的功能，特别是密码输入，我们在注册的时候往往都会有个密码确认的框，如果两次密码不一致，用户可能会将第一次和第二次的密码信息都清楚掉再重新输入两次，越多次数的用户输入，会带给用户越多的不友好印象。

　　其次，登录或注册的提示信息。不管是移动应用还是PC应用，为用户提供最有有效的登录或注册提示信息是用户友好性的一种体现。特别是在用户注册或登录填写的表单有多个字段，而在这些字段的验证容易让用户产生歧义。表单的提示信息可以有多种形式，可以通过弹出层、红色标识字眼、相关图标等。同时，更多的登录或注册的表单输入提示可以减少用户输错的概率和帮助用户节省时间，如下图就是一个提示信息友好的例子。

　　

 

　　第三，尽量减少强制用户的操作。很多系统在登录界面就摆满了很多输入框，但是在注册和登录的时候是否都有强制验证的必要吗?在一些情况下，如果没有太大安全性的时候是可以减少这种强制验证的，而可以在用户密码或其他关键信息输错一定次数的情况下才会有强制的验证码验证。当然，强制用户的操作还包括登录界面中信息已经输了一次，页面表单提交后字段的信息就丢失，这样会给用户带来很大的反感，这也是为什么现在的网站都会采用异步ajax验证的原因。

　　此外，对错误密码的保存问题。这一点更多的是从技术上的手段，当用户第一次输入输入的密码是不正确的时候，系统就可以在得出密码输入错误后的同时将这个错误密码保存在会话当中，接着，如果用户第二次或第三次再次输入这个错误的密码时，系统就可以在与用户交互的界面上提示密码错误，通过这种技术的处理方式，可以就可以减少用户密码输错的机会，同时也可以减少一次登录信息到服务器的验证，从而一次减少服务器的处理负担。很多时候用户输入的密码其实都是错误的，因为密码输入框都是以密文*号的形式出现，所以将错误密码保存起来更有利于网站登录界面的友好性。

　　总之，不管是何种类型的系统应用都需可以在登录界面上不断雕琢，更多地是要从用户的角度出发，如果从每个细节上去让用户更加轻松地登录。并不是每个用户都是有耐心的，系统的登录注册就是用户使用产品的一扇窗，只有让用户真正轻松地从窗户看进来，才能够更好地体现产品的价值。

　　本文由北京excel培训http://www.688web.com原创，如有转载请注明出处，谢谢!