虚位以待(AD)
虚位以待(AD)
首页 > CMS教程 > Phpwind > phpwind9 beta门户模板开发使用教程

phpwind9 beta门户模板开发使用教程
类别:Phpwind   作者:码皇   来源:互联网   点击:

pw9beta版发布这么久了; 一直没来得及试用一下这两天简单看了看门户的模板,熟悉phpwind模板的同学,应该会觉得和pw8的很类似,不过增强了很多先来分析一下 官方提供的一套门户模板 先在后台添加一个自定义页面,这里 ,魔客吧
pw9beta版发布这么久了; 一直没来得及试用一下
这两天简单看了看门户的模板,熟悉phpwind模板的同学,应该会觉得和pw8的很类似,不过增强了很多

先来分析一下 官方提供的一套门户模板

先在后台添加一个自定义页面,这里写得很详细就不再重复

导入后,会在wwwthemesportallocal 下面生成一个目录,我这里是13,内容可以看到 ,和导入的包目录结构一样



分析发现,只有template里面的index.htm不同,其它都一样
打开index.htm文件看一下
wwwthemesportallocal13template目录下的index.htm,看我标记为重点这块,会不会很眼熟,是不是和pw8门户模板里面<pw id="模块说明" />很类似,<design id="D_mod_10"role="module"></design>至于role这个属性,具体有什么用处目前还未发现,有待研究

再来看看门户模板包里的index.htm文件

看到没有 ,其实这一块就是咱们要模块化调用内容的地方
<pw-list></pw-list>模块化标签,类似于pw8门户模板里的<pw></pw>啰
<for:></for>当然就是循环调用的标签了,类似pw8里面的<list>+<loop>了&#160;&#160;是不是很类似,至于像{url},{title}这样的属性的含义,直接看后台的说明吧,很详细的,上个图

============================================================
下面,咱们就自己动手写一个模板试试,第一步,当然是先写静态页面了,就是站长们口中传说中的切图!
我这里有一个写好的静态页面,先给截个图看看静态页面的效果

目录结构如下,我都放到一个文件夹里了,大家写的时候不要这么偷懒。。。

简单看一下index.htm里面的内容

下面来试下,怎么样转换成门户的模板
首页,我把images/替换成{@G:design.url.images}/,图片路径替换,因为我只用了一个images目录,
相应的还有{@G:design.url.css},{@G:design.url.js}
引用 头部和尾部
在<head></head>中间加入

<template source='TPL:common.head' load='true' />
在<body>下面加入
<design role="start"/> <!--这个不能少,少了就不会出现模块管理的按钮了-->
<!--# if($portal['header']): #--><template source='TPL:common.header' load='true' /><!--# endif; #-->
<!--# if($portal['navigate']): #--><div>{@$headguide|html}</div><!--# endif; #-->

在</body>上面加入

<!--# if($portal['footer']): #--><template source='TPL:common.footer' load='true' /><!--# endif; #-->
<script>
Wind.use('jquery', 'global');/*引用全局的脚本*/
</script>
<design role="end" />

如果如下,这里把头部无用的meta标签,title标签删除
再来试一下内容的模块化,我的静态页面第一部分内容是一个幻灯版轮显,代码如下

模块化调用的结果如下:

是不是很简单的,只是简单的替换而已,不过有一点不如pw8方便,pw8开发的时候就可以直接看到效果并在main.htm和config.htm调整,这里还得先导入才能在后台修改模块模板,对页面builder来说,比较不方便(这个。。或许是我还没找到好的方法,请指正)
最后复制一个Manifest.xml文件过来,这个文件里面的信息没去研究,官方的教程说明的只是一些系统声明,作者署名链接等
改完之后,在之前新建的页面前台,导入这个模板试试看有什么问题,这里我只模块化了前一部分,有兴趣的可以补充

相关热词搜索: phpwind9 beta门户模板开发使用教程