pw9beta版发布这么久了; 一直没来得及试用一下
这两天简单看了看门户的模板,熟悉phpwind模板的同学,应该会觉得和pw8的很类似,不过增强了很多
先来分析一下 官方提供的一套门户模板
先在后台添加一个自定义页面,这里写得很详细就不再重复
导入后,会在www\themes\portal\local\ 下面生成一个目录,我这里是13,内容可以看到 ,和导入的包目录结构一样
分析发现,只有template里面的index.htm不同,其它都一样
打开index.htm文件看一下
www\themes\portal\local\13\template目录下的index.htm,看我标记为重点这块,会不会很眼熟,是不是和pw8门户模板里面很类似,至于role这个属性,具体有什么用处目前还未发现,有待研究
再来看看门户模板包里的index.htm文件
看到没有 ,其实这一块就是咱们要模块化调用内容的地方
模块化标签,类似于pw8门户模板里的啰
当然就是循环调用的标签了,类似pw8里面的+了 是不是很类似,至于像{url},{title}这样的属性的含义,直接看后台的说明吧,很详细的,上个图
============================================================
下面,咱们就自己动手写一个模板试试,第一步,当然是先写静态页面了,就是站长们口中传说中的切图!
我这里有一个写好的静态页面,先给截个图看看静态页面的效果
目录结构如下,我都放到一个文件夹里了,大家写的时候不要这么偷懒。。。
简单看一下index.htm里面的内容
下面来试下,怎么样转换成门户的模板
首页,我把images/替换成{@G:design.url.images}/,图片路径替换,因为我只用了一个images目录,
相应的还有{@G:design.url.css},{@G:design.url.js}
引用 头部和尾部
在
中间加入在
下面加入在上面加入
Wind.use('jquery', 'global');/*引用全局的脚本*/
如果如下,这里把头部无用的meta标签,title标签删除
再来试一下内容的模块化,我的静态页面第一部分内容是一个幻灯版轮显,代码如下
模块化调用的结果如下:
是不是很简单的,只是简单的替换而已,不过有一点不如pw8方便,pw8开发的时候就可以直接看到效果并在main.htm和config.htm调整,这里还得先导入才能在后台修改模块模板,对页面builder来说,比较不方便(这个。。或许是我还没找到好的方法,请指正)
最后复制一个Manifest.xml文件过来,这个文件里面的信息没去研究,官方的教程说明的只是一些系统声明,作者署名链接等
改完之后,在之前新建的页面前台,导入这个模板试试看有什么问题,这里我只模块化了前一部分,有兴趣的可以补充