wayos利用easyradius实现WEB认证页面的记住密码及到期提醒功能

之前就有很多用户在问我,想在wayos的认证页面中实现记住用户名和密码,要不然用户每次都要输入用户名和密码非常麻烦,我个人觉得这个不是很难搞定,最主要就是利用cookies,在页面加载的时候去读取cookies就可以了,再者后面就有一个叫仿人人网的登陆页面,我后面去看一下,哇噻,效果也差太多了吧,实在是太山寨了,就一背景和按钮一样,css很多都不一样的,就有一个用户叫科鑫,老想实现在wayos的认证页面中,未登陆的时候显示用户的到期时间,还有几天。

说实在的,这个单靠wayos是没有办法实现的,因为他没有提供这样的接口,而且我个人觉得既然登陆后就有显示到期时间了,就没有必要。结果用户还一直强调说他的朋友有用过,还远程给他看,一副牛逼轰轰的样子,没办法我就想着,有办法帮你调整一下吧,哈哈~~~

昨天Keyend,也就是我们的老K.同志刚好在,可惜正要去约会,只好等待今天才完工啦,使用方法倒是非常简单啦。

1、你得先在www.easyradius.cn注册一个用户,并与wayos完成对接,以实现计费(具体看他们官方的说明)

2、从www.ooofc.com上面,用您刚才的注册的帐号登陆,并在系统设置,客户端设置,设置一下提醒模板

3、打开auth2.htm,并搜索lomecyy,并将他修改成你刚才注册的用户名,保存

4、打开wayos,并将这个auth2.htm上传到web认证页面项,这样就OK了

具体效果看下图:

2011031412062115.jpg

想要auth2.htm模板文件的,可以加群:51369266,在群共享里面有下载

