您的位置:首页 > 其它

[5.0功能展示]会员登陆调用更加灵活与方便

2011-01-10 16:26 447 查看
新版逐浪CMS5.0,在处理用户登陆机制上,同时提供了多种模式。

方式一:Ajax无刷新自由控件引用

oomLa Ajax登录API: ZoomLa.ajaxlogin(username,password,[callback])
ZoomLa Ajax退出API: ZoomLa.ajaxlogout([callback])

说明:
username
:登录名
password:登录密码
callback:登录(退出)成功后回调函数

开发实例:
首先在页面中引入JS

<script type="text/javascript" src="/js/jquery.js"></script>
<script type="text/javascript" src="/js/jqueryajax.js"></script>



然后在页面的body区引用登录框代码

用户名:<input type="text" id="username" />
密码:<input type="password" id="password" />
<input type="button" value="登 录" onClick="Login()"/>


退出按钮:<input type="button" value="退出" onClick="Logout()"/>

最后,在页面头部引用JS登录代码:

<script type="text/javascript">
//登录
function Login(){
var username=document.getElementById("username").value;
var password=document.getElementById("password").value;

//Ajax登录过程
ZoomLa.ajaxlogin(username,password,function(){
alert("登入成功");
//Do Something 登录成功回调函数
});
}

//退出
function Logout(){
ZoomLa.ajaxlogout(function(){
alert("退出成功");
//Do Something 退出成功回调函数
});
}
</script>



这样,一个方便易用的无刷新登陆就做成了,而且可以自由引用,适合开发应用。





方式二:iframe框架引用

如果认为上一种方法过于复杂,那么使用 iframe嵌入登录: 样式参数Style(1 为纵向,2 为横向) 默认为纵向,

其规则为:<iframe src="/login.aspx?Style=2" frameborder="0" width="600" height="30"></iframe>


样式:



横向调用代码:<iframe src="/login.aspx?Style=1" frameborder="0" width="600" height="150"></iframe>

样式:





更多的精彩请登录Zoomal!逐浪CMS官网了解。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