关闭

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

348人阅读 评论(0) 收藏 举报

 

新版逐浪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官网了解。

 

 

0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:371436次
    • 积分:8050
    • 等级:
    • 排名:第2623名
    • 原创:442篇
    • 转载:13篇
    • 译文:1篇
    • 评论:72条
    文章分类
    最新评论