首页 \ 问答 \ MongoDB mongoose子文档创建了两次(MongoDB mongoose subdocuments created twice)

MongoDB mongoose子文档创建了两次(MongoDB mongoose subdocuments created twice)

 我使用的是一个简单的表单，可用于将文章注册到网站。  
 后端看起来像这样：  
// Post new article
app.post("/articles", function(req, res){
   var newArticle = {};
   newArticle.title         = req.body.title;
   newArticle.description   = req.body.description;
   var date                 = req.body.date;
   var split                = date.split("/");
   newArticle.date          = split[1]+'/'+split[0]+'/'+split[2];
   newArticle.link          = req.body.link;
   newArticle.body          = req.body.body;
   var platforms = req.body.platforms;
   console.log(platforms);
  Article.create(newArticle, function(err, createdArticle){
      if(err){
          console.log(err.message);
      } else {
           var counter=0;
            platforms.forEach(function(platform){

               var platformed=mongoose.mongo.ObjectID(platform);
               Platform.findById(platformed, function(err, foundPlatform){
                  if(err){
                      console.log(err);
                  } else {
                      counter++;
                        foundPlatform.articles.push(createdArticle);
                        foundPlatform.save();
                        createdArticle.platforms.push(foundPlatform);
                        createdArticle.save();
                        if(counter==platforms.length){
                            res.redirect('articles/' + createdArticle._id);
                        }
                    }
                });
            });

      }


  });

});
 
 platforms字段作为字符串数组传递给后端，一个字符串是一个objectID。 当平台只包含1个字符串，即1个要链接的平台时，一切正常。 当平台包含多个字符串时。 创建的文章具有每个平台的副本。 或者有时只是某些平台的重复  
 有任何想法吗？  
 更新1：文章架构：var mongoose = require（“mongoose”）;  
var articleSchema = new mongoose.Schema({
    title        :   String,
    description  :   String, 
    link         :   String,
    date         :   String,
    body         :   String,
    platforms    :   [
      {
         type: mongoose.Schema.Types.ObjectId,
         ref: "Platform"
      }
   ] 
})

module.exports = mongoose.model("Article", articleSchema);
 
 平台架构：  
var mongoose = require("mongoose");

var platformSchema = new mongoose.Schema({
    name        :   String,
    category            :   String,
    contacts          :   [
      {
         type: mongoose.Schema.Types.ObjectId,
         ref: "Contact"
      }
   ],
   website              :   String,
   country              :   String,
   contactInformation   :   String,
   businessModelNotes   :   String,
   source               :   String,
   generalNotes         :   String,
   projects             :   [
      {
         type: mongoose.Schema.Types.ObjectId,
         ref: "Project"
      }
   ],
   articles             :   [
      {
         type: mongoose.Schema.Types.ObjectId,
         ref: "Article"
      }
   ],
   privacy              :   String,
   comments             :   [
      {
         type: mongoose.Schema.Types.ObjectId,
         ref: "Comment"
      }
   ]


});



module.exports = mongoose.model("Platform", platformSchema);

I am using a simple form that can be used to register an article to a website. 
the back-end looks like this: 
// Post new article
app.post("/articles", function(req, res){
   var newArticle = {};
   newArticle.title         = req.body.title;
   newArticle.description   = req.body.description;
   var date                 = req.body.date;
   var split                = date.split("/");
   newArticle.date          = split[1]+'/'+split[0]+'/'+split[2];
   newArticle.link          = req.body.link;
   newArticle.body          = req.body.body;
   var platforms = req.body.platforms;
   console.log(platforms);
  Article.create(newArticle, function(err, createdArticle){
      if(err){
          console.log(err.message);
      } else {
           var counter=0;
            platforms.forEach(function(platform){

               var platformed=mongoose.mongo.ObjectID(platform);
               Platform.findById(platformed, function(err, foundPlatform){
                  if(err){
                      console.log(err);
                  } else {
                      counter++;
                        foundPlatform.articles.push(createdArticle);
                        foundPlatform.save();
                        createdArticle.platforms.push(foundPlatform);
                        createdArticle.save();
                        if(counter==platforms.length){
                            res.redirect('articles/' + createdArticle._id);
                        }
                    }
                });
            });

      }


  });

});
 
