SpringMVC+js写一个判断账号dao成唯一代码

下面是一个基于 SpringMVC 和 JavaScript 的判断账号唯一的示例代码：

1. 用户实体类

public class User {

    private Long id;
    private String account;
    private String password;
    private String name;
    private String email;
    private Date createTime;
    private Date updateTime;

    // getter 和 setter 略
}

在上面的代码中，定义了一个 User 类，包含了用户的各种信息。

2. DAO 接口和实现类

public interface UserDao {

    User getUserByAccount(String account);

}

@Repository
public class UserDaoImpl implements UserDao {

    @Autowired
    private JdbcTemplate jdbcTemplate;

    @Override
    public User getUserByAccount(String account) {
        String sql = "SELECT * FROM users WHERE account = ?";
        RowMapper<User> rowMapper = new BeanPropertyRowMapper<>(User.class);
        return jdbcTemplate.queryForObject(sql, rowMapper, account);
    }

}

在上面的代码中，定义了一个 UserDao 接口和一个 UserDaoImpl 实现类，使用了 Spring 的 JdbcTemplate 进行数据库操作。getUserByAccount 方法用于查询数据库中是否存在相同的账号。

3. Service 接口和实现类

public interface UserService {

    User getUserByAccount(String account);

}

@Service
public class UserServiceImpl implements UserService {

    @Autowired
    private UserDao userDao;

    @Override
    public User getUserByAccount(String account) {
        return userDao.getUserByAccount(account);
    }

}

在上面的代码中，定义了一个 UserService 接口和一个 UserServiceImpl 实现类，用于调用 UserDao 中的方法进行数据库操作。

4. 控制器

@Controller
public class UserController {

    @Autowired
    private UserService userService;

    /**
     * 判断账号是否唯一
     */
    @RequestMapping("/checkAccount")
    @ResponseBody
    public boolean checkAccount(String account) {
        return userService.getUserByAccount(account) == null;
    }

}

在上面的代码中，使用了 SpringMVC 的 @Controller 注解将 UserController 类声明为一个控制器。checkAccount 方法用于判断账号是否唯一，其中调用了 UserService 的 getUserByAccount 方法查询数据库中是否存在相同的账号。

5. 前端代码（JavaScript + jQuery）

$(function() {
    // 监听账号输入框的值改变事件
    $("#account").on("input", function() {
        var account = $(this).val();
        if (account) {
            // 发送 AJAX 请求，判断账号是否唯一
            $.ajax({
                url: "/checkAccount",
                type: "POST",
                data: {
                    account: account
                },
                success: function(result) {
                    if (result) {
                        $("#accountTip").text("账号可用");
                    } else {
                        $("#accountTip").text("账号已存在");
                    }
                }
            });
        } else {
            $("#accountTip").text("");
        }
    });
});

在上面的代码中，使用了 jQuery 的事件监听机制和 AJAX 请求功能。当账号输入框的值发生改变时，发送一个 POST 请求到 /checkAccount 接口，将账号作为参数传递给后端。后端返回的结果为 true 表示账号可用，为 false 表示账号已存在，前端代码根据返回结果更新提示信息。需要注意的是，需要在 HTML 页面中正确设置账号输入框和提示信息的 id 属性。