如何从前台发送集合数据到后台并保存数据库

本博客使用的是layui前端框架

1. html页面代码

<!-- 商品列表部分 -->
<div class="layui-row layui-col-space15">
	<div class="layui-col-md12">
		<div class="layui-card">
			<div class="layui-card-header layui-bg-black">商品清单</div>
			<div class="layui-card-body">
				<table id="product_list" lay-filter="product_list">
					<div class="layui-input-inline">
                 				 <div id="test-laydate-normElem" style="height: 38px; line-height: 38px; cursor: pointer; border-bottom: 1px solid #e2e2e2;" lay-key="14"></div>
               			</div>
					<thead>
						<tr>									
							<th lay-data="{field:'prodId', width:100}">商品编号</th>
							<th lay-data="{field:'prodName', width:160}">商品名称</th>
							<th lay-data="{field:'prodUnit', width:100}">单位</th>
							<th lay-data="{field:'prodUnitPrice', width:100}">单价</th>
							<th lay-data="{field:'prodNum', width:100}">数量</th>
							<th lay-data="{field:'prodTotalPrice', width:150}">金额</th>
							<th lay-data="{field:'prodRemark', width:250}">单据备注</th>
							<th lay-data="{fixed : 'right', title :'操作',toolbar : '#prodlist-table-tool', width : 150}">