0

我正在开发一个存储我的多媒体目录的应用程序，我有这样的 JSON 集合：

    { "_id" : ObjectId( "5142f55394474e2aac000001" ),
      "contentType" : "binary/octet-stream",
      "length" : 2732376,
      "chunkSize" : 262144,
      "uploadDate" : Date( 1363342677601 ),
      "metadata" : { 
         "TIT2" : "Chase The Blues (Cameron McVey Remix)",
         "TPE1" : "Terranova",
         "TRCK" : "1/13",
         "TALB" : "!K7",
         "TPOS" : "1/1",
         "TDRC" : "2000-06",
         "TCON" : [ 
                   "Electronica", 
                   "Trip-Hop" ],
         "COMM" : [ 
                   "Chillout", 
                   "Love", 
                   "German", 
                   "Berlin", 
                   "2000s", 
                   "Female Vocalists", 
                   "Male Vocalists" ],
         "TMED" : "CD",
         "TMOO" : "Chill",
         "TDOR" : "2000-06",
         "TSO2" : "Various Artists",
         "TPE2" : "Various Artists",
         "TCMP" : "1",
         "TSOP" : "Terranova",
         "TIT1" : "Electronica",
         "TPUB" : "Sinedín Music",
         "TLAN" : "eng",
         "TYER" : [ 
                  "2000" ],
         },
      "md5" : "617401af615ac0c6cb1dee9a3f1b99e6",
      "origin" : "Chase The Blues.109eb5ab5105a1caa505a26657f7f9a8.mp3",
      "evolution" : null,
      "insertDate" : Date( 1336662308000 ),
      "tagSource" : "MusicBrainz",
      "mediainfo" : 
                  { "Format" : "MPEG Audio",
                    "Format version" : "Version 1",
                    "Format profile" : "Layer 3",
                    "Duration" : "3mn 47s",
                    "Bit rate mode" : "Constant",
                    "Bit rate" : "96.0 Kbps",
                    "Channel(s)" : "1 channel",
                    "Sampling rate" : "44.1 KHz",
                    "Compression mode" : "Lossy",
                    "Stream size" : "2.60 MiB (100%)",
                    "Language" : "English" 
                  }
        }

因此，如您所见，models.js 的文档中有“元数据”和“媒体信息”数组，在客户端，我已经像这样重写了模型解析函数

    var Audio_Model = Backbone.Model.extend({

      idAttribute: "_id",
      url: 'AudioModel',
      urlRoot: 'AudioModel' ,

      parse: function(response) {

      // Check if response includes some nested collection data...
      if (_.has(response, 'metadata')){

         // Check if this model has a property called metadata
         if (!_.has(this, 'metadata')) {  // It does not...
             // So instantiate a collection and pass in raw data
             this.metadata = new Audio_Collection_Metadata(response.metadata);
         } else {
             // It does, so just reset the collection
             this.metadata.reset(response.metadata);
         }
         delete response.metadata;
      }
      // Check if response includes some nested collection data...
      if (_.has(response, 'mediainfo')){
             // Check if this model has a property called mediainfo
             if (!_.has(this, 'mediainfo')) {  // It does not...
             // So instantiate a collection and pass in raw data
             this.mediainfo = new Audio_Collection_Mediainfo(response.mediainfo);
         } else {
             // It does, so just reset the collection
             this.mediainfo.reset(response.mediainfo);
    }
    delete response.mediainfo;
   }
   return response;
   }
  });

所以我创建了两个单独的“元数据”和“媒体信息”集合，我遇到的问题是如何在 html 模板中呈现“元数据”和“媒体信息”，因为在“媒体信息”和“元数据”集合中，键、值不固定，在“元数据”中，一些键是值数组，数组中的项目数不固定

我为这两个集合创建了backbone.marionette.itemview 和compositeview，但我不知道如何渲染

请问，有人有解决方案吗？此致

4

1 回答 1

0

最后我自己通过数据规范化解决了这个问题，这是采用的新猫鼬模式：

    var TagSchema = new mongoose.Schema({
  value : {type : String, default: '', required: true}
    });

    var MetadataSchema = new mongoose.Schema({
 name  : {type: String, default: '', required : true},
 values: [TagSchema]
    });

    var MediainfoSchema = new mongoose.Schema({
 name : {type: String, default: ''},
 value: {type: String, default: ''}
    });

    var StreamSchema = new mongoose.Schema({
 _id: mongoose.Schema.ObjectId,
 TIT2: {type : String, default: '', required: true},
 metadata: [MetadataSchema],
 mediainfo:[MediainfoSchema]
   });

这样通过 CollectionView 和 CompositeView 的序列我可以浏览整个模型希望这可以帮助某人

于 2013-04-07T17:50:04.540 回答