layui获取表单数据储存Date类型到数据库

最新推荐文章于 2023-03-26 17:48:43 发布
原创 最新推荐文章于 2023-03-26 17:48:43 发布 · 3.5k 阅读 · 5 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

在使用layui前端框架与SSM+Tomcat7后端环境下，遇到日期格式不匹配导致的数据保存问题。通过在get方法中配置@DateTimeFormat和@JsonFormat注解，成功解决了日期格式冲突，确保了数据的正确保存。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

最近做一个小项目，前端框架是layui，在保存日期格式是出现问题

  1. 运行环境
    SSM+Tomcat7（spring4.3.5----mybatisPlus1.3.5）
    代码从实体到controller都是MybatisPlus自动生成

  2. 问题详情
    layui的时间控件
    在这里插入图片描述
    点击输入框，弹出日期选择器
    在这里插入图片描述
    选择完成，保存，控制台出错。
    这是他的输出格式

    实体类的保存类型：
    由于代码是自动生成，类型不可以变动
    在这里插入图片描述
    报错信息
    在这里插入图片描述
    后台没有任何错误信息，打断点，根本就不进入controller里面。

  3. 在百度和博客逛一上午，终于成功了，感谢那位博主
    我用的第三种，在get方法配置，加上以下代码

    @DateTimeFormat(pattern = "yyyy-MM-dd")  
@JsonFormat(pattern="yyyy-MM-dd",timezone="GMT+8")

在这里插入图片描述点击这里获取其他方法地址

