taotao前台页面显示登录用户名的处理

思路：

在每个页面上都引入一个 jsp，这个 jsp 可以是页面的头 head 或者脚 footer.jsp

然后在这个 jsp 中引入一个 js，这个 js 中有个 随页面加载而执行的方法，

这个方法就是向后台发送 ajax 的 jsonP 请求，请求参数就是 cookie 中的 token。

后台根据 token 到 redis 中查询用户，如果查询到，则将用户信息返回，展示到前台，若没有查到，则不做任何事。

因为每个页面上都引入了上面的 jsp和js 所以，每次只要有页面跳转，就会向后台发送请求，查询当前 token 对应的用户信息，所以每个页面上都会显示当前登录的用户名。

未登录时效果：

登录后的效果：

taotao的具体实现：

比如在商品详情页面 item.jsp 中就加入了 footer.jsp

然后在 footer.jsp 中引入了 taotao.js :

taotao.js 代码：

var TT = TAOTAO = {

    checkLogin : function(){

        var _ticket = $.cookie("TT_TOKEN");

        if(!_ticket){

            return ;

        }

        $.ajax({

            url : "http://localhost:8084/user/token/" + _ticket,

            dataType : "jsonp",

            type : "GET",

            success : function(data){

                if(data.status == 200){

                    var username = data.data.username;

//                    var html = username + "，欢迎来到淘淘！<a href=\"http://www.taotao.com/user/logout.html\" class=\"link-logout\">[退出]</a>";

                    var html = username + "，欢迎来到淘淘！<a href=\"http://localhost:8084/page/logout/"+_ticket+"\" class=\"link-logout\">[退出]</a>";

                    $("#loginbar").html(html);

                }

            }

        });

    }

}

$(function(){

    // 查看是否已经登录，如果已经登录查询登录信息

    TT.checkLogin();

});

其中的

var _ticket = $.cookie("TT_TOKEN");

是 jquery 操作 cookie 的方法，可以百度 $.cookie 参考相关文档。

巴特西

taotao前台页面显示登录用户名的处理

最新文章

热门文章