phpwind9 beta门户模板开发使用教程 phpwind教程 - phpwind - 爱建站

,,cms教程,phpwind教程,,

SEO SEO

首页  >   phpwind > phpwind9 beta门户模板开发使用教程 phpwind教程   >  正文

 

pw9beta版发布这么久了; 一直没来得及试用一下这两天简单看了看门户的模板,熟悉phpwind模板的同学,应该会觉得和pw8的很类似,不过增强了很多先来分析一下 官方提供的一套门户模板 先在后台添加一个自定义页面,这里写得很详细就不再重复导入后,会在www themes portal local 下面生成一个目录,我这里是13,内容可以看到 ,和导入的包目录结构一样 分析发现,只有template里面的index htm不同,其它都一样打开index htm文件看一下www themes portal local 13 template目录下的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}这样的属性的含义,直接看后台的说明吧,很详细的,上个图============================================================下面,咱们就自己动手写一个模板试试,第一步,当然是先写静态页面了,就是站长们口中传说中的切图!我这里有一个写好的静态页面,先给截个图看看静态页面的效果目录结构如下,我都放到一个文件夹里了,大家写的时候不要这么偷懒


pw9beta版发布这么久了; 一直没来得及试用一下
这两天简单看了看门户的模板,熟悉phpwind模板的同学,应该会觉得和pw8的很类似,不过增强了很多

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

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

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



分析发现,只有template里面的index.htm不同,其它都一样
打开index.htm文件看一下
www\themes\portal\local\13\template目录下的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"]): #--><p>{@$headguide|html}</p><!--# 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文件过来,这个文件里面的信息没去研究,官方的教程说明的只是一些系统声明,作者署名链接等
改完之后,在之前新建的页面前台,导入这个模板试试看有什么问题,这里我只模块化了前一部分,有兴趣的可以补充

温馨提示:如果你正在寻找优秀的phpwind模板,那你可以到的 phpwind模板 频道看看,相信一定有你喜欢的!


phpwind9 beta门户模板开发使用教程 phpwind教程
http://www.yuedudg.cn/article/1819401.html

 

友情链接
wp之家 cms综合网 ecshop经验网
phpcms之家 discuz经验网 zblog之家
织梦之家 帝国cms常识


Tags: cms教程 phpwind教程


手机浏览本文

phpwind9 beta门户模板开发使用教程  phpwind教程

phpwind9 beta门户模板开发使用教程 phpwind教程

站内推荐

网站分类

标签列表

关于我们
文章内容来源互联网仅供参考,如果还有疑问请联系我们!我们将竭力帮您解决您的问题
联系我们:

QQ: 397423577 

email:397423577@qq.com

微信:ganenboy