layui基本操作

本次存储

//保存
layui.sessionData('tmpl',{key:'tmpl_id',value:tmpl_id});
//查询
console.log('模版ID：'+layui.sessionData('tmpl').tmpl_id);
//删除
layui.sessionData('tmpl',{key:'tmpl_id',remove:true});
console.log('模版ID：'+layui.sessionData('tmpl').tmpl_id)

打开新标签页

window.parent.layui.index.openTabsPage('/taskrecord?taskId='+data.work_task_id, '执行记录')

监听submit提交

form.on('submit(*)', function(data){
  console.log(data.elem) //被执行事件的元素DOM对象，一般为button对象
  console.log(data.form) //被执行提交的form对象，一般在存在form标签时才会返回
  console.log(data.field) //当前容器的全部表单字段，名值对形式：{name: value}
  return false; //阻止表单跳转。如果需要表单跳转，去掉这段即可。
});

表单验证

通用请求

        admin.req({
                url: '/auth' //实际使用请改成服务端真实接口
                ,method:'post'
                ,data: obj.field
                ,done: function(res){
                    console.log(res.data);
                    //请求成功后，写入 access_token
                    layui.data(setter.tableName, {
                        key: setter.request.tokenName
                        ,value: res.data
                    });

                    //登入成功的提示与跳转
                    layer.msg('登入成功', {
                        offset: '15px'
                        ,icon: 1
                        ,time: 1000
                    }, function(){
                        location.href = 'index.html'; //后台主页
                    });
                }
            });

layui 带token访问后台需要验证的接口

JWT
1、lay-url:

lay-headers="{Authorization: '{{layui.data('platform').access_token}}' }"

2、admin.req:

beforeSend: function (xhr) {
xhr.setRequestHeader ("Authorization", layui.data('platform').access_token);
}

3、table:

headers: {
'Authorization': layui.data('platform').access_token
}

绑定时间框

 laydate.render({
        elem: '#startTime'
        ,trigger: 'click'   //防止弹窗闪退
        ,type: 'datetime'
    });

个人博客 > 欢迎来访