新闻中心

如何制作Modoer模板,Modoer模板开发结构详解

作者 / 无忧主机 时间 2014-05-12 18:17:43

不久之前,小编给自己的php虚拟主机安装了一个Modoer程序,发现有很多新鲜东西,例如模板的结构,下面小编就给大家分析一下Modoer的模板结构 首先Modoer的模板分为5个板块,分别是主站模板,主题模板,空间模板,助手模板和后台模板,在这里,我们主要分析的是主站模板和主题模板。而助手模板和后台模板为分布式的存放,每个模块都在自己的模块内,助手模板存放在core/modules/[moduleflag]/assistant/templates,后台模板存放在core/modules/[moduleflag]/admin/templates,其中助手模板使用了模板引擎,可以使用模板标签。然而,后台模板没有用模板引擎,所以需要直接进行php语法操作。下面是每个模板的路径: 主站模板:templates/main 主题模板:templates/item 空间模板:templates/space 主站模板: 主站模板文件夹:每一套模板都有一个文件夹,不能直接把文件放在templates/main下面。 模板文件由【模块_文件名】组成,比如:modoer_index,这表示modoer框架的首页。 主站模板的组成一般为:头部文件+主题文件+尾部文件,头部文件是modoer_header,尾部文件是modoer_footer 首页的组成是modoer_header+modoer_index+modoer_footer ,每一个主体文件同时可能由多个子模板组成,子模板的名称一般为:模块_文件名_part_* 模板的CSS组成有: 主站的CSS分类、公共CSS、首页CSS和模块CSS。下面一一讲解。 公共CSS: 负责显示统一的图标,样式等,例如点评的星星。公共CSS是为了在各个不同的。模板CSS的样式名称为:css_common.css 首页CSS: 负责首页单独的风格,名称为css_index.css,所有首页单独使用的css都是存放在这里 模块CSS: 每个模块内需要独立用到的布局CSS,当用户访问某个模块的页面时,就会自动加载这个模块的CSS,模板CSS的样式名称为:css_模块标识.css 主题模板: 2.0的主题模板相对于1.x增加了许多功能,同时,新闻、产品、优惠券都成为主题模板,和统一主题关联数据显示,展示了一个完整的主题信息,可以实现类似品牌空间的网上店铺效果。 主站模板的每个页面都包含了头部(header.htm),尾部(footer.htm) 主题风格的模板页面分别为——主题首页(index.htm),新闻列表(article_list.htm),新闻内页(article_detail.htm),优惠券列表(coupon_list.htm),优惠券内页(coupon_detail.htm),产品列表(product_list.htm),产品内页(product_detail.htm),分类信息列表(fenlei_list.htm),分类信息内页(list_detail.htm) 希望对各位站长朋友有所帮助~!

本文地址:https://www.51php.com/modoer/14054.html

1
1
1
1
1
1
1

客户服务热线

0791-8623-3537

在线客服