发表于： 2020-03-01 22:33:43

今天完成的事情

今天主要完成的是上线功能的判断，在上线的这个功能中主要的实现步骤是改变数据库中的状态值，从而得到新的状态值显示在表格中。在昨天实现的过程中想法是让我们在完成put请求后重新刷新页面，重新渲染后能得到想实现的功能，但是这样的方式其实是不太合理的。

  updownline(status,id){
            let _this=this
            let api ='/api/a/u/article/status'
            if(status==1){
                let io={
                id:id,
                status:2
                }
                if(confirm("是否进行上线操作")){
                axios.put(api,qs.stringify(io))
                .then(response => {
                let res = response.data;
                console.log(res);

                })
                .catch(error => {
                console.log(error);
                });
                }        
            }
            else{
                  let io={
                id:id,
                status:1
                }
                if(confirm("是否进行下线操作")){
                axios.put(api,qs.stringify(io))
                .then(response => {
                let res = response.data;
                console.log(res);
                })
                .catch(error => {
                console.log(error);
                });}
            }
        }
    },

每次上线下线要刷新页面会造成很严重的资源浪费，师兄给的建议是让其中的显示根据状态值来做一个判断，我们改变data中的数据从而能时时传递给显示的内容。但这个步骤的实现感觉并不是很简单，主要是我们在点击产生数据改变时不能判断，处在哪个位置。通过仔细的思考大概有了一个思路，当我们在做点击生效时给它传入一个index，也就是当时这个点击事件的下标。而在显示的过程中还是要使用一下过滤器的方式，我们给data中的数据是1，2这两个值，在过滤器中判断是1时处在上线还是下线状态。再然后是编辑和删除的按钮。删除按钮相对来说可能会容易一些，我们将数据库中的内容做del的请求便可以删去数据库中的内容，但是再这里不确定应该是要做刷新才实现还是说它直接能渲染删除后的内容。在任务6-10的过程中进度可能确实慢了很多，需要多多学习少点摸鱼了。。功能性的实现大多网上的教程之类的都会有方法的介绍，就是在具体的操作时确实，有一些对数据的操作需要好好的琢磨一下。