您现在的位置是:首页 > 教程 > pbootcms教程pbootcms教程
pbootcms创建模板文件的方法
连解淦2024-11-08 16:09:08pbootcms教程已有人查阅
导读学习程序,一定要多动手,多思考。由于本系列是模板制作教程,因此不会涉及一些基础的HTML以及CSS这些知识的详解,大家需要自行去了解。
学习程序,一定要多动手,多思考。由于本系列是模板制作教程,因此不会涉及一些基础的HTML以及CSS这些知识的详解,大家需要自行去了解。
在了解PbootCMS的模型概念和拥有一定的基础知识之后,就可以开始动手制作模板了。
一、创建模板目录
在template目录下,新建模板目录,命名随意。(例如:new)
二、选择模板目录
在PbootCMS后台 -- 基础内容 -- 站点信息 -- 站点模板中选择刚才新建的new。
清理一下缓存,看一下前端。
发现错误提示,模板文件不存在。那是当然的,因为我们只是新建了一个目录而已,里面什么都没有。
三、创建模板文件
接下来要做的就是在模板目录里面创建模板文件了。这里可以写一个页面创建一个模板文件,也可以统筹规划好有哪些页面,然后把用到的模板文件都一起创建了。(前期教程只做演示,因此之创建一个index.html。后期如果有时间,可以一边写模板一边更新教程,做一个实例教程。)
刷新一下前端页面看看。
还是一个错误,仔细看一下,原来的“不存在”变成“读取错误”了,那是因为只是建了个文件,文件里面还是空的,什么都没有。
四、写个Hello world!
刷新页面,看看Hello world!吧。
五、建立资源文件夹
比较简单,在模板目录下分别建立存放css文件的css目录,存放js文件的js目录,存放图片的img目录。
当然,你也可以把这些文件都直接扔在模板目录里面,或者放到其他地方,只要能引用过来就可以。如果你忍受得了,或者喜欢这种混乱的方式的话。
接下来,模板的制作就是 HTML+CSS+JS+PbootCMS标签调用 的事情了。
在了解PbootCMS的模型概念和拥有一定的基础知识之后,就可以开始动手制作模板了。
一、创建模板目录
在template目录下,新建模板目录,命名随意。(例如:new)
二、选择模板目录
在PbootCMS后台 -- 基础内容 -- 站点信息 -- 站点模板中选择刚才新建的new。
清理一下缓存,看一下前端。
发现错误提示,模板文件不存在。那是当然的,因为我们只是新建了一个目录而已,里面什么都没有。
三、创建模板文件
接下来要做的就是在模板目录里面创建模板文件了。这里可以写一个页面创建一个模板文件,也可以统筹规划好有哪些页面,然后把用到的模板文件都一起创建了。(前期教程只做演示,因此之创建一个index.html。后期如果有时间,可以一边写模板一边更新教程,做一个实例教程。)
刷新一下前端页面看看。
还是一个错误,仔细看一下,原来的“不存在”变成“读取错误”了,那是因为只是建了个文件,文件里面还是空的,什么都没有。
四、写个Hello world!
刷新页面,看看Hello world!吧。
五、建立资源文件夹
比较简单,在模板目录下分别建立存放css文件的css目录,存放js文件的js目录,存放图片的img目录。
当然,你也可以把这些文件都直接扔在模板目录里面,或者放到其他地方,只要能引用过来就可以。如果你忍受得了,或者喜欢这种混乱的方式的话。
接下来,模板的制作就是 HTML+CSS+JS+PbootCMS标签调用 的事情了。
本文标签:
很赞哦! ()
下一篇:pbootcms标签手册
相关文章
随机图文
-
pbootcms适合做SEO吗?利于优化吗?
pbootcms利于优化吗?今天我们代码号来分享下此程序是否利于优化,是否满足优化的基础功能,一款好的程序能够让网站顺风顺水,事半功倍。 -
PbootCMS灵活熟练地使用模板标签的教程
一个模板中,除去结构(HTML)、样式(CSS)、交互(JS)后就是内容(数据)了,而数据就是通过模板标签,把你在网站后台提交的内容调用出来 -
pbootcms实现上传文件使用原名称的方法
pbootcms默认上传成功的文件,图片、文档、压缩包等均是重命名后保存,但是偶尔一些客户的文件要求使用原名称,例如文档、压缩包这类非图片的。 -
pbootcms帐号格式不正确,请输入正确的邮箱帐号!解决方法
今天又有同学遇到pbootcms会员注册过程中遇到邮箱帐号无法注册,提示:帐号格式不正确,请输入正确的邮箱帐号!
留言与评论 (共有 条评论) |
相关标签
大家喜欢
- pbootcms检测到您模板中包含文件超过50个,请检查是否存在互相包含导致无限循环的情况!
- pbootcms详情页Url链接统一改为网站/id.html的方法
- pbootcms阿里云主机邮件发送失败服务器已经禁用stream_socket_client和fsockopen
- pbootcms修改上传缩略图限制尺寸的方法
- 增加自定义pbootcms文章内容替换标签的方法
- pbootcms多层级URL地址模式配置详细教程
- Pbootcms提示PDO方式连接数据库错误:invalid data source name
- pbootcms后台菜单怎么开启
- pbootcms怎么关闭自动更新,防二开文件被覆盖
- pbootcms后台登录验证码不显示或者看不清楚怎么办