The platforms field is passed to the back-end as an array of strings, one string being one objectID. When platforms only contains 1 string i.e. 1 platform to be linked to, everything works fine. When platforms contains multiple string. the created article has duplicates of each platform. Or sometimes only duplicates of some platforms 
Any ideas? 
UPDATE 1: Article Schema: var mongoose = require("mongoose"); 
var articleSchema = new mongoose.Schema({
    title        :   String,
    description  :   String, 
    link         :   String,
    date         :   String,
    body         :   String,
    platforms    :   [
      {
         type: mongoose.Schema.Types.ObjectId,
         ref: "Platform"
      }
   ] 
})

module.exports = mongoose.model("Article", articleSchema);
 
Platform Schema: 
var mongoose = require("mongoose");

var platformSchema = new mongoose.Schema({
    name        :   String,
    category            :   String,
    contacts          :   [
      {
         type: mongoose.Schema.Types.ObjectId,
         ref: "Contact"
      }
   ],
   website              :   String,
   country              :   String,
   contactInformation   :   String,
   businessModelNotes   :   String,
   source               :   String,
   generalNotes         :   String,
   projects             :   [
      {
         type: mongoose.Schema.Types.ObjectId,
         ref: "Project"
      }
   ],
   articles             :   [
      {
         type: mongoose.Schema.Types.ObjectId,
         ref: "Article"
      }
   ],
   privacy              :   String,
   comments             :   [
      {
         type: mongoose.Schema.Types.ObjectId,
         ref: "Comment"
      }
   ]


});



module.exports = mongoose.model("Platform", platformSchema);

原文：

更新时间：2021-11-08 14:11

最满意答案

 您提供的链接是wordpress主题，我尽力复制该样式并反映在bootstrap代码中。 最后，我通过使用css和jQuery的组合成功了。 下面是我的相同风格的代码。  
 请注意，我已经使用了2个css文件，为了完美地运行轮播，你还需要包含这些文件，在上面给出的行中链接相同！DOCTYPE Html。 休息所有文件都是CDN所以你不必担心它们。  
 Jquery Snippet  
 
  
  $(".home-solutions-nav-left").click(function() {
  $(".home-solution-items").animate({
      left: "-=250px"
    },
    10, function() {
      /* stuff to do after animation is complete */
      var length = parseInt($(".home-solution-items").css('left'));
      if (length < -1250) {
        resetLeft();
      };
    });
});

function resetLeft() {
  $(".home-solution-items").css('left', '0px');
}

$(".home-solutions-nav-right").click(function() {
  $(".home-solution-items").animate({
      left: "+=250px"
    },
    10, function() {
      /* stuff to do after animation is complete */
      var length1 = parseInt($(".home-solution-items").css('left'));
      if (length1 >= 0) {
        resetRight();
      };
    });
});

function resetRight() {
  $(".home-solution-items").css('left', '-1500px');
} 
  .home-solution-items {
  left: 0px;
} 
  <link href="https://www.crowdcontent.com/wp-content/themes/crowdcontent/css/services-nav.css" rel="stylesheet" />
<link href="https://www.crowdcontent.com/wp-content/themes/crowdcontent/css/home-solutions.css" rel="stylesheet" />
<!DOCTYPE HTML>
<html>

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="description" content="">
  <meta name="author" content="">
  <title>TechGenium</title>

  <!-- Font-Awesome CDN -->
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">

  <!-- Latest compiled and minified CSS -->
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" integrity="sha512-dTfge/zgoMYpP7QbHy4gWMEGsbsdZeCXz7irItjcC3sPUFtf0kuFbDz/ixG7ArTxmDjLXDmezHubeNikyKGVyQ==" crossorigin="anonymous">

  <link rel="stylesheet" href="css/services-nav.css">
  <link rel="stylesheet" href="css/home-solutions.css">


