视频1 视频21 视频41 视频61 视频文章1 视频文章21 视频文章41 视频文章61 推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37 推荐39 推荐41 推荐43 推荐45 推荐47 推荐49 关键词1 关键词101 关键词201 关键词301 关键词401 关键词501 关键词601 关键词701 关键词801 关键词901 关键词1001 关键词1101 关键词1201 关键词1301 关键词1401 关键词1501 关键词1601 关键词1701 关键词1801 关键词1901 视频扩展1 视频扩展6 视频扩展11 视频扩展16 文章1 文章201 文章401 文章601 文章801 文章1001 资讯1 资讯501 资讯1001 资讯1501 标签1 标签501 标签1001 关键词1 关键词501 关键词1001 关键词1501 专题2001
PW门户教程
2025-10-03 15:18:01 责编:小OO
文档
门户模板转换详细教程

Phpwind v8.7的门户模板体系是一个相当简单的制作体系,它对开发者的要求很低,只需要你能够写出html+css静态页面,之后就可以轻松的转换成pw模块,门户的转换跟以前版本都是一样.

我们要熟悉phpwind门户模式面向的两个群体:

•开发者,即一些第三方的模板风格开发者、站点的页面美术设计师、懂页面代码(甚至php)的站长;

•使用者,不想学代码的站长,各网站的内容编辑,热心版主等等。

门户模板体系目录

1.库目录——“/mode/area/themes/”,是用来存放用来创建门户频道“母板”的目录

2.开发目录——“/html/channel/”,是用来存放已经生成的门户频道

3.头部和底部——“/mode/area/template/”里的header.htm和footer.htm,头部登陆框调用的是/mode/area/template/m_header.htm

4.全站调用模块模板目录——”/html/portal/”,该目录用来存放门户调用模块的模版,比如论坛首页四格的目录就在“/html/portal/bbsindex/”中。

门户转换具体操作

1. 首先进入后台新建自己想要的频道:后台—>模式—>门户模式—>左侧的频道管理

            ————>

点击添加频道,填写弹出框内容,例如新建一个家装频道页面:

频道名称:家装频道

风格模板:blank(这个是专门拿来转换的,因为文件夹里面内容是空,便于大家添加自己想要的内容)

英文别名:jiazhuang(这名称可以自己定,但一定是英文的)

域名绑定:不需要填写

  

提交之后将会在html/channel/目录里自动生成一个jiazhuang文件夹,我们就可以在这个生成的jiazhuang文件夹里做模板了,so第一步新建频道就已经大功告成.

频道文件已经建好,但是需要在前台浏览页面,后台也已经生成相应的频道,可以从后台频道管理已经生成好的链接直接访问,因为原生成的文件是空的没有内容,所以效果如下图:

2、现在我们可以开始第二步骤,写静态的页面(html+css)

   进入html/channel/jiazhuang/目录,可以看到如下文件:

images文件夹用来放图片和style样式文件,

config.htm用来放自动生成的pw转换代码

index.html是页面的缓存文件,咱们不需要去管它

main.html是用来放置html代码,所以我们写的静态代码都是要在这个文件里来完成,这就跟平时写页面一样

现在我把已经写好的html静态代码放到main.htm来,至于怎么编写html+css在这里就不多说了:先来看一下main.html文件: 

可以看到有上下两段php代码,这是调用header头部和footer底部,现在不需要去管头部和底部的样式什么的,只要中间内容部分,所以这两段代码必须保留,而我们只需要在“这里添加模块”这个地方写自己需要的代码就好了.

A、首先把style.css和切好的图片放到images文件夹里,

B、然后在main.html编写html代码,尽量写的规范点,对后面转换就比较容易:

C、前台刷新浏览页面,看效果:

还有一点要注意:就是静态页面上的图片路径应该是:,如果把文件夹的名称换了,那么图片的路径记得也要同步更换哦.

3、现在静态写好了,我们可以开始第三步骤,转换成pw模块:

   3-1、这个地方我们就要看一下页面上每个模块与模块之间的html代码是什么样的关系,比如家居频道大标题和右边的小链接:

这一个模块的代码是一个div整个包起来的,那么我们可以把这个div里的内容用一个pw标签给嵌套起来,记得有开始标签,那就一定要有结束标签,代码如下:

嵌套好之后,ctrl+s保存文件,到前台浏览刷新页面,要先用管理员身份登录,点击右边的模块管理

