1、使用表格展示基本数据
首先写一个table作为我们将要使用的表格,用以获取我们后台传递过来的数据。
<div class="layui-card-body ">
<table class="layui-table" id="customer" lay-filter="customer"></table>
</div>
紧接着在js中写入方法遍历数据。使用ajax请求数据接口。把得到的数据值进行便利。
有时候我们的数据需要转换为文字或者判断,那就在需要这样操作的数据后面加一个
,templet: '#apply_medicine'
#后面跟着的是你要进行数据操作的script的id 下面代码都有可以看下具体用法
-------------------------------------------------------------------------------------------------
<form class="layui-form layui layui-col-space5" onsubmit="return false">
<div class="layui-input-inline layui-show-xs-block">
<input type="text" name="order_number" id="order_number"
placeholder="订单编号" autocomplete="off" class="layui-input">
</div>
<div class="layui-input-inline layui-show-xs-block">
<input type="text" name="sale_time" class="layui-input"
id="sale_time" placeholder="销售时间">
</div>
<div class="layui-inline layui-show-xs-block">
<button class="layui-btn" lay-filter="save" lay-submit="">
<i class="layui-icon">&
</button>
</div>
</form>
-------------------------------------------------------------------------------------------------
<div class="layui-card-body ">
<table class="layui-table" id="customer" lay-filter="customer"></table>
</div>
--------------------------------------------------<