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

2022-12-25 0 1,129

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

由于本系列是模板制作教程,因此不会涉及一些基础的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标签调用的事情了。

收藏 (0) 打赏

感谢您的支持,我会继续努力的!

打开微信/支付宝扫一扫,即可进行扫码打赏哦,分享从这里开始,精彩与您同在
点赞 (0)

声明:1、本站资源均来源于用户上传和网络传播,因此不包含技术服务,请大家谅解!2、本站所有资源仅可用于学习交流,若有商业用途之需,请购买正版,否则产生的一切后果将由下载用户本人自行承担。3、本站资源均来源于用户上传和网络传播,如侵犯您的权益,请务必联系客服(E-mail: 469663672@qq.com)删除。4、本站不保证所提供资源的准确性、安全性和完整性,资源仅供下载学习之用!如有链接无法下载、失效或广告,请联系客服处理!5、本站资源均来源于用户上传和网络传播,仅供学习交流、参考和研究,请理解这个概念,所以不能保证每个细节都符合您的需求,也可能存在未知的BUG与瑕疵,因本站资源均为可复制品,所以不支持任何理由的退款,请知悉后再支付下载!

新科源码 PbootCMS教程 pbootcms模板制作教程三:创建模板文件 https://www.xinke123.net/1729.html

常见问题
  • 因为源码、模板和插件等资源具有可复制性、可传播性,仅用于学习研究,不可商用,订单一旦生效,不支持退换,所以请您务必看清楚后再购买。
查看详情
  • 我们承诺资源均和演示效果图一样,如有不同,全额退款,并且我们的源码和模板都没有留后门,请放心使用。
查看详情

相关资源

发表评论
暂无评论
官方客服团队

为您解决烦忧 - 24小时在线 专业服务