使用冥等来进行新增和修改

最新推荐文章于 2024-08-03 20:32:29 发布

kenkenair

最新推荐文章于 2024-08-03 20:32:29 发布

阅读量46

点赞数

文章标签：前端 javascript vue.js

本文链接：https://blog.csdn.net/qq_42855167/article/details/128807549

版权

修改

网页代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>添加</title>
    <script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
</head>
<body>

<div id="app">
    <form >

        <p>用户名:<input type="text" v-model="user.username"></p>
        <p>密码<input type="password" v-model="user.password"></p>
        <input type="button" value="提交" @click="btnlogin">
    </form>
</div>

<script>
    let vueApp = new Vue({
        el:"#app",
        data(){
            return{

                user:{

                    username:'',
                    password:'',
                    uuid:''
                }
            }
        },
        methods:{
            btnlogin(){
                axios.post('/user/addUser',this.user)
                .then(result=>{
                    alert(result.data.msg)
                }).catch(e=>{
                    alert("服务器去火星啦。。。");
                })
            },
            load(){
                axios.get('/user/createuuid')
                    .then(result=>{
                        console.log(result.data.data)
                        this.user.uuid=result.data.data
                    }).catch(e=>{
                    alert("服务器去火星啦。。。");
                })
            }
        }, created(){
            this.load()
        }
    });
</script>

</body>
</html>

控制器代码

@RestController
@RequestMapping("/user")
public class UserController {

    @Autowired
    private UserMapper userMapper;
    @Autowired
    private RedisMapper redisMapper;

    @RequestMapping("/findUserById")
    public ResponseResult<User> findUserById(Integer id){
        User user = userMapper.selectUserById(id);

        if(user!=null){
            //生成唯一标识
            String uuid = UUID.randomUUID().toString();
            //保存到redis


            redisMapper.setKey("user"+user.getId(),uuid,60, TimeUnit.SECONDS);
        }
        return new ResponseResult(200,"ok",user);
    }

    @RequestMapping("/modifyUser")
    public ResponseResult<Void> modifyUser(@RequestBody User user){


        if(!redisMapper.hasKey("user"+user.getId())){
            return new ResponseResult<>(10086,"重复提交了数据");
        }
        redisMapper.delKey("user"+user.getId());

        int i = userMapper.updateUser(user);

        if(i>0){
            return new ResponseResult<>(2000,"修改成功");
        }else{
            return new ResponseResult<>(5000,"修改失败");
        }
    }

新增

网页代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>添加</title>
    <script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
</head>
<body>

<div id="app">
    <form >
        <p>id:<input type="text" v-model="user.id"></p>
        <p>用户名:<input type="text" v-model="user.username"></p>
        <input type="button" value="提交" @click="btnlogin">
    </form>
</div>

<script>
    let vueApp = new Vue({
        el:"#app",
        data(){
            return{
                user:{
                    id:'',
                    username:'',
                }
            }
        },
        methods:{
            btnlogin(){
                axios.post('/user/modifyUser',this.user)
                .then(result=>{
                    alert(result.data.msg);
                }).catch(e=>{
                    alert("服务器去火星啦。。。");
                })
            },
            load(){
                axios.get('/user/findUserById',{params:{id:7}})
                    .then(result=>{
                        console.log(result.data.data)
                        alert(result.data.msg);
                    }).catch(e=>{
                    alert("服务器去火星啦。。。");
                })
            }
        }, created(){
            this.load()
        }
    });
</script>

</body>
</html>

控制器代码

@RestController
@RequestMapping("/user")
public class UserController {

    @Autowired
    private UserMapper userMapper;
    @Autowired
    private RedisMapper redisMapper;

   


    @RequestMapping("/createuuid")
    public ResponseResult<User> createuuid(){

            //生成唯一标识
            String uuid = UUID.randomUUID().toString();
            //保存到redis

            redisMapper.setKey(uuid,uuid,60, TimeUnit.SECONDS);

        return new ResponseResult(200,"ok",uuid);
    }



    //新增
    @RequestMapping("/addUser")
    public ResponseResult<Void> addUser(@RequestBody User user){


        if(!redisMapper.hasKey(user.getUuid())){
            return new ResponseResult<>(10086,"重复提交了数据");
        }
        redisMapper.delKey(user.getUuid());

        int i = userMapper.addUser(user);

        if(i>0){
            return new ResponseResult<>(2000,"新增成功");
        }else{
            return new ResponseResult<>(5000,"新增失败");
        }
    }
}