再把鼠标移到刚刚转换好的那一个模块,就会出现管理框:

然后再回到main.html文件,这时候会弹出一个说明框,直接点击“是”就好了:

再看刚刚那一段代码有了变化,你一定会纳闷,原先那么的代码怎么就只剩下这么一句啦? 

它们都哪儿去了呢,别着急,它们只是为了方便管理而另存到与main.html同一目录下的config.htm文件里来啦,现在打开config.html文件看看,原来空空如也的config.html文件里已经有了消失的那段代码了,现在应该搞明白是怎么回事了吧:

这里有一个很重要的问题要注意哦:就是main.html里的这个pw一定要和config.html文件里的一样,不然会找不到,那么浏览页面的时候也不会出现内容的哦。

3-2、现在已经转好一个模块了,但是这个模块还没有真正的成功,因为它还是静态代码,不过为了更加快捷的把整个页面全部都弄好,就先把main.html的代码都按照同样的方法转换到config.html去,再做下一步工作,上面讲到的才是一部分,而且很简单,那么再看看第二个模块,可以用firefox的firebug看看:

这里一个大框架里面包括了三个小模块,左边一个播放器不用说可以作为一个pw嵌套模块;但是中间热点新闻那里就不一样了,不过也很好分,上面热点摘要可以作为一个pw嵌套模块,下面的新闻列表可以作为一个pw嵌套模块;

    

最右边模块里也有几个不同的内容,一样的模块标题作为一个pw嵌套:

图文列表作为一个pw嵌套模块,新闻列表作为一个pw嵌套模块,下面广告图片也作为一个pw嵌套模块:

      

3-3、模块与模块之间都已经分清楚了,现在可以回到main.html文件来看代码:

先来看看播放器的静态代码,这个是左边播放器的静态代码,要转换成pw模块,直接在外框div里面插入....就OK了。

    

嵌套好pw之后保存文件前台刷新,返回Dreamweaver main.html,代码已经生成好了,又一个模块成功,因为播放器代码特殊,所以再举例一个帖子列表模块:

 

这个也是一样可以在

    ....
之间嵌套pw,保存好文件在浏览看看效果:

怎么样,效果出来了吧,做到这一步,就说明已经熟悉了pw的嵌套流程了,是不是很简单哦?看看main.html文件里的代码成什么样了吧:

4、那几个模块代码原来都已经被给代替了,下面的内容做法就可以用同样的方式去嵌套咯,我们就此打住,开始要把生成到config.html文件里的静态代码转换成可循环管理的动态效果咯,这就是我们要说的第四个步骤:

 4-1、首先从最简单的帖子列表开始:但我们应该怎么去做呢,到config.html文件里找到相应的列表id:

可循环代码是什么呢,这里可以放心,因为后台都有详细的介绍的,具体位置可以搜索编辑模板进入或者

后台—>门户模式—>频道管理—>随便选一个右边的模块管理—>随便选一个右边的编辑模板就找到了:

标签,一个代表是一个调用模块: 

    1)action:代表调用的类型。 

    subject:调用帖子     user:调用用户     forum:调用版块     tag:调用标签     image:调用图片

  • {title,32}
  • : 

    i)标签中间代表的是循环的数据

    ......等等

    4-2、既然已经知道循环的代码了,那么我们就可以开始啦:因为是帖子列表模块,转换也比较简单

    Action=”subject” 调用的是帖子

    Num=”8”  调用

  • ......
  • 数据,位置顺序要写正确,否则也会出错

    {url} 路径

    {forumname,4} 所在板块,截取四个字符,实际是两个中文字

    {title,36} 帖子标题,截取36个字符,实际是18个中文字

    还有很多的标签在后台都是可以找到,这里也不多写了,现在可以返回浏览器看效果,这就是自动调用了论坛的帖子数据了,这一个模块已经彻底转换成功了:

    要想自己手动添加,那么就点击管理—>添加推送内容,里面的可以自己摸索摸索,熟练了就感觉很有味道:

    不过要是像这种文字标题,不需要做循环的就直接嵌套pw标签就ok了,要想改变标题文字,直接在前台管理—>编辑模块代码那儿手动修改就好了:

    4-3、后面的内容做法都一样,最后讲一下播放器应该怎么转换,其实pw已经写好了相应的js,只需要套上就ok了,如果不懂不知道怎么写,可以直接在html/channel/默认的频道里面找到这个播放器的转换代码:下载本文

    显示全文
    专题