</head>

<body>

  <section class="home-solutions" id="home-products">
    <div class="home-solutions-nav-left"></div>
    <div class="container home-solutions-container">
      <div class="home-solution-items" style="width:2500px;left:0px;">
        <ul id="menu-services-nav-with-icons" class="menu">

          <div id="menu-item-405" class="home-solution-item cct-service-nav-item blog-posts menu-item menu-item-type-post_type menu-item-object-page">
            <a href="http://www.techgenium.in/blogs">
              <strong>
                                    <i class="_mi _before fa fa-wordpress"></i>
                                    <span>Blog Posts</span>
                                </strong>
            </a>
          </div>

          <div id="menu-item-406" class="home-solution-item cct-service-nav-item product-description menu-item menu-item-type-post_type menu-item-object-page">
            <a href="http://www.techgenium.in/blogs">
              <strong>
                                    <i class="_mi _before fa fa-shopping-cart"></i>
                                    <span>Product Description</span>
                                </strong>
            </a>
          </div>

          <div id="menu-item-464" class="home-solution-item cct-service-nav-item tweets menu-item menu-item-type-post_type menu-item-object-page">
            <a href="http://www.techgenium.in/blogs">
              <strong>
                                    <i class="_mi _before fa fa-twitter"></i>
                                    <span>Tweets</span>
                                </strong>
            </a>
          </div>

          <div id="menu-item-463" class="home-solution-item cct-service-nav-item facebook-posts menu-item menu-item-type-post_type menu-item-object-page">
            <a href="http://www.techgenium.in/blogs">
              <strong>
                                    <i class="_mi _before fa fa-facebook-square"></i>
                                    <span>Facebook Posts</span>
                                </strong>
            </a>
          </div>

          <div id="menu-item-451" class="home-solution-item cct-service-nav-item metadata menu-item menu-item-type-post_type menu-item-object-page">
            <a href="http://www.techgenium.in/blogs">
              <strong>
                                    <i class="_mi _before fa fa-search"></i>
                                    <span>Metadata</span>
                                </strong>
            </a>
          </div>

          <div id="menu-item-407" class="home-solution-item cct-service-nav-item website-content menu-item menu-item-type-post_type menu-item-object-page">
            <a href="http://www.techgenium.in/blogs">
              <strong>
                                    <i class="_mi _before fa fa-sitemap"></i>
                                    <span>Website Content</span>
                                </strong>
            </a>
          </div>

          <div id="menu-item-408" class="home-solution-item cct-service-nav-item ebooks menu-item menu-item-type-post_type menu-item-object-page">
            <a href="http://www.techgenium.in/blogs">
              <strong>
                                    <i class="_mi _before fa fa-tablet"></i>
                                    <span>eBooks</span>
                                </strong>
            </a>
          </div>

          <div id="menu-item-402" class="home-solution-item cct-service-nav-item white-papers menu-item menu-item-type-post_type menu-item-object-page">
            <a href="http://www.techgenium.in/blogs">
              <strong>
                                    <i class="_mi _before fa fa-file-o"></i>
                                    <span>White Papers</span>
                                </strong>
            </a>
          </div>

          <div id="menu-item-401" class="home-solution-item cct-service-nav-item press-release menu-item menu-item-type-post_type menu-item-object-page">
            <a href="http://www.techgenium.in/blogs">
              <strong>
                                    <i class="_mi _before fa fa-bullhorn"></i>
                                    <span>Press Releases</span>
                                </strong>
            </a>
          </div>

          <div id="menu-item-403" class="home-solution-item cct-service-nav-item newsletters menu-item menu-item-type-post_type menu-item-object-page">
            <a href="http://www.techgenium.in/blogs">
              <strong>
                                    <i class="_mi _before fa fa-newspaper-o"></i>
                                    <span>Newsletters</span>
                                </strong>
            </a>
          </div>

        </ul>
      </div>
    </div>
    <div class="home-solutions-nav-right"></div>
  </section>

  <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>

  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js" integrity="sha512-K1qjQ+NcF2TYO/eI3M6v8EiNYZfA95pQumfvcVrTHtwQVDG+aHRqLi/ETn2uB+1JqwYqVG3LIvdm9lj6imS/pQ==" crossorigin="anonymous"></script>

