日期插入数据库和前端页面正常显示日期

一、像数据库插入时间的几种方法:
1.用insert语句加入系统当前时间插入数据库
insert into fanfou_user
(userid, username, userpsw, usertel, useraddress, userdate, usersex)
values
(userid_seq.nextval, 'sange', '123', '18255052351', '安徽阜阳', sysdate, '男');
insert into fanfou_user
(userid, username, userpsw, usertel, useraddress, userdate, usersex)
values
(userid_seq.nextval, 'sange', '123', '18255052351', '安徽阜阳', new Date(), '男');
2.从前端传来一个日期字符串插入数据库
insert into fanfou_user
(userid, username, userpsw, usertel, useraddress, userdate, usersex)
values
(#{userid}, #{username}, #{userpsw}, #{usertel}, #{useraddress},#{userdate}, #{usersex})
对传来的日期字符串进行格式转化
自己写了一个日期转化类
import java.sql.Date;
import java.text.ParseException;
import java.text.SimpleDateFormat;

public class DateUtil {

public static Date getDate(String dateTime) {
//转化为sql.Date
SimpleDateFormat format = new SimpleDateFormat("yyyy-MM-dd");
java.util.Date utilDate = null;
try {
utilDate = format.parse(dateTime);
} catch (ParseException e) {

e.printStackTrace();
}
return new java.sql.Date(utilDate.getTime());
}

}
转化为util.Date
Date time=DateUtil.getDate("1996-10-21");
MenuUser menuUser;
menuUser = new MenuUser(-1, "jun3", "123456", "18255052351", "安徽阜阳",time , "男");
即可插入数据库成功。
二、从数据库取出时间正常显示在前端页面
select userid, username, userpsw, usertel, useraddress,t o_char(userdate,'yyyy-MM-dd hh:mm:ss') newdate, usersex from fanfou_user
SimpleDateFormat sdf = new SimpleDateFormat(" yyyy-MM-dd hh:mm:ss");
Date date=sdf.parse( newdate);
封装进List对象
//创建日期转化类,导入gson包
Gson gson=new GsonBuilder().setDateFormat("yyyy-MM-dd HH:mm:ss").create();
String str=gson.toJson(List);
用ajax遍历显示前端页面数据,就能看到我们习惯看到的日期格式了
  • 1
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
好的,我可以给您提供一个简单的示例,假设您已经有了一个前端页面,其中包含日期和姓名两个输入框,您需要在后端使用Spring Boot和Vue来实现插入、修改和更新操作。 首先,您需要创建一个后端接口来处理这些操作。您可以使用Spring Boot中的@RestController注解来创建一个RESTful接口,例如: ``` @RestController @RequestMapping("/user") public class UserController { @Autowired private UserService userService; @RequestMapping(value = "/addUser", method = RequestMethod.POST) public void addUser(@RequestParam("name") String name, @RequestParam("date") String date) { User user = new User(); user.setName(name); user.setDate(date); userService.addUser(user); } @RequestMapping(value = "/updateUser", method = RequestMethod.POST) public void updateUser(@RequestParam("id") Long id, @RequestParam("name") String name, @RequestParam("date") String date) { User user = new User(); user.setId(id); user.setName(name); user.setDate(date); userService.updateUser(user); } @RequestMapping(value = "/deleteUser", method = RequestMethod.POST) public void deleteUser(@RequestParam("id") Long id) { userService.deleteUser(id); } } ``` 在这个示例中,我们创建了一个名为UserController的类,并在其中定义了三个接口:addUser、updateUser和deleteUser。这些接口分别用于添加、更新和删除用户。您可以将这些接口的具体实现委托给一个名为UserService的服务类。 接下来,您需要在前端页面中使用Vue来调用这些接口。您可以使用Vue中的axios库来发送HTTP请求,例如: ``` <template> <div> <input type="text" placeholder="姓名" v-model="name"> <input type="text" placeholder="日期" v-model="date"> <button @click="addUser">添加用户</button> <button @click="updateUser">更新用户</button> <button @click="deleteUser">删除用户</button> </div> </template> <script> import axios from 'axios' export default { data() { return { name: '', date: '' } }, methods: { addUser() { axios.post('/user/addUser', { name: this.name, date: this.date }) }, updateUser() { axios.post('/user/updateUser', { id: 1, name: this.name, date: this.date }) }, deleteUser() { axios.post('/user/deleteUser', { id: 1 }) } } } </script> ``` 在这个示例中,我们在Vue的template中定义了两个输入框和三个按钮,分别对应添加、更新和删除用户的操作。当用户点击这些按钮时,Vue会使用axios发送HTTP请求到后端接口,并将姓名和日期等信息传递给后端。 最后,您需要在后端实现UserService服务类来处理这些请求。在UserService中,您可以使用Spring Boot中的JPA来访问数据库,并执行插入、更新和删除等操作,例如: ``` @Service public class UserService { @Autowired private UserRepository userRepository; public void addUser(User user) { userRepository.save(user); } public void updateUser(User user) { userRepository.save(user); } public void deleteUser(Long id) { userRepository.deleteById(id); } } ``` 在这个示例中,我们使用JPA中的save方法来执行插入和更新操作,使用deleteById方法来执行删除操作。这些操作会自动在数据库中创建相应的SQL语句,并执行相应的操作。 这就是一个简单的Spring Boot和Vue的示例,可以根据前端日期、姓名等信息进行后端插入、修改、更新等操作。希望能对您有所帮助!

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值