Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/465.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/node.js/33.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 以特定方式将数据表单Express.js传递给Jade view_Javascript_Node.js_Pug - Fatal编程技术网

Javascript 以特定方式将数据表单Express.js传递给Jade view

Javascript 以特定方式将数据表单Express.js传递给Jade view,javascript,node.js,pug,Javascript,Node.js,Pug,我正在使用express.js和jade/pug查看。 我想动态创建滑块,每个滑块从2张照片 从现在起,我一个接一个地渲染每个文件,如下所示: router.get('/:id', (req,res) => { let query = {authUserName: req.user._id} Photo.find(query, (err, photos) => { if(err){ console.log(err); } else{ res

我正在使用express.js和jade/pug查看。 我想动态创建滑块,每个滑块从2张照片

从现在起,我一个接一个地渲染每个文件,如下所示:

router.get('/:id', (req,res) => {
let query = {authUserName: req.user._id}
  Photo.find(query, (err, photos) => {
    if(err){
      console.log(err);
    } else{
      res.render('user_photos', {
        user: req.user,
        photos: photos,
        title: req.user.userName + ' photos'
      })
    }
  });
});
photo_diffrentID_nextNumber.png
photo_idLikeAbove_numberLikeAbove.png
以及:

这就是我现在显示滑块的方式:

block content
  h1.userPhotos #{user.userName} photos
  #imagesContainer
    img(src='/uploads/photos/1.jpg')
    img(src='/uploads/photos/2.jpg')
那我就用第三方图书馆了

我要显示的照片存储在
Photos
目录中,名称如下:

photo_id5a1e9bd71f49972e2471a80f_nr28.png
photo2_id5a1e9bd71f49972e2471a80f_nr28.png
除了
photo/photo2
前缀外,一个滑块的每两张照片都有相同的名称。 下面两张照片的名称如下:

router.get('/:id', (req,res) => {
let query = {authUserName: req.user._id}
  Photo.find(query, (err, photos) => {
    if(err){
      console.log(err);
    } else{
      res.render('user_photos', {
        user: req.user,
        photos: photos,
        title: req.user.userName + ' photos'
      })
    }
  });
});
photo_diffrentID_nextNumber.png
photo_idLikeAbove_numberLikeAbove.png

所以我的问题是我该怎么做?

我正在努力理解你的问题和你的问题<代码>这是我想显示滑块的方式,那你为什么不呢?您在此语句下面编写了正确的代码
我使用第三方库来做这个
做什么?哪个图书馆<上面的代码>照片\u idLikeAbove\u数字键在哪一行?这一行的正上方,还是上面的段落<代码>我该怎么做?做什么?很抱歉我很抱歉。我编辑了问题,应该有
我现在正在显示滑块
。它是硬编码的。我想做它在循环例如100对照片。我不知道怎么做。上面的Like表示上面的行。谢谢,如果我没弄错的话,你有几张照片?比如,一长串的照片,但它们在那张名单上是2乘2?你想为每对照片创建一个滑块吗?是的,没错。你为什么不这么说:)我不使用帕格,所以我不知道怎么做,但我想你必须做一个2乘2的循环,而不是一个接一个的循环。比如
while(我正在努力理解你的问题和你的问题。
这是我想显示slider的方式,那你为什么不呢?你在这句话下面写了正确的代码。
我使用第三方库来做那件事
为了什么?哪个库?
上面的photo_idLikeAbove_NumberlikeUpper
,哪一行?右边的ab行看这一个,或者上面的一段?
我怎么做?
做什么?对不起…我很抱歉。我编辑了这个问题,应该有
我现在正在显示滑动条。
。它是硬编码的。我想在循环中做,例如100对照片。我不知道怎么做。上面的意思是上面的线。谢谢。嗯,基本上,如果我在下面站对了,你有几对照片?比如,一长串照片,但它们在那个列表中是2乘2?你想为每对照片创建一个滑块吗?是的,没错。你为什么不这么说:)我不使用帕格,所以我不知道怎么做,但我想你必须做一个2乘2的循环,而不是一个接一个的循环