地址栏传参

最新推荐文章于 2023-08-01 14:43:01 发布

王zming

最新推荐文章于 2023-08-01 14:43:01 发布

阅读量218

点赞数

分类专栏： Java常用配置文章标签： java

本文链接：https://blog.csdn.net/weixin_45933638/article/details/112175959

版权

Java常用配置专栏收录该内容

19 篇文章 0 订阅

订阅专栏

在这里插入图片描述

js代码

let questionApp =  new Vue({
    el:"#questionApp",
    data:{
        question:{}
    },
    methods:{
        loadQuestion:function () {
            //从url中获取为题 Id
            let questionId = location.search;
            if (!questionId){
                alert("必须添加问题id");
                return;
            }
            questionId=questionId.substring(1);
        $.ajax({
           url:"/v1/question/"+questionId,
            method:"GET",
            success:function (r) {
               console.log(r);
               if (r.code===OK){
                   questionApp.question=r.data;
                   questionApp.updateDuration();
               }else {
                   alert(r.message);
               }

            }

        });

        },
        updateDuration:function () {
            let createtime = new Date(this.question.createtime).getTime();
            //当前时间毫秒数
            let now = new Date().getTime();
            let duration = now-createtime;
            if (duration<100*60){
                questionApp.question.duration="刚刚";
            }else if (duration<1000*60*60){
                questionApp.question.duration=(duration/1000/60).toFixed(0)+"分钟前";
            }else if (duration<1000*60*60*24){
                questionApp.question.duration=(duration/1000/60/60).toFixed(0)+"小时前";
            }else {
                questionApp.question.duration=(duration/1000/60/60/24).toFixed(0)+"天前";

            }
        }
    },
    created:function () {
this.loadQuestion();
    }
})

接收数据

    @GetMapping("/{id}")
    public R<Question> questionR(@PathVariable Integer id){
        if (id==null){
            throw ServiceException.invalidRequest("参数不能为空");
        }
        log.debug("参数ID：{}",id);
        Question question = questionService.getQuestionById(id);
        return  R.ok(question);
    }