您好,欢迎来到菜鸟吧源码网-本站资源仅供学习与参考,禁止用于商业或违法行为!
  • 首 页
  • 下载APP
  • 公告:菜鸟吧APP于2024.9.15正式上线,请首页右上角进入下载,本站资源均来源于互联网及会员投稿发布,所有资源仅供学习参考研究使用,请勿商用或其它非法用途,商用请购买正版,否则产生一切后果由用户自行承担!谢谢!

     

    当前位置:主页 > 站长学堂 > 站长资讯 >
    pbootcms模板制作教程三 - 创建模板文件
    时间:2024-12-11 20:50 作者:菜鸟哥 浏览:收藏 挑错 打印

    学习程序,一定要多动手,多思考。

    由于本系列是模板制作教程,因此不会涉及一些基础的HTML以及CSS这些知识的详解,大家需要自行去了解。

    在了解PbootCMS的模型概念和拥有一定的基础知识之后,就可以开始动手制作模板了。

    一、创建模板目录

    在template目录下,新建模板目录,命名随意。(例如:new)

    pbootcms模板制作教程三 - 创建模板文件

    二、选择模板目录

    在PbootCMS后台 -- 基础内容 -- 站点信息 -- 站点模板中选择刚才新建的new。

    pbootcms模板制作教程三 - 创建模板文件

    清理一下缓存,看一下前端。

    pbootcms模板制作教程三 - 创建模板文件

    发现错误提示,模板文件不存在。那是当然的,因为我们只是新建了一个目录而已,里面什么都没有。

    三、创建模板文件

    接下来要做的就是在模板目录里面创建模板文件了。这里可以写一个页面创建一个模板文件,也可以统筹规划好有哪些页面,然后把用到的模板文件都一起创建了。(前期教程只做演示,因此之创建一个index.html。后期如果有时间,可以一边写模板一边更新教程,做一个实例教程。)

    pbootcms模板制作教程三 - 创建模板文件

    刷新一下前端页面看看。

    pbootcms模板制作教程三 - 创建模板文件

    还是一个错误,仔细看一下,原来的“不存在”变成“读取错误”了,那是因为只是建了个文件,文件里面还是空的,什么都没有。

    四、写个Hello world!

    pbootcms模板制作教程三 - 创建模板文件

    刷新页面,看看Hello world!吧。

    pbootcms模板制作教程三 - 创建模板文件

    五、建立资源文件夹

    比较简单,在模板目录下分别建立存放css文件的css目录,存放js文件的js目录,存放图片的img目录。

    当然,你也可以把这些文件都直接扔在模板目录里面,或者放到其他地方,只要能引用过来就可以。如果你忍受得了,或者喜欢这种混乱的方式的话。

    接下来,模板的制作就是 HTML+CSS+JS+PbootCMS标签调用 的事情了。

    郑重声明:
    本站所有内容均由互联网收集整理、网友上传,并且以计算机技术研究交流为目的,仅供大家参考、学习,不存在任何商业目的与商业用途。 若您需要商业运营或用于其他商业活动,请您购买正版授权并合法使用。
    我们不承担任何技术及版权问题,且不对任何资源负法律责任。
    如无法下载,联系站长索要。
    如有侵犯您的版权,请给我们来信:cainiaovip8@qq.com,我们尽快处理。

    pbootcms模板制作教程三 - 创建模板文件pbootcms模板制作教程三 - 创建模板文
    世界互联网大会沃通发菜鸟布:网络安全产业开始进入To D新时代世界互联网大会沃通发菜鸟布:网络安全
    PbootCMS站点地图sitemap.xml插件PbootCMS站点地图sitemap.xml插件