package com.example.code_school.controller; import com.example.code_school.entity.Users; import com.example.code_school.service.impl.Userslml; import org.springframework.beans.factory.annotation.Autowired; import org.springframework.stereotype.Controller; import org.springframework.web.bind.annotation.*; @Controller @CrossOrigin(origins = "*") public class UsersController { @Autowired Userslml usersService; @PostMapping("selectpwd") @ResponseBody public int mima(@RequestBody Users user){ try { usersService.mima(user); return 1; }catch (Exception e) { System.out.println(e.getMessage()); return -1; } } }这个是登录页面的后端，请写一个前端登录界面并且实现登录功能

以下是一个简单的前端登录界面代码示例，使用Vue.js框架：

<template>
  <div>
    <h1>Login</h1>
    <form @submit.prevent="login">
      <label for="username">Username:</label>
      <input type="text" id="username" v-model="username" required>
      <br>
      <label for="password">Password:</label>
      <input type="password" id="password" v-model="password" required>
      <br>
      <button type="submit">Login</button>
    </form>
    <div v-if="errorMessage">{{ errorMessage }}</div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      username: '',
      password: '',
      errorMessage: ''
    }
  },
  methods: {
    login() {
      // Call the backend API to verify the username and password
      const data = {
        username: this.username,
        password: this.password
      }
      fetch('/selectpwd', {
        method: 'POST',
        headers: {
          'Content-Type': 'application/json'
        },
        body: JSON.stringify(data)
      })
      .then(response => {
        if (response.status === 200) {
          // Login successful, redirect to the home page
          window.location.href = '/home'
        } else {
          // Login failed, display an error message
          this.errorMessage = 'Invalid username or password'
        }
      })
      .catch(error => {
        console.error(error)
        this.errorMessage = 'An error occurred while logging in'
      })
    }
  }
}
</script>

在这个示例中，我们创建了一个包含用户名和密码输入框以及登录按钮的表单。我们使用`v-model`指令将输入框的值绑定到组件的数据中，然后在`login`方法中可以访问这些值。在`login`方法中，我们使用`fetch`函数调用后端API来验证用户名和密码。如果验证成功，我们可以重定向到主页。如果验证失败，我们可以显示一个错误消息。