</body>

</html> 
  
 

The link you provided was of wordpress theme, i did my best to copy that style and reflect in bootstrap code. Finally i successed by using the combination of css and jQuery. Below is my code for the same style. 
Note that i have used 2 css files which u will also need to include in order to run the carousel perfectly, the link for the same in given above line !DOCTYPE Html. Rest all files are CDN so u need not worry about them. 
Jquery Snippet  
 
  
  $(".home-solutions-nav-left").click(function() {
  $(".home-solution-items").animate({
      left: "-=250px"
    },
    10, function() {
      /* stuff to do after animation is complete */
      var length = parseInt($(".home-solution-items").css('left'));
      if (length < -1250) {
        resetLeft();
      };
    });
});

function resetLeft() {
  $(".home-solution-items").css('left', '0px');
}

$(".home-solutions-nav-right").click(function() {
  $(".home-solution-items").animate({
      left: "+=250px"
    },
    10, function() {
      /* stuff to do after animation is complete */
      var length1 = parseInt($(".home-solution-items").css('left'));
      if (length1 >= 0) {
        resetRight();
      };
    });
});

function resetRight() {
  $(".home-solution-items").css('left', '-1500px');
} 
  .home-solution-items {
  left: 0px;
} 
  <link href="https://www.crowdcontent.com/wp-content/themes/crowdcontent/css/services-nav.css" rel="stylesheet" />
<link href="https://www.crowdcontent.com/wp-content/themes/crowdcontent/css/home-solutions.css" rel="stylesheet" />
<!DOCTYPE HTML>
<html>

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="description" content="">
  <meta name="author" content="">
  <title>TechGenium</title>

  <!-- Font-Awesome CDN -->
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">

  <!-- Latest compiled and minified CSS -->
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" integrity="sha512-dTfge/zgoMYpP7QbHy4gWMEGsbsdZeCXz7irItjcC3sPUFtf0kuFbDz/ixG7ArTxmDjLXDmezHubeNikyKGVyQ==" crossorigin="anonymous">

  <link rel="stylesheet" href="css/services-nav.css">
  <link rel="stylesheet" href="css/home-solutions.css">


</head>

