PageAdmin、WordPress与dedeCMS网站模板制作总结

简介: PageAdmin、WordPress与dedeCMS作为国内三大cms建站系统,经常在功能性,操作性和负载等方面进行对比,每个cms的侧重点都不一样,所以没有绝对的哪个好,哪个不好,有的只是是否你的网站类型,或者是否适合你的使用习惯,这里只对三个cms的模板制作进行一个简单的对比,希望能给新手朋友一个借鉴,下面以调用文章列表页数据为例,讲解三个cms的模板制作区别。

PageAdmin、WordPress与dedeCMS作为国内三大cms建站系统,经常在功能性,操作性和负载等方面进行对比,每个cms的侧重点都不一样,所以没有绝对的哪个好,哪个不好,有的只是是否你的网站类型,或者是否适合你的使用习惯,这里只对三个cms的模板制作进行一个简单的对比,希望能给新手朋友一个借鉴,下面以调用文章列表页数据为例,讲解三个cms的模板制作区别。

1、PageAdmin
pageadmin的模板制作采用mvc自带的razor语法,易用性和灵活性都很强大,下面演示pageadmin最常用的列表页调用的模板写法。

    @foreach (var item in Html.InfoDataList(new { ColumnId =5 ,ShowNumber=20,OrderBy="id desc"}))
    {
        var url = Html.InfoDataUrl((int)item.ColumnId,(int)item.Id);
        <li>
          <a href="@url">@item.Title</a>
          <span>@item.Thedate</span>
        </li>
    }
    </ul>

PageAdmin的数据调用采用@开头,语法和javascrip非常类似,有javascript前端基础的很容易掌握,razor支持变量和计算,在{}内可以支持自定义变量,if和switch等判断,支持加减乘除等计算。

2、DedeCms
dedecms模板制作采用自己设计的一套标签,由标签名,属性,和InnerText构成,下面以织梦最常用的dede:list标签为例进行演示。

{dede:list col='5' orderby='id desc' pagesize=’20’}
<li>
<a href='[field:arcurl/]’>[field:title/]</a>
<span>[field:pubdate/]</span>
</li>
{/dede:list}
<ul>

dede有自己的一套标签语法,相对于pageadmin的razor语法来说,灵活度没有那么好,而且循环中不支持自定义变量,不支持If,switch等判断,不支持加减乘除计算。

3、Wordpress
wordpress没有模板标签,制作模板完全采用php编程,对于没有后端编程基础的前端人员来说,制作模板是很头疼的事情,下面还是以调用文章列表为例演示。

<?php if( $posts ) : ?>
<ul><?php foreach( $posts as $post ) : setup_postdata( $post ); ?>
<li>
<a href=”<?php the_permalink() ?>” rel=”bookmark” title=”<?php the_title(); ?>”><?php the_title(); ?></a>
</li>
<?php endforeach; ?>
</ul>
<?php endif; ?>

wordpress的模板制作需要结合php编程,模板制作是最复杂的,没有php基础的用户来说制作模板就是噩梦。

相关文章
PageAdmin Cms自助建站系统之网站模板教程:标题,关键词,描述的获取
在采用PageAdmin网站管理系统制作网站模板时候,都会考虑到seo的需要,其中标题,关键词和描述更是seo优化最重要的部分,下面讲解pageadmin网站模板中如何获取这三个参数:PageAdmin的栏目和信息发布都可以自定义标题,关键词和描述,如栏目中的设置,如下图: 在模板制作时候可以通过预设的方法来获取 获取标题:ViewBag.
1713 0
|
8月前
|
移动开发 前端开发 JavaScript
HTML5实现好看的博客网站模板源码
HTML5实现的精美博客网站模板,适用于个人博客、简历等多种场景。代码简洁规范,页面干净整洁,内置首页、列表、文章等通用模板,支持多种风格切换,兼容性强,易于扩展和修改,附带完整注释,适合初学者上手。提供源码下载及在线预览,方便直接使用或二次开发。
306 1
HTML5实现好看的博客网站模板源码
|
移动开发 前端开发 HTML5
HTML5实现酷炫个人产品推广、工具推广、信息推广、个人主页、个人介绍、酷炫官网、门户网站模板源码
HTML5实现酷炫个人产品推广、工具推广、信息推广、个人主页、个人介绍、酷炫官网、门户网站模板源码
|
Web App开发 移动开发 前端开发
20+免费精美响应式Html5 网站模板03(含源码)
20+免费精美响应式Html5 网站模板(含源码)
745 0
20+免费精美响应式Html5 网站模板03(含源码)
|
Web App开发 移动开发 前端开发
20+免费精美响应式Html5 网站模板02(含源码)
20+免费精美响应式Html5 网站模板02(含源码)
431 0
20+免费精美响应式Html5 网站模板02(含源码)
|
Web App开发 移动开发 前端开发
20+免费精美响应式Html5 网站模板01(含源码)
20+免费精美响应式Html5 网站模板01(含源码)
650 0
20+免费精美响应式Html5 网站模板01(含源码)
|
移动开发 前端开发 JavaScript
20款免费响应式的 HTML5 网站模板下载
  今天这篇文章给大家带来的是20款免费响应式的 HTML5 网站模板,大家可以借助这些优秀的网站模板创建自己的优秀网站。响应式(Responsive Design)设计的目标是要让产品界面能够响应用户的行为,根据不同终端设备自动调整尺寸,带给用户良好的使用体验。
3981 0
|
移动开发 HTML5
12款高质量的响应式 HTML5/CSS3 网站模板
  HTML5 已经成为众所周知的语言,大量的 HTML5 资源和工具正在建立,以帮助开发人员和设计人员。今天,我们展示12款免费的响应式 HTML5/CSS3 网站模板,帮助你创建醒目和视觉震撼的网站。
1184 0
|
Web App开发 移动开发 HTML5
20款高质量的 HTML5 网站模板【免费下载】
  下面的列表集合了20款高质量的免费 HTML5 网站模板,这些专业的模板能够让你的网站吸引很多的访客。这些免费的 HTML5 模板虽然不是响应式的,不过都很实用。赶紧来看看。 您可能感兴趣的相关文章 Web 前端开发人员和设计师必读文章集锦 经典网页设计:25个应用视差滚动单页网站 ...
1275 0

相关实验场景

更多