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

news/2024/7/24 0:50:29

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基础的用户来说制作模板就是噩梦。


http://www.niftyadmin.cn/n/563842.html

相关文章

小程序简介和开发工具

文章目录1 小程序简介1.1 小程序与普通网页开发的区别1.2 体验小程序2 注册小程序开发帐号3 安装开发者工具4 创建项目5 预览效果1 小程序简介 1.1 小程序与普通网页开发的区别 1.2 体验小程序 可使用手机微信(6.7.2 及以上版本)扫码下方小程序码&#xff0c;体验小程序&…

小程序项目文件介绍

文章目录1 项目结构1.1 项目的基本组成结构1.2 小程序页面的组成部分2 JSON 配置文件2.1 JSON 配置文件的作用2.2 app.json 文件2.3 project.config.json 文件2.4 sitemap.json 文件2.5 页面的 .json 配置文件2.6 新建小程序页面2.7 修改项目首页3 WXML 模板3.1 WXML3.2 WXML 和…

阿里云入门搭建小细节

云服务器我觉得就是一台电脑&#xff0c;只不过你可以用&#xff0c;但是不能摸到&#xff0c;拿来挂QQ&#xff0c;挂个人网站&#xff0c;等等都行。 所以接下来开始入云端吧。 一、云服务器ECS购买 首先是买服务器&#xff0c;由于我还是学生&#xff0c;所以可以在阿里云…

Vue----vue-router 的基本使用

文章目录2 vue-router 的基本使用2.1 vue-router2.1.1 vue-router 的版本2.2 vue-router 3.x 的基本使用步骤2.2.1 在项目中安装 vue-router2.2.2 创建路由模块2.2.3 导入并挂载路由模块2.2.4 声明路由链接和占位符2.2.5 声明路由的匹配规则2.2.6 完成代码main.jsApp.vuesrc/ro…

【阿里云入门之】如何快速创建弹性云服务器

要使用阿里云的弹性云服务器ECS&#xff0c;必须确保已经拥有阿里云的帐号并且通过实名认证。如果还没有帐号可访问阿里云官网或者云栖社区进行注册。 1. 注册阿里云帐号 注册方式很简单&#xff0c;以官网为例&#xff0c;打开浏览器&#xff0c;输入官网www.aliyun.com&…

阿里云服务器的优势,为何选择阿里云服务器?

时间过得真快&#xff0c;备案快要通过下来了&#xff0c;自己也马上要成为一个真正的站长了&#xff0c;今天就来说一下我如何使用”云平台方案调研/技术选型”、”云上建站/开发过程”、”架构解析/优化”、”上云前后对比”、”遇到的问题及解决方案”经历吧。 ‘为了无法计…

Vue----组件注册

文章目录组件的注册1.1 注册组件的两种方式1.2 全局注册组件1.3 使用全局注册组件1.4 局部注册组件1.5 全局注册和局部注册的区别1.6 组件注册时名称的大小写1.7 通过 name 属性注册组件组件的注册 组件之间可以进行相互的引用。 vue 中组件的引用原则&#xff1a;先注册后使…

阿里云服务器以及域名申请和绑定搭建教程

在大学阶段&#xff0c;购买并搭建了自己的第一个服务器&#xff0c;心情激动无比&#xff0c;写下本片博文记录购买并搭建服务器的全过程&#xff0c;方便自己以后在服务器方面进行更加深入的学习。阿里云和腾讯的服务器都有学生价&#xff0c;价格都是一折左右&#xff0c;真…