首先用一个静态首页的模板,经过cms进行替换作成一个有后台的php
首页的替换流程首先要先把静态网页作出来,拿这个页面去替换css
页面全部的文件都在这,作静态页面的文件html
如今要作的是把这些文件复制一下拿到phpcms里面有个Phpcms文件夹里的templates里面有个ceshi里面的content前端
咱们先把首页拿进来进行替换jquery
这时候首页模板已经扔过来了那咱们再次去访问网站的时候,更新缓存,重新生成首页编程
会发现首页变了,变成了静态页面bootstrap
会发现这个网页里面少了图片,样式表也没有了缓存
由于咱们只把网页扔过来,所对应的图片和样式表没有扔过来网站
那么文件仍在哪呢?图片咱们就复制img扔到spa
图片咱们就复制img扔到phpcms里的install_package的statics的images
bs文件夹扔到哪呢,若是比较笼统的状况下,css和js文件夹随意哪个都行
这是第一步要作的事情,把文件复制过来
我接着打开模板文件index.html
引用了jquery \bootstrap 这几个文件如今都找不到因此没有显示
包括图片也找不到,因此咱们第二步就是替换目录,只要是里面出现的文件夹都要替换
替换的时候不要找到这个东西,直接过来改
咱们直接ctrl+f 直接过来查找
第一个咱们要查找替换的bs文件夹
看一下后台设置里边的基本配置
找到对应的路径,只须要调用相应的路径就好了
替换就写前端的一个标签{}括起来{JS_PATH}大写的这个就表明了JS路径的目录
找到这个目录后边跟上bs,基本都是双引号打头的
因此咱们在这两个地方加上双引号,而后点击替换所有
这样就替换完了,这样就把bs路径替换了一下
如今还差一个img文件夹
咱们先查找一下img
以点打头,如下划线打头的是class名,这个不能替换
尖括号打头的表明的是img标签也不能替换
双引号打头的也不能够所有替换,那咱们就找全部斜杠的Img
表明的是图片路径,进行所有替换
这样咱们把图片的路径也所有替换了
这样就所有显示了
接下来如何把静态页面换成动态的,那么phpcms里面提供了一些标签,经过这些标签就能够吧静态网页编程动态的,不须要写php代码,是经过标签来完成,一开始记不住没关系,能够经过百度来完成
咱们要把网站拆成3份
第一个是网站的头部header,从最上边开始,到菜单结束
从菜单结束的位置,往上剪切掉,新建一个HTML文件,保存到phpcms里的install_package
的phpcms里的templates的ceshi里的content取个名字是固定的header
第二个再把尾拆出来,步骤是同样的用的固定名字是footer
这样就等于分出了3个部分
生成后发现头的部分没有引入,这是咱们就要用phpcms的标签来引入
直接复制粘贴
意思就是引入模板的标签template,引入哪一个模板?header
content文件夹名称
在引入页脚
这样头和尾就都显示出来了,为何拆除来?由于每一个页面的头和尾都有,便于使用
接下来,先把头的内容替换了,把静态替换动态,找到header打开
若是不知道怎么替换,能够看到页面的标题里加了这么一句话
不用管什么意思,知道放在title里面是标题
还额外加了两个标签
咱们一样也复制过来