javascript - Discussion sur le plan de conception d'un projet
Récemment, je travaille sur un projet configurable pour la page événementielle de l'entreprise, appelons-le cms
La fonction est de configurer le module correspondant dans le backend de gestion à chaque fois qu'il y a un événement promotionnel tel que Double 11, et enfin de générer la page
L'interface a une structure similaire à celle-ci
{
list:[
{
type: 1, //这个模块的type，比如1对应商品组合模块
cmsId: 1, //这个模块的唯一id
data: {
//具体的这个模块的数据
}
}
],
code: 200,
msg: ''
} Ma réflexion actuelle est la suivante :
Définir une interface commune via un modèle d'usine simple
var factoryInterface = function(type,data){
switch(type){
case 1:
return new BannerWithBroadcastTpl(data)
break;
case 2:
return new PicDisplayTpl(data)
break;
}
} BannerWithBroadcastTpl et PicDisplayTpl sont tous deux des composants définis. Chaque composant a une méthode de création pour créer le composant
.Utilisez le code suivant pour enfin terminer l'initialisation du projet
for(var i=0,length=data.length;i<length;i++){
!(function(i){
factoryInterface(data[i].type,data[i]).create(_this.root)
})(i)
}Maintenant, je souhaite discuter avec vous, maîtres, s'il existe d'autres plans de conception de code pour ce plan. Tout le monde est invité à commenter~~
.
