akcms模板教程by大白菜-lajiu.doc

前言也想学习点东西，可是开源太难了，馒头就说，开源是有钱人的游戏。不得不说，“免费的就是最贵的”这句名言（想不起来谁说的了）其实在我们这块神奇的大陆上是真理。比如：我学HTML和CSS，免费学习了很久，在制作网页时还离不开手册，速度慢难极了。还有一个采集软件ET，免费也能用，但我就是学不会，于是我花钱买了授权，然后三天就会用了。生命其实是很珍贵的，花钱可以让你在有限的时间内学到更多的东西，还有售后服务，真便宜。好了，废话不说，言归正传。学习前提：请看馒头的手册馒头已经说了。（我是不是很唐僧，没办法，小时候很爱说话，经历多了不想说了，可是自己的满肚子的才华如何体现，只有在书面上炫一炫，再说了，你可以选择视而不见嘛，总比苍蝇在你一边嗡嗡好接受一点点吧。）我以自己的学习经历说一下过程，也可以说是学习方法吧：很简单，按猫画虎遇到问题查手册解决不了上论坛实在不行按猫画猫修改馒头的模板周而复始，你就学会做模板了。有一个最重要的重点：你一定要手打代码，反复打。要在实践中去理解 PS一条真理：要想知道肉味，只有自己去尝尝，光听别人说，永远不会知道肉是什么味准备：1、安装好核心版AMCMS 2、准备好HTML页面：首页+列表页+内容页三个就行了 3、欲知后事如何，且听下回分解。免责条款：当你看了本（心得）教程后，发现还不如不看，本人一概不负任何法律责任、道德责任。同时本人也不对任何动物、人物、事物等等一切你想到或想不到的东西有任何义务。本人对此心得（你也可以叫教程）有最终解释权，同时欢迎您对此心得提出修改意见，并对热心人表示仅仅心理上的感谢。特此声明。大白菜第二节 动态调用后台栏目做为导航首先要理解模板的作用及在程序（akcms）中的应用。模板就是网站的脸面，它告诉程序以什么的“脸面”把网站内容展示出来。比如导航放在哪，什么字体，什么颜色，是横向的还是纵向的A也可以这样理解模板：它就是一些“框”，框里装的是内容，它可以把内容加上一些美化因素，让人看得舒心。另外，模板还有一个功能：它里面有一些标签和变量，用这些标签和变量调用网站的内容（比如说文章、图片、音频、视频），模板和网站内容联系的中介就是这些标签和变量。首页设计如下图：首页设计如下图：首页html代码：大白菜教程 1分类 2分类 1分类 aaaa bbbb cccc 我的版权没有，馒头的版权poweredCSS代码：*margin:0;padding:0;#header,#footer width:900px;height:100px;background:#eee;#content width:900px;height:400px;background:#999;效果图：我费很大劲做了一个简单的首页模板就是上面这个图。可以看到这个页面分成了三个主要部分：header content footer。我知道（地球人应该都知道），header和footer基本上在所有的页面里是变化不大的，所以我把它俩做成子模板，其实子模板存在的意义就是代码的复用（重复利用）。方便在所有的页面里重复利用。我在header里只做了一个导航： 1分类 2分类（馒头说，分类就是后台的栏目，我很相信这是真的。），同时，在程序里也建立了 1分类 2分类 这样的栏目，同时在1分类下建立aaaa/bbbb/cccc三个文章。模板制作正式开始：1.打开后台菜单：系统管理/模板管理/主模板/增加一个新模板，并起名叫index.htm，点击添加。 点击index.htm编辑，把首页的HTML代码都拷来，点击保存。首页模板已经建立好 了。但打开网站首页还是看不到，所以进行下一步。（怎么和馒头说的很相像，没错，我就是站在馒头的肩膀上写教程的，虽然我一定不是成功人士。）2.在网站根目录下建立一个index.php文件，内容为然后再打开网站：http:/你的域名/你看到了和你建立的首页不太一样，内容一样，样式不同了，原来没有把css文件用上。把img文件夹放到根目录下，再看首页，还是不一样，按一下F5，再按一下F5,一样了吧。（小样儿，看我怎么收拾你， 我费这么大劲，敢和我作对。哼哼）2.刚说了，header和footer要做成子模板，好了，接着来。增加一个header.htm子模板，内容就是：首页中的header: 1分类 2分类做了这个子模板后，打开主模板index.htm并把里面的header部分删除，换成这一句ps:这句的意思就是在index.htm模板里调用header.htm子模板同样，把index.htm里的footer做成子模板footer.htm。用替换index.htm主模板里的我的版权没有，馒头的版权powered。这样主模板的内容就变成了：大白菜教程 /调用header.htm子模板 1分类 aaaa bbbb cccc /调用footer.htm子模板3.这样，做了一个主模板：index.htm和两个子模板header.htm footer.htm，并且在主模板里已经调用了子模板。这时打开网站首页，发现和自己做的静态HTML首页一模一样。这就对了，本来这就是静态的。下一节我们再学习如何动态调用网站内容QQ Photo20140101213420.jpg(7.34 KB, 下载次数: 0)首页效果图设计图.png(2.49 KB, 下载次数: 0)设计图再看首页的顶部导航栏，虽然内容显示出来了，但是那是 大白菜lajiu 做的，是固定不变的，下面我们就把数据动态的调出来。（馒头的肩膀就是结实，哈哈）打开子模板header.htm把内容1分类    2分类删去，换成：a href=首页 getcategories num=20 template=category    然后再打开网站http:/您的域名/,发现不同了没有，是的，多了一个首页的链接。其实是a href=首页 这句在起作用。$home 就是网站的首页地址。getcategories num=20这句话意思是获取20个栏目的名称template=category    这句话意思是获取栏目名称后用什么方式显示。url是获取到的栏目的链接目标地址。category代表获取的栏目名称值得说明的是template指的就是HTML模板，举个例子（下面这个例子就是在content中要用到的，所以最好记住。）：请注意下面代码中红色部分：getcategories id=$v_block1 template=category#getitems(#)category=$v_block1(#)num=11(#)template=title:60#把它们单独取出来就是：不错，这正好就是纯HTML代码。而其它部分就是Akcms的模板标签语句。具体的标签函数表示什么意思以及如何应用，请大家参考手册和馒头的模板。可以看出来akcms模板标签的使用方法：大致是用标签调用网站内容+template“HTML模板（把调出来的变量放在适当的位置）”，更高级的用法还需要自己去研究。这里就不多说了。同样的方法也可以把子模板footer.htm部分的内容做了。可以参考郑较瘦的的教程第三节首页内容：最近更新1首页的header和footer已经做好了，下面开始做首页面主体内容部分。一般的，首页主体展示一些最新，最热的文章。下面我们一步步来完成这些内容。 1.首页主体的源代码如下： 1分类 aaaabbbbcccc / ps:请在后台把默认分类名改为1分类，它前面有个数字1，这个就是1分类的栏目ID。如果再加一个栏目：2分类，则2分类的栏目ID就是2.这些ID是自动+1的。你可以在前台调用这些ID。分析：这是一个DIV，里面一个自定义列表，其中表头用h3表示。列表项里面的aaaa/bbbb/cccc/是1分类里面的文章名。并且我们给它们一个链接，点击连接，就会打开文章内容页面进行阅读。 2.下面我们在首页模板里加上这段语句：getcategories id=1 template=category#getitems(#)category=category(#)num=11(#)template=title:60#注意：这里用到了模板标签的嵌套。getcategories id=1 template=category代码的意思是：获取id为1的栏目名，并做为标题放在dt里面。#getitems(#)category=category(#)num=11(#)template=title:60#这段代码就是嵌套在上级模板标签里的子标签。它的意思是：调用1分类里的所有文章名，并把它做为列表列出来(而且还加上了链接地址，一点就可以看文章了，呵呵，简单吧）。可能有神要问了，这里是可以调用栏目名和文章名了，但这里不是最近更新啊，（怎么不是，这不是你最近更新的吗？这些文章还没超过一天。呵呵，不要急，后面会慢慢学会的，小心扯到蛋。）它只是1分类下的所有文章，2分类里的文章怎么没有出来？你这么想就对了，本来嘛，就是酱紫的。不过，我们得一点点来嘛，步子迈得太快了，就容易扯着蛋了。鼓掌好了好了，不要再鼓掌了，俺会害羞的，你知道，其实俺脸皮很薄的，嘻嘻。（1）补充一点：你试试把上面代码里的id=1改成id=2,然后再刷新首页看看，是不是很神奇。你再试试id=1,2。（天哪，竟然把1分类和2分类的文章都给弄出来了。）（2）再补充一点：num=11中的11指的是要调用11篇文章，即使1分类里有100个文章，这里也只取11个。（选择哪11个？还是随机选择？你自己试去吧，我就是试出来的结果。）title:60里的title就是指文章名。在模板函数getitems里有详细说明。后面的60表示取文章名的30个汉字。（3）再等等 ，我真的就再补充一点点了：在标签嵌套里的引号千万不要用错了，馒头已经做了详细解释 。还有，在子标签里能不用空格，不用回车就不要用了，光占系统资源。还容易出错，像：页面某个地方莫名其妙出现了 等引号，或页面下方显示出一串鸟语（4）补充最后一点，也是我的经验之谈：请用英文输入法进行编程 。有些中文输入法也能输入英文，但极个别的字符会影响程序正常运行。请注意当你发现你的代码和示例代码完全一样，但示例代码能正常运行，而你的代码却出错时，一般就是输入法造成的。（我在万能五笔中遇到过这种情况）不得不说，山寨版英文输入，就是比不上原版英文输入。为此我还专门在我的win8.1上安装了英文。嘘小声点，这是绝招，一般人我不告诉他。嘿嘿。 3.这是本节要学习的内容。（A）最近更新显示哪些栏目的内容（B）最近更新显示内容新到什么程度（C）最近更新内容按什么顺序排列（D）最近更新用什么样式显示。 （A）最近更新要显示哪些栏目的内容呢。我们可以让它就显示1分类的内容，可是2分类的内容显示不出来，如果还要显示N分类的内容又怎么办？当然，活人不能让尿给那啥了，对不？这里我们引入了一个东西：也就是变量。顾名思义，它可以变，它可能表示1分类，也可以表示2分类，还可以同时表示1分类+2分类+N分类。AKCMS的优秀就在于这里，在AKCMS中，你就是上帝，想咋地就咋地。关于变量更多内容，请看这里进后台系统变量+添加 输入zuijingengxin（是不是你认识这几个字母，当然，用英文更好，不过我英文在20年以前那是刚刚的，然后就没有然后了，除了在网络中和电影中见到英语，就是在小学语文课本中见到过哦，那是长得和英语很像的我最亲爱的奶奶语呀，（母语是汉语，拼音当然是奶奶语了），然后点击后面那个叫下拉列表（我好像就这样叫，关键我明白它是什么，你可以叫下拉菜单。不过一想菜单，就流口水了，所以）的东东。哇，好多好多好多“鱼”。原来我自定义的zuijingengxin可以代表这么多种的类型。我想让它代表1分类+2分类+N分类，所以我选择了栏目（可多选）。如图在描述里你可以随便写点东西，方便你以后见到这个zuijingengxin后，了解它是个什么东西。当然，这里写最近更新了。然后点击确定。（不然什么也不会发生。）点击后发生了变化。哈哈，出现黄色画面了。（那是我自己涂的，只为了吸引眼球。）你想让zuijingengxin这个变量表示什么，那就请点击黄色框里的栏目（对于本个例子来说，你应该已经建立了1分类和2分类，这个是我网站，和你的不同，不过方法一样的。），如果想选择多个，请按着Ctrl点击（你应该点击1分类和2分类），最后点击确定。ok，变量就可以代表1分类+2分类了。同时也应该知道：这个zuijingengxing的ID是最左面的2。（不是说人2,而变量左面的2）然后，把上面代码里的id=1,2换成id=$_zuijingengxing刷新首页，就看到了1分类和2分类下的所有文章了。爱挑毛病的人问：“我用id=1,2同样实现了同样的功能，用变量做不是脱裤子屁吗？”嗯 ？貌似是这样的。然而，当你想让最近更新的内容再加上N分类，你是不是得在模板中一点点去找到个地方，然后，在后台看ID，然后你就凌乱了。而用了这个变量后，我只需要在后台用Ctrl+单击来完成这么复杂的任务了。你说是不是用变量更有效率呢？！OK，最近更新显示哪些栏目的内容已经说完了。下面应该（B）了。更应该休息一会儿了。做教程很费工夫，加上我个大白菜心中比较无奈。欲知后事如何，请听下回分解第四节首页内容：最近更新2（B）最近更新显示内容新到什么程度？getcategories id=zuijingengxin template=category#getitems(#)category=category(#)num=11(#)template=title:60#很明显，这些代码把1分类和2分类的所有文章（文章的数量用num=N来决定）都调出来了（因为我们总共也没有录入几个文章），我们再分别在1分类和2分类中录入 几篇文章。相比上回录入的文章，这次录入的文章可以称作是最近更新了。（这不，还热乎着呢。）怎么办才能把最热乎的文章调出来，把已经冰凉的文章藏起来？在这里找了半天 终于找到了一个“专家”newinseconds 指定只选出几秒内新建的文章，比如：newinseconds=3600则只取最近一小时录入的文章。我们把newinseconds用上就行了。看好地方，瞄准了，果断插入，代码变成了这样：getcategories id=zuijingengxin template=category#getitems(#)category=category(#)num=11(#)newinseconds=3600(#)template=title:60# 提示，newinseconds=3600 插入到子标签时，变成了newinseconds=3600，也就是说，没了双引号了，如果还带着双引号，则会在调出的来的页面出现双引号。你再建立一个文章，把3600改成600，刷新首页，会发现什么？你做了自然会清楚。你清楚了用什么参数（变量）控制最近更新的内容。也就是（B）的答案。（C）最近更新按什么顺序排列？比如，你调出了5篇文章，但显示出来以后，哪个排到第一位？哪个老大，哪个老二，哪个老三头痛不？当然不，大不了让它们自己折腾去。爱谁谁！且慢，前面说过，在AKCMS中，我就是上帝，我让谁老大就谁老大。得听我安排。想一想这些文章用什么排列好呢？用字数多少？当然不行，这又不是夸福，钱多就能买好座位。我想用发布时间来排序，最后发表的当然是最新的，并且我还在这里找到了Y M D等表达时间的变量。然后想用一个比较时间大小的方法来排列OH MY GOD怎么这么难？突然，我脑海中蓦地响起一声惊雷：文章ID是+1的。ID大的文章新。我真聪明你觉得你们也一定会这样认为的。得，就用ID来排序。这次找来一只“叫兽”来干这活儿orderby。馒头怕咱不够用，还orderby1,orderby2估计够用了。此处引用（再次踩上巨人的臂膀）馒头的教程：“orderby 排序方式（可选值：id(序号),orderby(排序值),orderby2(排序值2),orderby3(排序值3),orderby4(排序值4),time(时间),pv(页面浏览量),random(随机)（4.1.2以下版本SQLite版random不生效，4.1.2开始SQLite也可以随机排序）,update(最后修改时间),title(按题目),count(用搜索引擎根据关键字搜索时匹配的次数),inid(按照id的顺序，例：id=8,6,9的顺序依次8、6、9),comment（最后评论时间，4.1.2起支持）,commentnum（评论数，4.1.2起支持），默认是从小到大的顺序，如果想从大到小，则在后面加上一个_reverse，比如：orderby=orderby_reverse按照排序值从大到小排列，orderby=pv_reverse按照访问量从大到小排列）也支持多个排序方式，中间用逗号分开，比如：orderby=orderby_reverse,id意思是先按排序值从大到小排列，如果排序值相同则按ID从小到大排列。”不用我多说了吧，你自己找个得劲儿的地方把orderby=orderby_reverse,id插入就行了。（D）最近更新以什么样式显示？样式，是CSS的强项，你不会想让AKCMS把样式的工作也抢去吧？尽管干爹干起了老公的活；小三干起了纪委的活，母鸡抢了公鸡碗，但是，这和馒头有什么关系呢？找个没人的地儿一咪，好好自己去学CSS吧。完了！真的完了！感觉首页中的幻灯、公告、友情都可以按猫画虎地做完，不同的是标签和变量及各种参数的变化而已。其实感觉学到这里，下面的列表页、内容页基本上都应该会了，不过对于菜菜们（我也是大白菜）还是做个简单的示范比较好。说真的，大体框架很容易理解，真正难的地方在于网页中很不起眼的细节部分。首页模板教程到此告一段落。过几天开始新的征程列表页模板的制作。敬请期待。第五节利用模板标签嵌套 在首页自动生成指定后台的栏目列表以前玩过DEDECMS，它有一个功能，我感觉很好用：在后台建立栏目，前台主页就对应自动生成一个块，调用后台的栏目名和栏目下的文章并列表。弄了两天，在馒头的指导下，终于做出来了。谢谢馒头。$ls是算定义变量（多个栏目），它指定在首页显示哪几个栏目。getcategories id=$v_ls template=category-最近更新更多>>#getitems(#)category=%categoryid(#)num=10(#)template=titley-m-d#这段代码的作用：可以调用后台任意数量（自动：根据你选择的栏目数量而定）任意栏目（自定义）的内容列表。并在前台显示为区块。这段代码修改即可做为列表页使用。这段代码还不完善，没有排序，没有显示作者只是一个功能的大致实现。实际在用中还得自己修改。同时也做为备份。心得：以前和大而全的CMS时，感觉能发文章，但面对一大堆不知所谓的功能，很凌乱。当我发现AK后，感觉应该好用，就下决心要学会它，但总静不下心来，终于，我发现已经学二年了，竟然什么也不会。就给自己定下一个标准：每天只研究一个知识点，哪怕很小，哪怕很难，只要没有研究明白，决不盲目追求其它知识。于是，大约有三天时间，就感觉已经像是要入门了。人呀，不要太贪了。曾经有一片树林放在我面前，但为了追求更大更高的树，我最终一无所获。现在，哪怕只是一棵小草放到我手里，我也决不放弃！列表页就是把栏目下的文章以列表的形式展示出来，很显然，要展示的内容必须要有文章题目title文章链接url，另外，还可以列出本栏目文章总数、文章作者、点击数、发布时间如果文章太