使用layui框架搭建后台布局

Original 2018-12-29 16:38:37 337
abstract:主要借助layui框架,方便实现后台的搭建。上传参数:<script type="text/javascript"> layui.use('upload', function(){  var upload = layui.upload;     //执行实例  var uploadInst = upl

主要借助layui框架,方便实现后台的搭建。

上传参数:

<script type="text/javascript">

layui.use('upload', function(){

  var upload = layui.upload;

   

  //执行实例

  var uploadInst = upload.render({

    elem: '#test1' //绑定元素

    ,url: '/upload/' //上传接口

    ,done: function(res){

      //上传完毕回调

    }

    ,error: function(){

      //请求异常回调

    }

  });

});

</script>

弹窗跳出页面

function add(){

  layer.open({

  type: 1, 

  content: 'admin.html' //这里content是一个普通的String

});

}

消息提示框

  function logout(){


  layer.confirm('确定要退出', {

  icon:3, //2是X,3是? 一共1--6

  btn: ['退出', '取消'] //可以无限个按钮

  }, function(index, layero){

  //按钮【按钮一】的回调

}, function(index){

  //按钮【按钮二】的回调

});

  }

使用layui的时候要先初始化,放可以使用form,pager,element

layui.use(['element','layer'], function(){

  var element = layui.element;

  var layer = layui.layer;

});


Correcting teacher:天蓬老师Correction time:2018-12-29 17:05:00
Teacher's summary:每个框架都有自己的语法 规则 , 只有多写才能记住

Release Notes

Popular Entries