LayUI 1.0.9 升级 至 LayUI 2.1.4 方法
layui 是一款采用自身模块规范编写的情怀级前端UI框架,遵循原生HTML/CSS/JS的书写与组织形式,门槛极低,拿来即用。其外在极简,却又不失饱满的内在,体积轻盈,组件丰盈,从核心代码到API的每一处细节都经过精心雕琢,非常适合界面的快速开发。layui 首个版本发布于2016年金秋,她区别于那些基于MVVM底层的UI框架,却并非逆道而行,而是信奉返璞归真之道。准确地说,她更多是为服务端程序员量身定做,你无需涉足各种前端工具的复杂配置,只需面对浏览器本身,让一切你所需要的元素与交互,从这里信手拈来。
为了方便WDPHP素材源码后期更好的更新,目前已将LayUI升级至 LayUI 2.1.4。现在整理出具体的升级方法:
Form 模块
由之前的 var form = layui.form() 改为:var form = layui.form
Element 模块
由之前的 var element = layui.element() 改为:var element = layui.element
Upload 模块
由之前的
<input type="file" name="file(可随便定义)" class="layui-upload-file"> <script> layui.use('upload', function(){ var upload = layui.upload; layui.upload({ url: '上传接口url' ,success: function(res){ console.log(res); //上传成功返回值,必须为json格式 } }); }); </script>
改为
<button type="button" class="layui-btn" id="test1">上传图片</button> <script> layui.use('upload', function(){ var upload = layui.upload; //执行实例 var uploadInst = upload.render({ elem: '#test1' //绑定元素 ,url: '/upload/' //上传接口 ,done: function(res){ //上传完毕回调 } ,error: function(){ //请求异常回调 } }); }); </script>
WDPHP素材源码 提供持久更新
相关内容
这些是最新的
热门排行
- THINKPHP5+GatewayWorker+Workerman 开发在线客服系统
- 在手机浏览器网页中点击链接跳转到微信界面的方法
- 尊云网站目录系统 ThinkPHP5网站分类目录程序 v2.2.221011
- CentOS 7安装shadowsock(一键安装脚本)
- AdminTemplate 基于LayUI 2.4.5实现的网站后台管理模板
- 用NW.js(node-webkit)开发多平台的桌面客户端
- PHP生成随机昵称/用户名
- THINKPHP5网站分类目录程序 尊云网站目录系统
- 织梦(DEDECMS)微信支付接口 微信插件
- 基于LayUI开发的 网站后台管理模板 BeginnerAdmin
- 响应式后台网站模板 - AMA.ADMIN
- LayUI 1.0.9 升级 至 LayUI 2.1.4 方法
- layuiAdmin后台管理模板 Iframe版
- 简洁清爽的会员中心模板
- jQuery幸运大转盘抽奖活动代码