PbootCMS本身对于使用ajax请求进行提交时会返回Json数据，那么我们可以无需使用API的情况下实现ajax提交留言，并自定义页面提示，提升用户体验。1、留言表单<form onsubmit="return submsg(this);">     联系人<input type="text" name="contacts" required id="contacts">     手　机<input&nb...

要自定义分页，手先要使用分页。根据PbootCMS官方文档，分页标签有两种：系统内置的完整分页条{page:bar}独立的分页元素标签，可自由搭配使用{page:current}、{page:count}、{page:rows}...等我们先来看弟一种：系统内置的完整分页条代码如下：<div class="paging">{page:bar}</div>可以看到，一个完整的分页条就出来了。而且，每个元素都已经拥有了自己的样式名称，例如：.page-status、.page-inde......

单页简单来说就是一个栏目等于一篇文章，一般用于企业站的公司简介、联系我们等。要调用单页内容，手先要创建单页。如果你直接去后台 “文章内容 -- 单页内容”这里寻找的话，将会一无所获，因为单页的创建是在栏目管理里面的。下面是创建单页的步骤：基础内容 -- 内容栏目 -- 栏目新增接下来是创建单页的关键，选择内容模型。弟一眼在内容模型里面应该看不到单页两个字，因为它在这里叫专题。至于为什么叫专题，不用管了，选择就是...

手页的大图轮播，算是网站中的一道“硬菜”了。大图美不美观，直接影响整个网站的格局。当然，这道“硬菜”的关键部分应该掌握在设计师手中，设计师就是这道菜的厨师，而写模板的只不过是端盘子的而已。可是，职业不分贵贱，即便大厨烧出了美味的菜肴，服务员端菜的时候往里面加了只苍蝇，顾客也还是会反胃的。所以，不要小看端盘子的，他也是整个流程中重要的一环。回到正题，因为是模板制作教程，所以关于图片怎么轮播的部分就不...

这个内容是官网上发的，不过那个上面写得不是很清楚，特别整理一下重新发布。希望对大家有所作用弟一：引入JS <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script> 第二：    <!------------定义内容的Dom位置----------------->   <div class="mylist">     {pboot:list  &n...

从本篇教程开始，将会以网站中常用的一些组件为例，来帮助大家了解和熟悉PbootCMS的标签。因为习惯从上往下写页面代码，所以就从网页头部的导航菜单开始。本篇教程所需要掌握的知识点：CSS盒子模型、CSS选择器、浮动、清除浮动、绝对定位、相对定位、CSS3 2D转换、CSS3 过渡、导航菜单列表标签、当前栏目标签、if条件语句、PHP运算符。每个人都有自己的代码习惯，比如我就喜欢先写HTML（结构），再写模板标签（数据），接着写CSS（...

在正式制作模板之前，还需要了解并灵活熟练地使用模板标签。一个模板中，除去结构（HTML）、样式（CSS）、交互（JS）后就是内容（数据）了，而数据就是通过模板标签，把你在网站后台提交的内容调用出来，展示在前端模板页面。通过不同的结构、样式、交互和内容的组合，就能制作出不同的模板。一、阅读官方开发手册PbootCMS提供了在线官方开发手册（阅读地址），制作模板的时候可以随时参考手册的内容。二、灵活使用模板标签开发手册...

学习程序，一定要多动手，多思考。由于本系列是模板制作教程，因此不会涉及一些基础的HTML以及CSS这些知识的详解，大家需要自行去了解。在了解PbootCMS的模型概念和拥有一定的基础知识之后，就可以开始动手制作模板了。一、创建模板目录在template目录下，新建模板目录，命名随意。（例如：new）二、选择模板目录在PbootCMS后台 -- 基础内容 -- 站点信息 -- 站点模板中选择刚才新建的new。清理一下缓存，看一下前端。发现错误提示，...