用phpcms如何将静态页面制做成企业网站（上）

首先，先要准备好这个静态网页的源文件，如图

bs里面是一些css和js的文件，img则是放图片的，文件中的index是网页的首页

运行一下，看看

是这样的

而后打开phpcms文件，上篇博客中有提到，把首页的文件index要放到指定的文件夹下

放到这个路径下

而后运行一下，看看效果

网页中没有了图片和样式表，接下来就是把它的图片和样式表放到指定的文件夹中，把图片放到images文件夹里，如图

 

bs里面有js文件也有css文件，因此，把它放在css和js文件任何一个均可以。如图

 

 第一步作的就完成了，复制文件到指定文件夹中

运行一下index首页，仍是没有变，如图

而后用Dw打开index首页

一些文件的路径都是原来的，因此找不到，包括图片也是

因此咱们要作的第二步就是替换目录

ctrl f  直接查找，如图

第一个要替换的是bs，看看要替换成什么

打开phpcms的后台管理

设置安全配置中基本配置那一项

看看各项对应着什么路径

Dw中查找，填写内容

{JS_PATH}就表明着，这个路径，如图

替换的话，只要含有bs的就所有替换成那个路径，万一其中有单词含有bs那也会被替换，因此还要改

在前面加上双引号就能够了，基本上bs打头的，前面都是双引号

 

 点击替换所有，一共找到了三项

 

已成功被替换

接下来就是替换img

查找一下img 看看有什么规律

也是双引号打头的能够操做

替换所有看一下，有没有彻底替换成功

有class名也是双引号打头的被替换掉了，因此这种替换方式不行，撤销一下

前面的标志重复不行，那就看后面的

而后替换所有

查看一下，替换的都没有错

两个路径都更换完了，网页应该就能够正常运行了

phpcms后台管理更新一下缓存

更新完成后，再点击生成首页

查看站点首页

这个静态页面就能够在phpcms中显示出来了

而后就能够对这个静态页面进行操做了

能够经过phpcms提供的一些标签，来把静态网页变成动态网页

换个标准点的静态网页来从新操做，如图

运行后是这样的一个静态网页

仍是重复上面说的那些步骤，复制文件

复制完成后，再就是把index里面的内容更改替换

而后在phpcms后台管理中更新缓存，生成首页，查看站点首页

和第一个静态页面的操做步骤同样

接下要把index首页，分出两个部分，头部和尾部

导航栏的部分是头部，来看一下审查元素

 

 把header1和往上的内容剪切掉

新建一个文件，把内容复制，起的名字也是固定的，为header而后保存到和index同一路径里去

头部操做好了，再把尾部拆出来

再来看底部

一样的方法，剪切复制到一个新的文件里去，名字也是固定的，footer

而后点击保存

更新缓存，生成首页，看一下站点首页变成什么样子了

头部没有了，能够在里面把头部再放进去

使用的是phpcms里面的标签，如图

把尾部也引入进去

而后更新缓存看一下效果

头部被成功引入

再看尾部

尾部也是被成功引入

头部和尾部被拆出来的缘由就是，到时候能够重复使用，每一个页面都须要头部和尾部，若是 有须要的话能够引入就好

下一步作的就是，把header变成动态的

能够看一下

这里面的header是怎么作的

有这样一句话

标题，能够在后台管理操做的，不能写死了，能够复制粘贴一下

 

 把这个改了

还要再加这样两句话

phpcms里的标签都是带花括号的，这两句话不加也行，加上最好，网络优化用的

再往下看是logo，logo在企业网站上不多会更换，因此这里就不作动态了

再往下看是栏目，栏目确定是要改为动态的

只留这两项，而后其余的都删掉

而后用phpcms的标签把栏目循环遍历出来

能够参照phpcms v9手册，去找标签

花括号里面内容的意思就是   pc标签，是phpcms的一个简写，content表明的是内容，表明取的是栏目写0的话找的是一级栏目，5是表明的数量，最多只能调5个出来，是站点

根据栏目添加的顺序来升序排，至关于王里面填一些参数

查到的数据怎么来显示？loop标签。是用来循环遍历数组的，data表明查到的数据，r表明的小数组

loop中间的内容会循环输出，把刚才的产品放进去，把产品改成动态的，因此就不能写产品了

写这样显示的就是名称了，先运行一下，看看

 

 出现的是phpcms后台管理里面的内容

还有一个网页介绍

改为是，它就会在导航栏上出现

 

 栏目已经改好了，每一个栏目的链接是#，如今把每一个栏目的href地址改一下

运行一下

点击国内

 

 网页跳转相对应的地方

点击关于咱们

也是跳转到相应的地方去

因为ceshi文件里面只有三个文件，并无相对应的list列表，因此它会找默认的内容

首页跳转的部分还须要改

保存运行一下

点击首页，网址后面不会带有#

 

 点击这里的首页

也会回到首页

导航的内容和链接都改完了

看一下首页是怎么变黄的  

首页比其余的多了一下class名

 在上面加一个判断语句，判断一下它是否是首页

 

 

删掉这一部分

 

 

在写下面的判断语句

 

 

写在loop标签里面

而后再把，这一块，删掉它

运行一下

 

能够指到那一项，选中哪一项，这样头部部分已经改完了，能够直接从后台管理去操做它，接下来操做footer部分

footer部分和头部的同样，logo不用改，电话地址等也不用，下面有个导航栏，把这一块换掉

修改完成后，运行

点击国内

成功跳转

再来看index部分

由于这个页面，导航下面就是一个大图，为了之后方便换，也换成动态的，须要在后台管理那里的栏目再加一行栏目

 

添加栏目

点击提交

 而后给它添加内容

点击保存，看一下

这里就有这张图片了

把首页的大图换成这张图片，看看怎么换

把原来的代码改为这样的

而后保存，刷新看一下

图片已经被成功的替换了

在后台管理再修改另外一张图片

点击保存，而后刷新页面

图片被成功替换

到管理栏目那里，删除没有用的，而后再添加栏目

导航已经被改变了

第一个是承接，承接在管理栏目是13

 

第二个是人才，人才在管理栏目上是11

 

 

第三个是资源，资源在管理栏目上是12

操做的是首页大图上的三张小图

运行一下

点击人才，达到的是人才页面