springboot+redis+vue3员工签到代码

以下是一个简单的示例代码，展示了如何使用Spring Boot、Redis和Vue3实现员工签到功能。

后端代码（Spring Boot + Redis）：

@RestController
@RequestMapping("/api")
public class SignController {

    @Autowired
    private StringRedisTemplate redisTemplate;

    @PostMapping("/sign")
    public String sign(@RequestBody SignRequest request) {
        String employeeId = request.getEmployeeId();
        LocalDateTime now = LocalDateTime.now();
        String signTime = now.format(DateTimeFormatter.ofPattern("yyyy-MM-dd HH:mm:ss"));

        // 将签到信息存储到Redis中
        redisTemplate.opsForValue().set(employeeId, signTime);

        return "签到成功";
    }
}

前端代码（Vue3）：

<template>
  <div>
    <input v-model="employeeId" placeholder="请输入员工ID" />
    <button @click="sign">签到</button>
    <p>{{ message }}</p>
  </div>
</template>

<script>
import axios from 'axios';

export default {
  data() {
    return {
      employeeId: '',
      message: ''
    };
  },
  methods: {
    sign() {
      // 发送签到请求给后端API接口
      axios.post('/api/sign', { employeeId: this.employeeId })
        .then(response => {
          this.message = response.data;
        })
        .catch(error => {
          console.error(error);
          this.message = '签到失败';
        });
    }
  }
};
</script>

这只是一个简单的示例代码，您需要根据实际情况进行适当的修改和调整。同时，您还需要安装和配置好Redis，并在Spring Boot项目中进行相应的配置。

希望能对您有所帮助！如有任何疑问，请随时提问。