layui导入模板数据_spring boot+layui的导入excel模板数据保存到数据库中
weixin_36455339的博客
12-24 530
html代码导入考勤模板js代码layui.use(['upload'],function(){var $ = layui.jquery,upload = layui.upload;//指定允许上传的文件类型upload.render({elem: '#importFile',url: port.getAttendanceListURL("import_attendance"),accept: ...
layui 表单中对日期的处理
chenxue843400447的博客
07-03 8351
https://blog.youkuaiyun.com/qq_26173219/article/details/79709644
layui的table组件接收的数据格式
qq_51144842的博客
10-11 1395
layui关于table组件数据格式问题
layui新增一行，并实现表格编辑，将数据存入数据库中
weixin_42334518的博客
11-19 5685
怎么事项创建一个按钮实现表格添加一行，然后在提交的时候将所有的数据提交过去，并保存在数据库中？ 1、开启layui的表格编辑功能 只需要在表格的行后面添加：edit: ‘text’，等字段即可以实现表格的编辑功能，并且可以开启表格编辑的监听功能。 table.on('edit(test)', function(obj){ //注：edit是固定事件名，test是table原始容器的属性 lay-filter="对应的值" console.log(obj.value); //得到修改后的值 cons
layui表格时间类型显示问题
Daniel的博客
07-21 5595
实体类中时间类型一般用String或者Date，前者可以直接显示在表格中，不需要进行处理。 Date类型在显示需要则进行类型转换。 当出现上图的问题后，我们需要进行时间类型转换。 就后端而言，可以将时间使用SimpleDateFormat类进行转换后，在实体类中添加一个String类型的时间字段，然后再前端进行显示，这样的方式显然不合理，且麻烦。 就前端而言，layui表格有两种方式显示表格数据： （1）手动遍历<tr><td></td></tr&gt
layui+SpringBoot上传图片到数据库并展示在页面（后端）
JIAYOUXUEHAOC的博客
10-27 1851
layui+SpringBoot上传图片到数据库并展示在页面（后端）
layui文件上传到mysql_实例 | layui上传图片并存入数据库
weixin_34030345的博客
01-20 2034
上传图片layui.use('upload', function(){var $ = layui.jquery,upload = layui.upload;//普通图片上传var uploadInst = upload.render({elem: '#up_pic',url: '__APP__/public/upload2.html',before: function(obj){//预读本地文件示...
layui 数据表格下拉框_layui学习——数据表格嵌套下拉列表，并实现动态更新
weixin_42110469的博客
02-26 2264
layui学习——数据表格嵌套下拉列表，并实现动态更新项目中有些字段的数据为固定的几个值，这些字段在数据表格中显示为汉字，但在数据库中以数字形式存储，例如：仓库属性(0:普通仓/1:检验仓/2:报废仓)，要对这些字段进行数据表格行内编辑有些麻烦。因此，在数据表格中嵌套下拉列表是一个比较好的方案。步骤1：创建数据表格嵌套下拉列表样式使用layui的template功能，先创建一个下拉列表：scrip...
使用Layui上传文件与表单一起提交
linbomm的博客
11-19 7000
一、html <div class="layui-form-item"> <label class="layui-form-label">ID</label> <div class="layui-input-inline"> <input id="bookId" lay-verify="required" type="t
用layui 模板，数据表格展示 图片,
勤奋的猪的博客
08-27 6854
1.1 layui数据表格展示图片的基础使用 js <script> layui.use(['tree', 'util','upload','table'], function(){ var upload = layui.upload; var tree = layui.tree ,layer = layui.layer ,util = layui.util ,ta...
layDate日期 、时间组件（最新版）
01-30
包含了大量的更新,其中主要以:年选择器、年月选择器、日期选择器、时间选择器、日期时间选择器 五种类型的选择方式为基本核心,并且均支持范围选择
layui接收时间类型参数前台回显obj
weixin_49530535的博客
03-12 296
解决代码如下 { title: '日志创建时间', field: 'createTime', align: 'center', width: 400, fixed: 'right' templet: "<div>{{layui.util.toDateStrin
将Date类型的数据存入数据库
say_you_can的博客
08-04 8310
在web开发中有时需要将表单中数据已Date类型存入数据库。
LayUI整合SSM后Date日期格式问题
Mats的博客
10-27 327
1. LayUI提交Form表单到后端 前端的代码如下： <!--此处省略表单--> <div class="layui-inline"> <label class="layui-form-label">生日</label> <div class="layui-input-inline"> <input type="text" class="layui-input" name="birthday" id="birth
layui之表单提交到服务器数据库
shamqu的博客
11-22 4525
前几天完成了layui中的图片上传，表单部分就剩下如何提交到数据库了。 说实话，sham又再这个问题上困住了好久，最后好不容易搞定了，赶紧来记录备忘下。 首先是html部分代码 <form class="layui-form" action=""> <div class="layui-form-item"> <label class="layui-for...
ajax接收servlet的数据data，传入Layui的数据表格
weixin_44446127的博客
01-09 4595
ajax请求接收servlet的数据data，进行Layui数据表格渲染 *通过ajax传入请求到后台（DrinkServlet），从数据库拿到数据传回前端时。由于我之前学的Layui的初始化界面是这样的 //1.方法渲染 table.render({ elem:"#demo", //这个elem绑定的是容器的id,,与分页不同 这个要加井号 url:"js/11user.json", //数据接口，有后台写后台，这里写死一个json cols:[[
layui:form表单提交数据+添加时间字符串到数据库
weixin_44570988的博客
09-18 1612
//预加载模块---------------------------开始 layui.use(['form','layer','jquery','layedit'],function(){ var form=layui.form,layer=layui.layer,$=layui.jquery,layedit=layui.layedit; //提示信息---------------------开始 layer.msg('部门新增',{time:2500,anim:1}); //提示信息------.
数据库查回来数据封装成Javabean再转json（有Date类型不能转json处理方法）
鱼儿沟
02-03 2144
json-lib Javabean转json需要用到json-lib包，它可以把javabean转换成json串 jar包 　　　　json-lib的核心jar包有： 　 　　　　　　json-lib.jar 　　　　json-lib的依赖jar包有： 　　　　　　commons-lang.jar 　　　　　　commons-beanutils.jar 　　　　　　commons
layui框架学习（18：日期与时间选择模块-中）
gc_2299的博客
03-26 5063
学习并记录layui框架中内置模块的日期与时间选择模块的函数、参数设置方式。
layui前端时间转到后端Date
最新发布
03-19
<think>嗯，用户的问题是关于如何在Layui前端将时间戳转换为Java后端的Date对象。首先，我需要回忆一下前后端时间处理的一般方法。前端通常使用JavaScript处理时间戳，而Java后端使用Date对象或者新的时间API，比如LocalDateTime。用户提到Layui前端，可能是在表格中显示时间，然后需要将用户输入的时间传回后端。 首先，前端部分。Layui表格可能需要将后端传来的Date对象转换成时间戳显示，或者反过来。用户提到后端返回的是Date类型，但MyBatis会将其转为Unix时间戳。所以前端拿到的是时间戳，需要正确显示为日期格式。Layui的表格渲染时，可以通过自定义模板来处理时间戳转换，比如使用laytpl或者formatter函数。例如，在表格列定义中使用formatter函数，将时间戳格式化为需要的日期字符串。 然后，当用户在前端修改时间并提交时，需要将日期字符串转换回时间戳，或者直接以ISO格式传给后端。这时候可能需要监听表单提交事件，获取日期选择器的值，然后用JavaScript将其转换为时间戳或者ISO字符串。例如，使用new Date(日期字符串).getTime()得到时间戳，或者使用toISOString()方法得到ISO格式的字符串，这样后端可以更容易解析。 后端部分，Java需要接收前端传来的时间数据。如果前端传的是时间戳，后端可以用Long类型接收，然后转换为Date对象。如果传的是ISO格式的字符串，可以使用@DateTimeFormat注解配合Spring MVC来解析。另外，需要注意时区问题，前端和后端的时区设置要一致，否则转换会出现偏差。例如，前端传过来的时间可能包含时区信息，后端需要根据实际情况调整。 还要考虑MyBatis在处理Date类型时的转换。如果数据库存储的是Date类型，MyBatis会自动处理成Java的Date对象，但有时候可能会转成时间戳，这时候需要检查MyBatis的配置，或者使用类型处理器来自定义转换逻辑。例如，在MyBatis的映射文件中，指定jdbcType为DATE或TIMESTAMP，或者在实体类中使用合适的Date类型（java.util.Date或java.sql.Date）。 用户提供的引用中提到，使用renderTime函数处理时间，并调整时区。这可能是因为后端返回的时间戳没有考虑时区，导致前端显示错误。所以在转换时，需要加上8小时的时区调整，对应东八区时间。类似地，后端在接收时间数据时，也要确保时区设置正确，避免时间偏差。 总结一下，处理流程大致是：前端Layui通过formatter显示时间戳为日期格式，提交时转换日期为时间戳或ISO字符串，后端接收后使用Date对象或Long类型，并通过注解或工具类转换。同时，注意时区的一致性，可能需要在前端或后端进行时区调整。此外，检查MyBatis的配置，确保Date类型正确映射，避免自动转换为时间戳导致问题。 现在需要将这些步骤详细地分点说明，给出具体的代码示例，比如前端如何格式化时间，后端如何接收和处理，以及如何处理时区问题。同时，用户可能关心如何确保转换的准确性，避免常见的时区错误和数据传输格式不匹配的问题，所以需要强调这些关键点。</think>### Layui前端时间戳转换Java后端Date对象解决方案 #### 1. 前端时间处理（Layui） **步骤说明**： - **接收时间戳**：若后端返回的是时间戳（如`1640995200000`），需在前端转换为可读格式。 - **显示格式化**：使用Layui表格的`templet`或`formatter`功能转换时间戳。 - **提交数据**：将用户输入的时间转为时间戳或ISO标准格式传给后端。 **示例代码**： ```javascript // Layui表格时间戳转日期 table.render({ cols: [[ {field: 'createTime', title: '时间', templet: function(d){ return layui.util.toDateString(d.createTime, 'yyyy-MM-dd HH:mm:ss'); }} ]] }); // 表单提交时转换日期为时间戳 form.on('submit(filter)', function(data){ const timeStr = $('#datePicker').val(); const timestamp = new Date(timeStr).getTime(); // 转为时间戳 data.field.timestamp = timestamp; // 提交到后端... }); ``` #### 2. 后端数据接收（Java） **步骤说明**： - **接收时间戳**：用`Long`类型接收参数，再转为`Date`对象。 - **接收ISO字符串**：用`@DateTimeFormat`注解直接绑定到`Date`类型。 - **处理时区**：统一使用UTC时间或指定服务器时区。 **示例代码**： ```java // 方式1：接收时间戳参数 @PostMapping("/create") public ResponseEntity<?> create(@RequestParam Long timestamp) { Date date = new Date(timestamp); // 时间戳转Date // 存储到数据库... } // 方式2：接收ISO字符串（带时区） @PostMapping("/update") public ResponseEntity<?> update(@RequestParam @DateTimeFormat(iso = ISO.DATE_TIME) Date date) { // 直接使用Date对象 } // 解决时区问题（在application.properties中配置） spring.jackson.time-zone=GMT+8 spring.jackson.date-format=yyyy-MM-dd HH:mm:ss ``` #### 3. MyBatis类型处理 **关键配置**： - 若数据库字段为`DATE`/`DATETIME`，MyBatis默认支持`java.util.Date`映射。 - 若需自定义格式，可使用类型处理器： ```xml <!-- 在resultMap中指定字段类型 --> <result column="create_time" property="createTime" jdbcType="TIMESTAMP"/> ``` #### 4. 时区一致性处理 **核心逻辑**： - 前端传时间戳（无时区影响）或带时区标识的ISO字符串（如`2022-01-01T00:00:00+08:00`）。 - 后端统一设置为东八区（中国时区）： ```java // 在SpringBoot启动类添加时区配置 @PostConstruct void setTimezone() { TimeZone.setDefault(TimeZone.getTimeZone("Asia/Shanghai")); } ```
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值