layui引入cookie_layui cookie

jquery-cookie文件包下载地址：链接：https://pan.baidu.com/s/1ZCIFVBtuxREeMgL8hlzUHQ   提取码：abcd 

1.思路：

layui.define('jquery', function (exports) {   
//依赖jQuery   
var jQuery = layui.jquery;  
//插件内容  
//将jquery.cookie.js文件的内容复制到此处 ，参加信息化项目jquery-cookie文件夹下的cookie.js文件/root/assets/module/jquery-cookie/src/cookie  
exports('jquery.cookie', null); //'jquery.cookie文件名随意取名' 
});  
//使用方法  
layui.use('jquery.cookie', function () {}); 

2.引入代码

//引入cookie
layui.use(['layer', 'form', 'jquery'], function () {
    var layer = layui.layer,
        $ = layui.jquery,
        form = layui.form;
//这样就可以正常使用jquery了
    $("#btn").click(function () {
        layer.msg('hello world')
    });
});
layui.define(["jquery"], function (exports) {
    let jQuery = layui.jquery;
    (function ($) {
        /*!
        * jQuery Cookie Plugin v1.4.1
        * https://github.com/carhartl/jquery-cookie
        *
        * Copyright 2013 Klaus Hartl
        * Released under the MIT license
        */
        (function (factory) {
            if (typeof define === 'function' && define.amd) {
// AMD
                define(['jquery'], factory);
            } else if (typeof exports === 'object') {
// CommonJS
                factory(require('jquery'));
            } else {
// Browser globals
                factory(jQuery);
            }
        }(function ($) {
            var pluses = /\+/g;
 
            function encode(s) {
                return config.raw ? s : encodeURIComponent(s);
            }
 
            function decode(s) {
                return config.raw ? s : decodeURIComponent(s);
            }
 
            function stringifyCookieValue(value) {
                return encode(config.json ? JSON.stringify(value) : String(value));
            }
 
            function parseCookieValue(s) {
                if (s.indexOf('"') === 0) {
// This is a quoted cookie as according to RFC2068, unescape...
                    s = s.slice(1, -1).replace(/\\"/g, '"').replace(/\\\\/g, '\\');
                }
                try {
// Replace server-side written pluses with spaces.
// If we can't decode the cookie, ignore it, it's unusable.
// If we can't parse the cookie, ignore it, it's unusable.
                    s = decodeURIComponent(s.replace(pluses, ' '));
                    return config.json ? JSON.parse(s) : s;
                } catch (e) {
                }
            }
 
            function read(s, converter) {
                var value = config.raw ? s : parseCookieValue(s);
                return $.isFunction(converter) ? converter(value) : value;
            }
 
            var config = $.cookie = function (key, value, options) {
// Write
                if (value !== undefined && !$.isFunction(value)) {
                    options = $.extend({}, config.defaults, options);
                    if (typeof options.expires === 'number') {
                        var days = options.expires, t = options.expires = new Date();
                        t.setTime(+t + days * 864e+5);
                    }
                    return (document.cookie = [
                        encode(key), '=', stringifyCookieValue(value),
                        options.expires ? '; expires=' + options.expires.toUTCString() : '', // use expires attribute, max-age is not supported by IE
                        options.path ? '; path=' + options.path : '',
                        options.domain ? '; domain=' + options.domain : '',
                        options.secure ? '; secure' : ''
                    ].join(''));
                }
 
// Read
                var result = key ? undefined : {};
// To prevent the for loop in the first place assign an empty array
// in case there are no cookies at all. Also prevents odd result when
// calling $.cookie().
                var cookies = document.cookie ? document.cookie.split('; ') : [];
                for (var i = 0, l = cookies.length; i < l; i++) {
                    var parts = cookies[i].split('=');
                    var name = decode(parts.shift());
                    var cookie = parts.join('=');
                    if (key && key === name) {
// If second argument (value) is a function it's a converter...
                        result = read(cookie, value);
                        break;
                    }
// Prevent storing a cookie that we couldn't decode.
                    if (!key && (cookie = read(cookie)) !== undefined) {
                        result[name] = cookie;
                    }
                }
                return result;
            };
            config.defaults = {};
            $.removeCookie = function (key, options) {
                if ($.cookie(key) === undefined) {
                    return false;
                }
// Must not alter options, thus extending a fresh object...
                $.cookie(key, '', $.extend({}, options, {expires: -1}));
                return !$.cookie(key);
            };
 
        }));
 
    })(jQuery);
    exports('cookie', null);
});

3.在服务端把数据写入cookie 

//用户角色
List<UserRoleVo> userRoleList = authorizationService.getUserRoles(userId);
String canSee = "";
for (UserRoleVo userRoleVo: userRoleList){
    if ("项目群管理员".equals(userRoleVo.getName())){
        canSee = "true";
    }
}
 
//创建Cookie
Cookie cookie = new Cookie("canSee", canSee);
//设置Cookie的最大生命周期,否则浏览器关闭后Cookie即失效
cookie.setMaxAge(Integer.MAX_VALUE);
//将Cookie加到response中
response.addCookie(cookie);

4.在当前页使用 

layui.define(function (exports) {
 
    layui.extend({ //设定模块别名
        cookie: '{/}/root/assets/module/jquery-cookie/src/cookie',
        admin: '{/}/root/assets/module/lib/admin'
    }).use(['admin', 'jquery', 'carousel', 'layer', 'form', 'cookie', 'element', 'table', 'laydate'], function () {
        var $ = layui.jquery
            , admin = layui.admin
            , carousel = layui.carousel
            , layer = layui.layer
            , form = layui.form
            , cookie = layui.cookie
            , element = layui.element
            , jquery = layui.jquery
            , laydate = layui.laydate
            , table = layui.table;
 
        var canSee = $.cookie('canSee');
        if (canSee != "true") {
            //页面初始化要执行的方法
        } else {
            //页面初始化要执行的方法
        }
 
    exports('console', {})
});