php免费模板怎么使用教程,phpwind9 beta门户模板开发使用教程

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}

引用 头部和尾部

在

中间加入

在

下面加入

{@$headguide|html}

在上面加入

Wind.use('jquery', 'global');/*引用全局的脚本*/

如果如下，这里把头部无用的meta标签，title标签删除

再来试一下内容的模块化，我的静态页面第一部分内容是一个幻灯版轮显，代码如下

模块化调用的结果如下：

是不是很简单的，只是简单的替换而已，不过有一点不如pw8方便，pw8开发的时候就可以直接看到效果并在main.htm和config.htm调整，这里还得先导入才能在后台修改模块模板，对页面builder来说，比较不方便(这个。。或许是我还没找到好的方法，请指正)

最后复制一个Manifest.xml文件过来，这个文件里面的信息没去研究，官方的教程说明的只是一些系统声明，作者署名链接等

改完之后，在之前新建的页面前台，导入这个模板试试看有什么问题，这里我只模块化了前一部分，有兴趣的可以补充