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

最新推荐文章于 2024-06-24 11:38:34 发布

求学务实

最新推荐文章于 2024-06-24 11:38:34 发布

阅读量4.6k

点赞数 1

分类专栏： layui 文章标签： layui 向后台传送集合数据

本文链接：https://blog.csdn.net/W_litttle/article/details/84861295

版权

本文详细介绍了使用layui前端框架，通过js处理数据，然后通过controller、Service和DAO层，利用JPA将集合数据保存到后台数据库的步骤。包括html页面、js代码、后端Controller、Service及DAO层的实现方法。

摘要由CSDN通过智能技术生成

本博客使用的是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}">