php模板框架教程,模块phpwind门户模板制作教程

门户模板转换详细教程

门户模板体系目录

1 库目录 —— “/mode/area/themes/” 是用来存放用来创建门户频道“母板”的目录2 开发目录—— “/html/channel/” 是用来存放已经生成的门户频道

3 头部和底部——“/mode/area/templ ate/” 里的hea der htm和f ooter htm

4 头部登陆框调用的是——“/mode/area/templ ate/” m_header htm

5 全站调用模块模板目录——”/html/portal/” 该目录用来存放门户调用模块的模版门户转换具体操作

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

————>

例如新建一个家装频道

频道名称家装频道

风格模板 blank 这个是专门拿来转换的 因为文件夹里面内容是空便于大家添加自己想要的内容英文别名 jiazhuang 这名称可以自己定但一定是英文的

域名绑定不需要填写

提交之后将会在htm l/chann el/目录里自动生成一个j iazhu ang文件夹我们就可以在这个生成的jiaz huang文件夹里做模板了频道文件已经建好但是需要在前台浏览页面后台也已经生成相应的频道可以从后台频道管理已经生成好的链接直接访问因为原生成的文件是空的没有内容所以效果如下图

2、现在我们可以开始第二步骤 写静态的页面html+css

进入htm l/chann el/jiazh uang/目录可以看到如下文件

Images 文件夹用来放图片和s tyle样式文件confi ghtm 用来放自动生成的pw转换代码index html 是页面的缓存文件 咱们不需要去管它main html 是用来放置html代码所以我们写的静态代码都是要在这个文件里来完成

现在我把已经写好的h tml静态代码放到m ain htm来先来看一下main html文件:

可以看到有上下两段p hp代码这是调用h eader头部和fo oter底部所以这两段代码必须保留而我们只需要在“这里添加模块”这个地方写自己需要的代码就好了

A、首先把st ylecss和切好的图片放到imag es文件夹里

B、然后在ma in html编写html代码尽量写的规范点对后面转换就比较容易

C、前台刷新浏览页面看效果

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

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

这一个模块的代码是一个div整个包起来的那么我们可以把这个d iv里的内容用一个pw标签给嵌套起来记得有

开始标签那就一定要有结束标签代码如上嵌套好之后  ctrl+s保存文件到前台浏览刷新页面要先用管理员身份登录 点击右边的模块管理再把鼠标移到刚刚转换好的那一个模块就会出现管理框

然后再回到mainhtml文件这时候会弹出一个说明框直接点击“是”就好了再看刚刚那一段代码有了变化你一定会纳闷原先那么的代码怎么就只剩下这么一句啦

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

这里有一个很重要的问题要注意哦就是mai nhtml里的这个ponfig html文件里的一样不然会找不到那么浏览页面的时候也不会出现内容的哦。

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

这里一个大框架里面包括了三个小模块左边一个播放器不用说可以作为一个pw嵌套模块但是中间热点新闻那里就不一样了不过也很好分上面热点摘要可以作为一个pw嵌套模块下面的新闻列表可以作为一个pw嵌套模块最右边模块里也有几个不同的内容一样的模块标题作为一个pw嵌套

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

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

先来看看播放器的静态代码这个是左边播放器的静态代码要转换成p w模块直接在外框div里面插入就O K了。

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

这个也是一样可以在

• .. . .

之间嵌套pw保存好文件在浏览看看效果

怎么样效果出来了吧做到这一步就说明已经熟悉了pw的嵌套流程了是不是很简单哦看看m a in html文件里的代码成什么样了 吧

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

4-1 、首先从最简单的帖子列表开始但我们应该怎么去做呢 到conf ig html文件里找到相应的列表i d

可循环代码是什么呢后台都有详细的介绍的 

标签一个代表是一个调用模块

actio n代表调用的类型。subje ct:调用帖子 user:调用用户 forum:调用版块 tag:调用标签 image:调用图片

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

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

Action=”subje ct”调用的是帖子

Num=”8” 调用8条

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

{u rl}路径

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

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

要想自己手动添加那么就点击管理—>添加推送内容里面的可以自己摸索摸索熟练了就感觉很有味道不过要是像这种文字标题不需要做循环的就直接嵌套pw标签就ok了要想改变标题文字直接在前台管理—>编辑模块代码那儿手动修改就好了 

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