Javascript – Diskussion über den Designplan eines Projekts
Vor kurzem arbeite ich an einem konfigurierbaren Projekt für die Veranstaltungsseite des Unternehmens, nennen wir es cms
Die Funktion besteht darin, jedes Mal, wenn es eine Werbeveranstaltung wie Double 11 gibt, das entsprechende Modul im Management-Backend zu konfigurieren und schließlich die Seite zu generieren
Die Schnittstelle hat eine ähnliche Struktur
{
list:[
{
type: 1, //这个模块的type，比如1对应商品组合模块
cmsId: 1, //这个模块的唯一id
data: {
//具体的这个模块的数据
}
}
],
code: 200,
msg: ''
} Meine aktuelle Überlegung ist folgende:
Definieren Sie eine gemeinsame Schnittstelle durch ein einfaches Fabrikmuster
var factoryInterface = function(type,data){
switch(type){
case 1:
return new BannerWithBroadcastTpl(data)
break;
case 2:
return new PicDisplayTpl(data)
break;
}
} BannerWithBroadcastTpl und PicDisplayTpl sind beide definierte Komponenten. Jede Komponente verfügt über eine Erstellungsmethode zum Erstellen der Komponente
Verwenden Sie den folgenden Code, um die Initialisierung des Projekts endgültig abzuschließen
for(var i=0,length=data.length;i<length;i++){
!(function(i){
factoryInterface(data[i].type,data[i]).create(_this.root)
})(i)
}
