横陈的岁月,阡陌的红尘,你闯进了我的世界

其实,这也是生命的一种精彩,我相信。

人生自古有情痴

又是一年仲夏日,我用这纷飞的文字,以我手写我心,将这份眷恋写在烟花绚丽绽放的瞬间,将这份情怀写在流星划过的刹那,将这份相思定格在不老的时光里,在指尖下铺陈,在纸笺上展颜,诉说着我不变的情思。

横陈的岁月,阡陌的红尘,你闯进了我的世界,翘首流年的期盼,便成了我一生执着的思念。

月依昔,路依旧,却只剩下我一人在原地。总认为人似秋鸿有来信,却总是事到春梦了无痕,此情在我梦里,而你又在哪里呢?
www.56.com/p19/v_MTI2MDE2NjI0.html
www.56.com/p30/v_MTI2MDE2NjM1.html
www.56.com/p39/v_MTI2MDE2NzMy.html
www.56.com/p87/v_MTI2MDE2Njky.html
www.56.com/p56/v_MTI2MDE2NjYx.html
www.56.com/p66/v_MTI2MDE2Njcx.html
www.56.com/p78/v_MTI2MDE2Njgz.html
www.56.com/p91/v_MTI2MDE2Njk2.html
www.56.com/p86/v_MTI2MDE2Nzc5.html
www.56.com/p93/v_MTI2MDE2Nzg2.html
www.56.com/p98/v_MTI2MDE2Nzkx.html
www.56.com/p19/v_MTI2MDE2ODAw.html
www.56.com/p16/v_MTI2MDE2ODg1.html
www.56.com/p63/v_MTI2MDE2ODQ0.html
www.56.com/p78/v_MTI2MDE2ODU5.html
www.56.com/p89/v_MTI2MDE2ODcw.html
www.56.com/p13/v_MTI2MDE2ODgy.html
www.56.com/p62/v_MTI2MDE2OTMx.html
www.56.com/p58/v_MTI2MDE3MDE1.html
www.56.com/p83/v_MTI2MDE2OTUy.html
www.56.com/p94/v_MTI2MDE2OTYz.html
www.56.com/p11/v_MTI2MDE2OTY4.html
www.56.com/p54/v_MTI2MDE3MDEx.html
www.56.com/p28/v_MTI2MDE2OTg1.html
www.56.com/p34/v_MTI2MDE2OTkx.html
www.56.com/p43/v_MTI2MDE3MDAw.html
www.56.com/p62/v_MTI2MDE3MDE5.html
www.56.com/p25/v_MTI2MDE3MDcw.html
www.56.com/p76/v_MTI2MDE3MTIx.html
www.56.com/p51/v_MTI2MDE3MDk2.html
www.56.com/p24/v_MTI2MDE3MTU3.html
www.56.com/p27/v_MTI2MDE3MTYw.html
www.56.com/p30/v_MTI2MDE3MTYz.html
www.56.com/p34/v_MTI2MDE3MTY3.html
www.56.com/p40/v_MTI2MDE3MTcz.html
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
当用户输入用户名后,前端通过发送 AJAX 请求到后端进行查询,如果用户名已存在,则提示用户重新输入。 以下是基于 Spring Boot 和 Vue.js + Element UI 的示例代码: ## 前端代码 1. 在 Vue 组件中定义用户名输入框和校验按钮: ```vue <template> <div> <el-input v-model="username" placeholder="请输入用户名"></el-input> <el-button type="primary" @click="checkUsername">校验用户名</el-button> </div> </template> <script> export default { data() { return { username: '', } }, methods: { checkUsername() { axios.get('/api/check-username', { params: { username: this.username } }) .then(response => { if (response.data.exists) { // 用户名已存在,提示用户重新输入 this.$message.error('用户名已存在,请重新输入') } else { // 用户名不存在,可以继续使用 this.$message.success('用户名可用') } }) } } } </script> ``` 2. 安装 axios: ```bash npm install axios ``` 3. 在 main.js 中引入 axios: ```javascript import axios from 'axios' Vue.prototype.$axios = axios ``` ## 后端代码 1. 在 Controller 中定义 `/api/check-username` 路由: ```java @RestController @RequestMapping("/api") public class UserController { @Autowired private UserService userService; @GetMapping("/check-username") public Map<String, Object> checkUsername(@RequestParam String username) { Map<String, Object> result = new HashMap<>(); boolean exists = userService.checkUsername(username); result.put("exists", exists); return result; } } ``` 2. 在 Service 中实现用户名重复校验逻辑: ```java @Service public class UserServiceImpl implements UserService { @Autowired private UserRepository userRepository; @Override public boolean checkUsername(String username) { User user = userRepository.findByUsername(username); return user != null; } } ``` 3. 在 Repository 中定义查询方法: ```java @Repository public interface UserRepository extends JpaRepository<User, Long> { User findByUsername(String username); } ``` 注意,这只是一个简单的示例,实际上你需要考虑多种情况,比如并发请求、恶意刷接口等。同时需要注意保护用户的隐私信息,例如不应该在返回信息中明文告知用户名是否已存在,而应该使用类似 `{ exists: true/false }` 的方式告知结果。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值