art-template

这星期真的什么都没干，然后就过完了，真的不知道时间都去哪里了？就不比如说今天，上午重新把入党申请书又写了一遍，然后就上体育课，下午就去体测，晚上还有课。然后体育课上完后去看手机，人傻了，好多条信息，我们项目没有用模板引擎，我人傻了，我老早之前用过，后来就没咋用了，我想着只要弄上去就行了，谁知道就我们自己组没有用，然后就抓紧去学。我一直的问题是，我不知道怎么把从后端获取的数据存到要跳转的页面，然后在页面上用模板引用。后来，就把从后端的数据弄上去了。直接在跳转路由那里把数据弄出来就行，这是一个数组，然后就到html里面把数组遍历出来。

router.get('/index',function(req,res){
    let firtdata = {};
    axios({        
        url: "http://42.194.158.211:8080/video/index/indexRecommend",
        method: "get",
        headers: {
            token: req.session.token ? req.session.token : ""
        }
    }).then(function (data) {
        firtdata.imgs= [
            {videoPath:data.data.data[0].videoPath},
            {videoPath:data.data.data[1].videoPath},
            {videoPath:data.data.data[2].videoPath},
            {videoPath:data.data.data[3].videoPath},
            {videoPath:data.data.data[4].videoPath},
            {videoPath:data.data.data[5].videoPath},
            {videoPath:data.data.data[6].videoPath} 
        ]
    })
    .catch(function (err) {
            res.status(500).json({
                message: '添加失败'
            })
    })
    // console.log(firtdata);
    setTimeout(()=>{
        console.log(firtdata);
        res.render('front-stage/l-index.html',{ firtdata: firtdata })
    },1000)
})

```html
<!-- 轮播图 -->
<div class="slider-img" id='slider'>
  {{each firtdata.imgs val }} 
   <a href="javascript:;">
      <!-- {{key}} ---- {{val}} --> 
      <!-- <img src="/publics/fron t-stage/img/pic2.webp" alt="1.jpg" id="img4"> -->
      <!-- <img src=`${data.data.data[0].videoPhoto}` alt="1.jpg" id="img4">  -->
      <img src='{{val.videoPath}}' alt="1.jpg" id="img4"> 
                                                                
	</a>
  {{/each}
  </div>

再细细想想就是写了一个收藏夹，我对自己还是…我本来自以为一个视频号只能存到一个文件夹里面，然后我就弄得是单选框，但是当我选择之后再次不选择的时候就会取消收藏，所以我就花费了一下午去做如何在再次点击的时候会取消选择，最后没有实现，一种也没有实现，等到晚上的时候，我突然的知道了，为啥一个视频号只能保存到一个文件夹家里，我很纳闷，所以，我就改了，改成了多选框，这样就可以随意选择和取消了，我用js和jq方法去取消我的选择不行，他们不是有个checked属性，用了false也不行，很纳闷。一直在学瀑布流，还是没实现。
考核就快到了，我们问题还是很多里，真慌啊。