3.pbootcms仿站如何分离和调用头部底部

源码技术

3.pbootcms仿站如何分离和调用头部底部

hello，大家好，今天我来给大家讲解一下如何使用我们的，pbootcms来进行一个仿站。然后大家可以看到这个网站，我们就是进行这个网站的一个模仿。然后我们今天主要的课程就是来把我们这个网站的头部，还有它的一个底部，从它的这个index里面给它分离出来。然后现在我们先来分析一下这个网站，这个网站的头部的话，有我们的这个欢迎来到什么什么。这一句话对吧？然后还有一个logo，然后这里也有一句话，然后还有这个头部的一个导航条，然后这里的这段话，然后再加上这里的一个广告，对吧？
然后这就是我们的一个头部，然后从这里开始，这里的话就是一张图片，
下面的话就是一个新闻列表。然后这边的话就是一个，一个我们的博客头像，后面是博客的名字，还有关于博客的介绍。然后下面的话就是一个导航条，然后一个标签，然后这里也是一个文章。然后这里的话就是它的中间部分，

然后这底部的话，大家就可以看到，从这个黑色的这里开始，这下面的话就是我们的一个底部文件。

然后这里就是关于本站，然后联系我们，然后微信的公众号，然后合作伙伴还有一个版权。
然后总体来说的话，上面的话就是欢迎。这句话，然后到这个广告这里，中间部分的话，就是这张图片，然后加上这边的这个站长的一个介绍，还一直到下面的这个友情链接，这里的话就是它的中间一个部分。 然后底部的话就是关于本站，然后联系我们。然后这个微信公众号，然后还有一个合作伙伴，然后再加上下面的版权，然后它就是一个底部。
然后现在我们回到宝塔， 然后我们网站分析完成以后，我们点击这个网站的根目录，然后点击这个文件夹，然后点击test。然后在这里的话我们点击这个index这个文件。然后这个文件的话就是我们的一个主页的一个文件。然后现在的话我们刚刚已经分析了，然后我们的网站分为几个部分。然后现在的话我们就把头部这里。然后大家可以看到这里，那我们就把头部和尾部给它，从这个index这个文件夹里面给它分离出去。

然后大家可以看到这里，这里就是我们的这个导航条，对吧？就是我们上面的这个导航条，然后这个导航条下面， 这里就是我的I D C 。然后大家可以看到，从这里开始，然后这上面的话就是我们的一个顶部 ，我们直接从顶部这里把它剪切掉，剪切掉以后，然后点击保存。然后我们在这边新建一个文件，头部的话我们用的heh，H E A D E R head，然后.html，然后这就是我们的一个头部文件，然后我们点击头部文件，然后把我们的头部的这些代码给它放进去，然后点击保存，然后我们再把尾部给它分离。
尾部的话我们可以看到， 从这个关于本站这里，这下面的话就是底部，然后我们就把底部也给它分离出来。

从这个foot它就是它的一个底部。我们直接剪切底部的代码，然后点击保存。然后我们再在这里新建一个底部的一个文件夹 底部的话就是用footer，然后.html，然后这就是我们底部的一个文件。然后我们打开底部文件，我们再把底部的这这些代码给它放入进去，然后点击保存，保存了以后，我们回到主页刷新一下。
就是它头部还有它底部已经分离出去了，就找不到。然后现在的话我们如何在我们的这个index里面引用我们的head，还有一个footer的一个文件呢？

那现在的话，如果大家还不会引用的话，我们可以打开我们的pbootcms的官网，然后在这个开发手册这里，然后点击这个公共的标签， 然后它的第一点的这个模板，模板文件嵌套引用的话，这个就是引用。将代码复制到宝塔index内，放到头部，我们调用头部代码，将星号改成头部文件名字，头部调用好了，我们在调用底部，复制代码到底部，我们在把星号改成footer
点击保存，回到主页强制刷新一下，现在网站可以正常的显示了，头部和底部也出现了


pbootcms仿站教程合集链接：https://www.114ym.com/thread-3500-1-1.html