<body>

  <section class="home-solutions" id="home-products">
    <div class="home-solutions-nav-left"></div>
    <div class="container home-solutions-container">
      <div class="home-solution-items" style="width:2500px;left:0px;">
        <ul id="menu-services-nav-with-icons" class="menu">

          <div id="menu-item-405" class="home-solution-item cct-service-nav-item blog-posts menu-item menu-item-type-post_type menu-item-object-page">
            <a href="http://www.techgenium.in/blogs">
              <strong>
                                    <i class="_mi _before fa fa-wordpress"></i>
                                    <span>Blog Posts</span>
                                </strong>
            </a>
          </div>

          <div id="menu-item-406" class="home-solution-item cct-service-nav-item product-description menu-item menu-item-type-post_type menu-item-object-page">
            <a href="http://www.techgenium.in/blogs">
              <strong>
                                    <i class="_mi _before fa fa-shopping-cart"></i>
                                    <span>Product Description</span>
                                </strong>
            </a>
          </div>

          <div id="menu-item-464" class="home-solution-item cct-service-nav-item tweets menu-item menu-item-type-post_type menu-item-object-page">
            <a href="http://www.techgenium.in/blogs">
              <strong>
                                    <i class="_mi _before fa fa-twitter"></i>
                                    <span>Tweets</span>
                                </strong>
            </a>
          </div>

          <div id="menu-item-463" class="home-solution-item cct-service-nav-item facebook-posts menu-item menu-item-type-post_type menu-item-object-page">
            <a href="http://www.techgenium.in/blogs">
              <strong>
                                    <i class="_mi _before fa fa-facebook-square"></i>
                                    <span>Facebook Posts</span>
                                </strong>
            </a>
          </div>

          <div id="menu-item-451" class="home-solution-item cct-service-nav-item metadata menu-item menu-item-type-post_type menu-item-object-page">
            <a href="http://www.techgenium.in/blogs">
              <strong>
                                    <i class="_mi _before fa fa-search"></i>
                                    <span>Metadata</span>
                                </strong>
            </a>
          </div>

          <div id="menu-item-407" class="home-solution-item cct-service-nav-item website-content menu-item menu-item-type-post_type menu-item-object-page">
            <a href="http://www.techgenium.in/blogs">
              <strong>
                                    <i class="_mi _before fa fa-sitemap"></i>
                                    <span>Website Content</span>
                                </strong>
            </a>
          </div>

          <div id="menu-item-408" class="home-solution-item cct-service-nav-item ebooks menu-item menu-item-type-post_type menu-item-object-page">
            <a href="http://www.techgenium.in/blogs">
              <strong>
                                    <i class="_mi _before fa fa-tablet"></i>
                                    <span>eBooks</span>
                                </strong>
            </a>
          </div>

          <div id="menu-item-402" class="home-solution-item cct-service-nav-item white-papers menu-item menu-item-type-post_type menu-item-object-page">
            <a href="http://www.techgenium.in/blogs">
              <strong>
                                    <i class="_mi _before fa fa-file-o"></i>
                                    <span>White Papers</span>
                                </strong>
            </a>
          </div>

          <div id="menu-item-401" class="home-solution-item cct-service-nav-item press-release menu-item menu-item-type-post_type menu-item-object-page">
            <a href="http://www.techgenium.in/blogs">
              <strong>
                                    <i class="_mi _before fa fa-bullhorn"></i>
                                    <span>Press Releases</span>
                                </strong>
            </a>
          </div>

          <div id="menu-item-403" class="home-solution-item cct-service-nav-item newsletters menu-item menu-item-type-post_type menu-item-object-page">
            <a href="http://www.techgenium.in/blogs">
              <strong>
                                    <i class="_mi _before fa fa-newspaper-o"></i>
                                    <span>Newsletters</span>
                                </strong>
            </a>
          </div>

        </ul>
      </div>
    </div>
    <div class="home-solutions-nav-right"></div>
  </section>

  <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>

  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js" integrity="sha512-K1qjQ+NcF2TYO/eI3M6v8EiNYZfA95pQumfvcVrTHtwQVDG+aHRqLi/ETn2uB+1JqwYqVG3LIvdm9lj6imS/pQ==" crossorigin="anonymous"></script>

</body>

</html>

MongoDB mongoose子文档创建了两次(MongoDB mongoose subdocuments created twice)

最满意答案

相关问答

更改Bootstrap 4 Carousel控件颜色(Change Bootstrap 4 Carousel Control Colors)[2022-09-07]

Tympanus Elastislide Carousel自动播放(Tympanus Elastislide Carousel autoplay)[2022-03-15]

猫头鹰旋转木马垂直和水平相同的高度(owl carousel vertical and horizontal with the same height)[2022-12-25]

我想用一个水平图片和（下一张幻灯片）2张垂直图片制作一个使用Bootstrap的传送带。(I would like to make a carousel using Bootstrap with 1 horizontal picture and (next slide) 2 vertical pictures. But I can`t make them the same height)[2022-07-02]

实现水平滚动轮播组件的最佳方法是什么？(What is the best approach to implement horizontal scrolling carousel component?)[2022-08-26]

如何制作水平SpinnerList(How to make Horizontal SpinnerList)[2022-07-08]

图像轮播中水平滚动的问题(Issue with horizontal scroll in image carousel)[2023-03-30]

如何制作像iCloud这样的图标？(How to make icons like iCloud?)[2022-04-09]

如何制作水平图标轮播(How to make an horizontal icons carousel)[2022-09-27]

如何制作旋转木马？(How to make carousel go around?)[2023-10-24]

相关文章

最新问答