LayUI超简单导出execl模板(⽆数据模板)
因业务需求,点击按钮,⽣成⼀个execl模板,给⽤户按照模板填写数据
然后发现Layui⾃带⼀个带出execl的功能,可以作为⽣成execl模板直接使⽤,⽆后端交互,直接前端⽣成,并且只需⼏⾏数据。
实现如下
点击⾃带⽣成execl表格,并且下载到本地
代码如下:
<div class="layui-col-md7">
layui下载<div class="layui-form-item">
<label class="layui-form-label">上传订单Excel表格</label>
<div class="layui-upload">
<button type="button"class="layui-btn layui-btn-normal"id="test8">选择⽂件(Excel)</button>
<button type="button"class="layui-btn"id="test9">上传预览</button>
</div>
</div>
</div>
var form = layui.form, $ = layui.jquery,layer = layui.layer;
$("#test10").on("click",function(){
portFile(['资产名称','资产类别','资产来源⽅式','资产存放位置上级位置','资产存放具体位置','使⽤⼈所属部门','使⽤⼈名','资产品牌','资产规格','资产价格','备注'],
[['如:电脑主机(必填)','电⼦产品(必填)','采购(⾮必填)','三楼(必填)','开发部(必填)','产品部(⾮必填)','刘珊渝(⾮必填)','三星(⾮必填)','破灭者206(⾮必填)','233 3(必填)','⽆(⾮必填)'],
['说明:存放在⾏政楼-三楼-开发部,固定资产-电⼦产品-电脑主机,使⽤⼈:3333,账户-333333 所属部门为产品部,电脑主机为三星牌的破灭者206,价格2333元, 备注⽆'],
['注意:上传时请将提⽰⽂字(除表头"资产类别所属类别","资产类别所属类别".....)删除,否侧上传失效。默认只上传⼀页Execl表格']],'xlsx');
});
这种⽅式虽然很简单,不需要任何⽂件上下传,直接前端就可以,但也有很⼤的问题,就是WPS完全可以按照定义的格式打开。但office打开会因为版本低的问题,出现格式错误(⽐⽅列合并、或者直接改变⽂件格式)
由于这些各种版本导致的bug问题,舍弃这种这么简单的⽅式,改为⽂件流下载。。。。。。。
下次有空更新
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论