开发学院网页设计JavaScript Javascript乱弹设计模式系列(2) - 抽象工厂以及工... 阅读

Javascript乱弹设计模式系列(2) - 抽象工厂以及工厂方法模式(Factory)

 2010-09-14 13:35:26 来源:WEB开发网   
核心提示: 最终页面显示如下所示:从图上可以看出,博客会员以上的用户类型可以显示“文章管理,Javascript乱弹设计模式系列(2) - 抽象工厂以及工厂方法模式(Factory)(4),个人资料管理”标签,超级管理员可以显示“系统后台管理”;而布局选

最终页面显示如下所示:

Javascript乱弹设计模式系列(2) - 抽象工厂以及工厂方法模式(Factory)

从图上可以看出,博客会员以上的用户类型可以显示“文章管理,个人资料管理”标签,超级管理员可以显示“系统后台管理”;而布局选择包括“左,中,右结构”,“左,右上,右下结构”,“左上,左下,右结构”,颜色包括“蓝”,“红”,“绿”,“紫”,这里只能博客会员和超级管理员才可以显示;

(这里我使用了网上提供的jquery.tab.js插件对标签进行实现,详细请看http://stilbuero.de/jquery/tabs_3/)

好了,现在开始介绍这个实例通过Javascript工厂模式是如何实现的。

2. IMember.js不变,从简单工厂中直接复制。

3. IMember的具体实现类Guest,BlogMember,SuperAdmin从简单工厂中复制,这里分别添加个原型方法isSetColorBlock,判断该用户类型是否可设置颜色和布局,如下所示:

Guest.prototype={
  //…
  isSetColorBlock:function(){
    returnfalse;
  }
}
BlogMember.prototype={
  //…
  isSetColorBlock:function(){
    returntrue;
  }
}
SuperAdmin.prototype={
  //…
  isSetColorBlock:function(){
    returntrue;
  }
}

可以看到游客不能进行设置,而博客会员和超级管理能进行设置;

上一页  1 2 3 4 5 6 7 8  下一页

Tags:

编辑录入:爽爽 [复制链接] [打 印]
[]
  • 好
  • 好的评价 如果觉得好,就请您
      0%(0)
  • 差
  • 差的评价 如果觉得差,就请您
      0%(0)
赞助商链接