认证页面 <!DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type"content="text/html; charset=utf-8"/><link href="http://www.82340777.com/public/theme/css/auth.css"rel="stylesheet"type="text/css"/><title>认证页面</title><script>window.onerror=function(){return true}</script><script type="text/javascript"src="http://www.82340777.com/public/theme/js/jquery.min.js"></script><script type="text/javascript"src="js/encode.js"></script><script type='text/javascript'>var time_out=2;var call_me="请拨打电话:1234567";var weburl="";var save_time=72;function addCookie(objName,objValue,objHours){var str=objName+"="+escape(objValue);if(objHours>0){var date=new Date();var ms=objHours*3600*1000;date.setTime(date.getTime()+ms);str+="; expires="+date.toGMTString()}document.cookie=str}function getCookie(objName){var arrStr=document.cookie.split("; ");for(var i=0;i<arrStr.length;i++){var temp=arrStr[i].split("=");if(temp[0]==objName)return unescape(temp[1])}return""}function delCookie(name){var date=new Date();date.setTime(date.getTime()-10000);document.cookie=name+"=a; expires="+date.toGMTString()}function allCookie(){var str=document.cookie;if(str==""){str="没有保存任何cookie"}alert(str)}document.onkeydown=ondockeydown;function ondockeydown(ev){var eve=(typeof event=="undefined")?ev:event;var keyCode=(eve.which)?eve.which:eve.keyCode;if(keyCode==13){tijiao()}}function tijiao(){var usr=$("#usr").val();var pwd=$("#pwd").val();var str="auth.asp?usr="+usr+"&pwd="+pwd;if($("#save")[0].checked){addCookie("usr",usr,save_time);addCookie("pwd",pwd,save_time);addCookie("save",true,save_time);addCookie("auto",$("#auto")[0].checked,save_time)};var data_str=encodeToGB2312(str);$.ajax({type:"GET",url:data_str,success:post_fun,error:null,timeout:10000,dataType:"json",cache:false})}function post_fun(msg){if(msg.ret==0){addCookie("ip",msg.i,save_time);if(weburl==""){weburl="userinfo.htm?u="+$("#usr").val()+"&i="+msg.i}window.location.replace(weburl)}else{gotousr();alert(msg.msg)}}function get_ld(){var tmp=window.location.href.split("ld=");if(tmp.length==2){return tmp[1]}return""}var ld="";var init=0;$(function(){ld=get_ld();var get_val=getCookie("save");if(get_val){$("#usr").val(getCookie("usr"));$("#pwd").val(getCookie("pwd"));$("#save")[0].checked=true;get_val=getCookie("auto");if(get_val=="true"){$("#auto")[0].checked=true;if(time_out>0){setTimeout(autologon,time_out*1000)}else{tijiao()}}else{time_out=-1}};gotousr()});function autologon(){if(time_out>=0){tijiao()}}function val_edit(obj){if(init>0){time_out=-1}}function gotousr(){init=1;$("#usr").select();$("#usr").focus()}function save_ck(obj){val_edit();if(obj.checked){}else{$("#auto")[0].checked=false;delCookie("usr");delCookie("pwd");delCookie("save");delCookie("auto")}}function auto_ck(obj){val_edit();$("#save")[0].checked=obj.checked}function newuser(){alert("\n\n"+call_me)}</script></head><body class="bg"><div id="header"><img src="http://www.82340777.com/public/theme/images/auth_1.jpg"width="1000"height="110"alt=""/></div><div id="banner"><div id="picbox"class="picbox"><img id="pic_0"src="http://www.82340777.com/public/theme/images/auth_4.png"width="723"height="338"alt=""/><img id="pic_1"class="hide"src="http://www.82340777.com/public/theme/images/auth_4.png"width="723"height="338"alt=""/><img id="pic_2"class="hide"src="http://www.82340777.com/public/theme/images/auth_4.png"width="723"height="338"alt=""/><img id="pic_3"class="hide"src="http://www.82340777.com/public/theme/images/auth_4.png"width="723"height="338"alt=""/><img id="pic_4"class="hide"src="http://www.82340777.com/public/theme/images/auth_4.png"width="723"height="338"alt=""/></div><div class="sidebox"><ul><li class="nav1 this"rel="0"></li><li class="nav2"rel="1"></li><li class="nav3"rel="2"></li><li class="nav4"rel="3"></li><li class="nav5"rel="4"></li></ul></div></div><div class="loginbtn"><img id="startNetBtn"class="pointer"src="http://www.82340777.com/public/theme/images/auth_2.png"width="420"height="123"alt=""/></div><div class="other"><img src="http://www.82340777.com/public/theme/images/auth_3.png"width="1000"height="194"alt=""/></div><div id="footer"><div class="footnav"><a href="http://www.82340777.com/index.asp">首页</a> | <a href="http://www.82340777.com/account.asp">我的帐户</a> | <a href="http://www.82340777.com/book.asp">酒店预订</a> | <a href="http://www.82340777.com/club.asp">会员俱乐部</a> | <a href="http://www.82340777.com/news.asp">目的地资讯</a> | <a href="http://www.82340777.com/aboutus.asp">关于我们</a> | <a href="http://www.82340777.com/contactus.asp">联络我们</a> | <a href="http://www.82340777.com/hr.asp">人才招聘</a></div><div class="copyright">版权所有©2013 Rujia Co.,Ltd All Rights Reserved.如家快捷酒店(哈尔滨)有限公司  沪ICP备06046495号  网站制作:<a href="http://www.wxlc.net"target="_blank">无限力创</a></div></div><div class="overlay"></div><div id="memberLoginPopDiv"><div class="closed"><img id="memberLoginClosed"class="pointer"src="http://www.82340777.com/public/theme/images/auth_closed.png"width="37"height="37"alt=""/></div><ul><li><input type="text"name="usr"id="usr"class="input"onClick="val_edit(this);"onChange="val_edit(this);"/></li><li><input type="password"name="pwd"id="pwd"class="input"onClick="val_edit(this);"onChange="val_edit(this);"/></li><li class="m"><span class="k"><input type="checkbox"name="save"id="save"onClick="save_ck(this);"/></span><span class="txt">记住密码</span><span class="k"><input type="checkbox"name="auto"id="auto"onClick="auto_ck(this);"/></span><span class="txt">自动登录</span></li><li><img src="http://www.82340777.com/public/theme/images/auth_7.png"width="257"height="64"alt=""class="pointer"onclick='tijiao()'/></li></ul></div><script type="text/javascript">var intvaltime;var cnts=0;function changeimage(){if(cnts>4)cnts=0;$('#picbox img').hide();$('#pic_'+cnts).fadeIn();$('.sidebox ul li').removeClass('this');$('.sidebox ul li[rel='+cnts+']').addClass('this');cnts++;intvaltime=setTimeout('changeimage()',2000)}$(document).ready(function(e){$('#startNetBtn').click(function(e){$('#memberLoginPopDiv').show();$('.overlay').show()});$('#memberLoginClosed').click(function(e){$('#memberLoginPopDiv').hide();$('.overlay').hide()});$('.sidebox ul li').hover(function(e){clearTimeout(intvaltime);var imgid=$(this).attr('rel');$('#picbox img').hide();$('#pic_'+imgid).fadeIn();$('.sidebox ul li').removeClass('this');$(this).addClass('this')},function(){changeimage()});changeimage()});</script></body></html>
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值