SSM+Element UI 项目单击事件获取当前时间并添加到数据库

在 SSM+Element UI 项目中，要实现单击事件获取当前时间并添加到数据库中，需要进行以下步骤：

在前端页面的按钮上绑定点击事件，在点击事件的回调函数中获取当前时间。可以使用 JavaScript 的 Date 对象来获取当前时间，如下所示：

var currentTime = new Date();

将获取到的当前时间通过 Ajax 请求发送给后端，可以使用 axios 库来发送 Ajax 请求。在请求的数据中，将当前时间作为参数传递给后端。

axios.post('/addTime', { currentTime: currentTime })
  .then(function (response) {
    // 请求成功后的处理逻辑
  })
  .catch(function (error) {
    // 请求失败后的处理逻辑
  });

在后端的 Controller 层中，接收前端传递过来的当前时间参数，并将其添加到数据库中。可以使用 @RequestParam 注解来接收前端传递的参数。

@RequestMapping(value = "/addTime", method = RequestMethod.POST)
@ResponseBody
public void addTime(@RequestParam('currentTime') String currentTime) {
  // 将 currentTime 添加到数据库中的逻辑
}

在后端的 Service 层中，实现将当前时间添加到数据库的逻辑。可以使用 MyBatis 来操作数据库，通过调用相应的 Mapper 接口来实现数据的插入操作。

@Service
public class TimeService {
  @Autowired
  private TimeMapper timeMapper;

  public void addTime(String currentTime) {
    timeMapper.insertTime(currentTime);
  }
}

在后端的 Mapper 层中，编写对应的 SQL 语句来插入数据。可以使用 MyBatis 的注解方式或者 XML 映射文件来进行 SQL 语句的编写。

@Mapper
public interface TimeMapper {
  @Insert("INSERT INTO time_table (current_time) VALUES (#{currentTime})")
  void insertTime(@Param('currentTime') String currentTime);
}

通过以上步骤，就可以实现在 SSM+Element UI 项目中，单击事件获取当前时间并添加到数据库的功能。