PbootCMS模板制作教程(三) – 创建模板文件

2022-05-07

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

由于本系列是模板制作教程,因此不会涉及一些基础的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、本站所发布的全部内容源于互联网搬运(包括源代码、软件、学习资料等),本站提供的一切源码、软件、教程和内容信息仅限用于学习和研究目的;不得将上述内容用于商业或者非法用途,否则,一切后果请用户自负。您必须在下载后的23个小时之内,从您的电脑或手机中彻底删除上述内容。
2、访问本站的用户必须明白,本站信息来自网络收集整理,版权争议与本站无关,本站对所提供下载的软件和程序代码不拥有任何权利,其版权归该软件和程序代码的合法拥有者所有,如果您喜欢该程序和内容,请支持正版,购买注册,得到更好的正版服务。我们非常重视版权问题,如本站不慎侵犯您的版权请联系我们,我们将及时处理,并撤下相关内容!敬请谅解! 侵删请致信E-mail:messi0808@qq.com
3、如下载的压缩包需要解压密码,若无特殊说明,那么文件的解压密码则为www.xmy7.com
4、如遇到加密压缩包,请使用WINRAR解压,如遇到无法解压的请联系管理员!

小蚂蚁资源网 cms教程 PbootCMS模板制作教程(三) – 创建模板文件 https://www.xmy7.com/zh/cms/1593.html

相关文章