杨泽业:mipcms模板开发者必须熟悉的模板结构、调用标签和调用代码合集(持续更新中)

  • 时间:
  • 浏览:247
  • 来源:网站服务商官网
  • 网址:www.wzfws.com

网站服务商杨泽业:mipcms模板开发者必须熟悉的模板结构、调用标签和调用代码合集(持续更新中)


网站服务商即将推出新的网站模板,供大家免费使用,同时也希望更多的人学会开发属于自己的模板,熟悉mipcms模板结构、调用标签调用代码那是必不可少的,下面网站服务商杨泽业就把mipcms模板结构、调用标签和调用代码整理出来,方便大家使用:


以下mipcms模板结构、调用标签和调用代码适用于mipcms3.6和站群体验版1.7,如果你发现了新的标签和调用代码,也请你们联系我,我补充进来:

一、mipcms前台模板结构

/template/default/  该套模板为mipcms默认模板,default为模板名称


article文档文件夹下:

/article/article.html 文章的列表或分类页面模板

/article/articleDetail.html 文章的详情页面模板


block模块文件夹下:

article-list.html 文章列表模块

tags-hot.html  热门标签

tags-new.html  最新标签


index主页文件夹下:

index.html首页模板


main全局文件夹下:

404.html 404页面模板(实际上不是,用不着)

main.html 模板主文件

header.html 全局头部

footer.html 全局底部


tag标签模板文件夹下:

tagDetail.html 标签的详情页面模板


view自定义单页面文件夹(1.7体验版叫diy文件夹)下:

demo.html 自定义单页面模板


其他:

template.json 模板信息文件


二、mipcms网站调用标签

2.1、全局调用标签

2.1.1、{$mipInfo['siteName']}  //网站名称

2.1.2、{$mipInfo['keywords']}  //网站关键词

2.1.3、{$mipInfo['description']}  //网站描述信息

2.1.4、{$mipInfo['template']}  //网站当前模板名称

2.1.5、{$mipInfo['domain']}  //网站当前使用的域名 自适应站点

2.1.6、{$mipInfo['statistical']} //网站统计代码

2.1.7、{$mipInfo['icp']}  //网站备案号

2.1.8、{$mipInfo['systemStatus']}  //系统是否开启 1为开启 0为关闭

2.1.9、{$mipInfo['systemType']}  //系统类型

2.1.10、{$mipInfo['idStatus']}  //uuid是否开启,1位开启 0为关闭

2.1.11、{$mipInfo['articleModelName']}  //文章名称 默认:文章

2.1.12、{$mipInfo['articleModelurl']} //文章别名 默认:article

2.1.13、{$mipInfo['indexTitle']}  //网站首页副标题

2.1.14、{$mipInfo['codeCompression']} //页面代码是否压缩

2.1.15、{$mipInfo['localCurrentVersion']} //当前版本

2.1.16、{$mipInfo['titleSeparator']} //网站标题的分隔符 默认:_

2.1.17、{$mipInfo['httpType']} //网站链接协议 默认:http://

2.1.18、{$mipInfo['mipApiAddress']} //mip提交百度API的地址

2.1.19、{$mipInfo['tagModelName']} //标签名称 默认:标签

2.1.20、{$mipInfo['tagModelUrl']} //标签别名 默认:tag

2.1.21、{$mipInfo['loginCaptcha']} //网站登录是否开启验证码 1为开启 0为关闭

2.1.22、{$mipInfo['biaduZn']} //百度站内搜索的key

2.1.23、{$mipInfo['aritcleLevelRemove']} //文章层级去除 1为去除article层级 0为默认

2.1.24、{$mipInfo['superSites']} //超级站 多域名用 1为开启 0为关闭

2.1.25、{$mipInfo['rewrite']} //伪静态 1为开启 0为关闭

2.1.26、{$mipInfo['topDomain']}  //顶级站 多域名泛站用 1为开启 0为关闭

2.1.27、{$mipInfo['superTpl']}  //超级模板 手机模式下显示手机站模板 1为开启 0为关闭

2.1.28、{$mipInfo['diyUrlStatus']}  //自定义页面url,1为开启,0为关闭

2.1.29、{$mipInfo['mipPostStatus']}  //mip自动推送状态 默认:为空

2.1.30、{$mipInfo['articlePagesNum']} //文章分页每页数量 默认:1000字符

2.1.31、{$mipInfo['urlPageBreak']} //url分页分格符 默认:_

2.1.32、{$mipInfo['urlCategory']} //文章是否放在分类下 默认:空

2.1.33、{$mipInfo['baiduSearchPcUrl']} //百度站内搜索 提交的结构化数据地址

2.1.34、{$mipInfo['baiduTimePcStatus']} //百度链接推送自动推送状态 默认关闭

2.1.35、{$mipInfo['baiduTimePcUrl']} //百度链接推送API地址

2.1.36、{$mipInfo['baiduYuanChuangStatus']} //百度原创推送自动状态 默认关闭

2.1.37、{$mipInfo['baiduYuanChuangUrl']} //百度原创推送API地址

2.1.38、{$mipInfo['guanfanghaoStatus']} //百度熊掌号开启状态 1为开启 0为关闭 默认关闭

2.1.39、{$mipInfo['guanfanghaoUrl']} //百度熊掌号旧数据推送API地址 

2.1.40、{$mipInfo['guanfanghaoStatusPost']} //百度熊掌号自动推送状态 1为开启 0为关闭 默认关闭

2.1.41、{$mipInfo['guanfanghaoCambrian']} //百度熊掌号关注代码

2.1.42、{$mipInfo['guanfanghaoRealtimeUrl']} //百度熊掌号新数据推送API接口

2.1.43、{$mipInfo['topStatus']} //顶级站高级模式状态 1为开启 0为关闭 默认关闭

2.1.44、{$mipInfo['productModelUrl']} //产品别名 默认:product

2.1.45、{$mipInfo['productModelName']} //产品名称 默认:产品


2.2、文章列表模板自带的变量值

2.2.1、{$categoryInfo['cid']}  //当前分类的ID 为空则当前无分类

2.2.2、{$categoryInfo['page']} //当前分页数 1为无分页

2.2.3、{$categoryInfo['category']} //当前分类url别名

2.2.4、{$categoryInfo['sub']} //当前二级分类url别名

2.2.5、{$categoryInfo['id']} //当前分类ID 

2.2.6、{$categoryInfo['pid']} //当前分类父ID 一级分类为0 二级分类PID是一级分类的ID

2.2.7、{$categoryInfo['name']} //当前分类名称

2.2.8、{$categoryInfo['keywords']} //当前分类关键词

2.2.9、{$categoryInfo['description']} //当前分类描述

2.2.10、{$categoryUrlName} //全局分类别名 用于显示导航active

2.2.11、{$categoryInfo['content']} //调用当前栏目内容标签


2.3、文章详情自带变量值

2.3.1、{$itemInfo['firstImg']} //文章第一张图片url

2.3.2、{$itemInfo["tagsListString"]} //标签字符串列表 如:seo,sem

2.3.3、{$itemInfo['img_url']} //自定义图片url地址

2.3.4、{$itemInfo['title']} //标题

2.3.5、{$itemInfo['views']} //浏览数

2.3.6、{$itemInfo['publish_time']|date='Y-m-d',###} //发布时间

2.3.7、{$itemInfo['content']} //内容

2.3.8、{$itemInfo['categoryInfo']['name']} //文章详情页当前栏目标题


三、mipcms网站调用代码


3.1、引入网站css样式,支持独立css样式

<style mip-custom>{include file='main/css/mipcms.css'} {block name="style"}{/block} </style>


3.2、引入头部文件

{include file='main/header'} 


3.3、基本页面继承

<main class="mipcms-main">{block name="main"} {/block}  </main>


3.4、引入网站底部文件

{include file='main/footer'}


3.5、js代码引入

 {block name="script"}<script src="https://     c.mipcdn.com/static/v1/mip.js"></script>{/block}


3.6、基本模板页面结构

{extend name="main/main"/} //解释:该行代码为模板主文件的继承代码,即继承了/main/main.html

{block name="main"}//解释:所有该模板的代码需写在该标签对中,写在该标签对之外是不显示的

{/block}


3.7、独立css样式的模板页面结构

{extend name="main/main"/}

{block name="style"}{__block__}

//解释:该模板页面中用到的css样式可以写在此处

//例如: body {background-color: #fff;}

{/block}

{block name="main"}

//主体模板代码写此处

{/block}


3.8、重置自定义本模板页面的标题、关键词、描述写法

重置自定义后,mipcms默认的标题、关键词、描述将被此写法覆盖。

{extend name="main/main"/}

{block name="mipTitle"}MIPCMS示例页面标题{$mipInfo['titleSeparator']}{$mipInfo['siteName']}{/block}

{block name="mipKeywords"}MIPCMS关键词{/block}

{block name="mipDescription"}MIPCMS描述{/block}

{block name="main"}

//主体模板代码写此处

{/block}


3.9、文章列表调用标签代码(闭合)

{mipcms:article key='键名' value='值名' cid='分类ID' limit='调用数量'  page='分页数' where='查询条件' keywords='关键词' order='排序方式' orderBy='排序条件' category='分类url别名参数' sub='二级分类url别名参数' uuids='指定查询的uuid支持用逗号分开多个调用' notUuids='排除的uuid支持用逗号分开多个uuid' tagIds='标签id,支持多个' tagNames='标签名称,支持多个'}

 //循环代码处

<li>

 <a href="{$v['url']}">{$v['title']}</a>

</li>

{/mipcms:article}


3.10、文章列表调用标签代码(非闭合)

闭合标签通常用于列表的循环,或者是有一定相似度列表循环用,但是在开发模板的时候有些情况下就是不规则列表的调用,此时我们需要非闭合标签单独的调用。

{mipcms:articleinfo key='键名' value='test' cid='分类ID' limit='调用数量'  page='分页数' where='查询条件' keywords='关键词' order='排序方式' orderBy='排序条件' category='分类url别名参数' sub='二级分类url别名参数' uuids='指定查询的uuid支持用逗号分开多个调用' notUuids='排除的uuid支持用逗号分开多个uuid' tagIds='标签id,支持多个' tagNames='标签名称,支持多个' /}

//数组由0开始,为第一个

<a href="{$test[0]['url']}">{$test[0]['title']}</a>


3.11、最新文章调用代码:

{mipcms:article value="v"}

  <li>

    <a href="{$v.url}" data-type="mip" data-title="{$v.title}" title="{$v['title']}">{$v.title}</a>

  </li>

{/mipcms:article}

说明:value的值为v,则在循环列表中使用{$v['title']}或{$v.title}调用文章的字段。

默认调用10条最新文章


3.12、热门文章调用代码:

{mipcms:article value="v" cid='$categoryInfo["cid"]' orderBy='views' limit='6'}

<li>

<a href="{$v.url}" data-type="mip" data-title="{$v.title}" title="{$v['title']}">{$v.title}</a>

</li>

{/mipcms:article}

说明:value的值为v,则在循环列表中使用{$v['title']}或{$v.title}调用文章的字段

cid的值$categoryInfo["cid"] 为文章模板页初始化系统变量标签,注意在{}花括号中写变量标签无需再加{};

orderBy的值为views,排序条件为文章的浏览数

limit的值为6,指调用的数据条数为6条

省略cid 为调用全部

猜你喜欢

杨泽业:给你的mipcms网站添加一个首页滚动公告栏

网站服务商杨泽业:给你的mipcms网站添加一个首页滚动公告栏如果你有什么公告或者广告的话,我觉得在首页左侧的位置添加一个滚动的公告栏(广告栏),这样的话,我感觉是比较好的。说

2018-11-20 @mipcms  滚动公告

[公益模版]自定义颜色列表试自适应mipcms独立diy模板优化版2.0

前几天网站服务商推出了《中国蓝》《中国红》的公益模板1.0,从现在起不再按颜色命名了,因为颜色大家随意随意设置,主要重心放在模版的用户体验和模版优化上面来,下面是最新的模版说明

2018-11-02 @网站模板  自定义模板

杨泽业:让mipcms侧边栏的部分栏目文章按标签样式显示(小众需求)

网站服务商杨泽业:让mipcms侧边栏的部分栏目文章按标签样式显示(小众需求)本站添加了一个叫做建站百科的栏目,因为百科是词条,字数肯定不会像普通文章那样长了,如果按照普通的文

2018-10-30 @mipcms  标签

杨泽业:给mipcms网站的文章添加SEO标题

网站服务商杨泽业:mipcms优化教程:给mipcms网站的文章添加SEO标题我在上次做中国红和中国蓝的模板的时候,我就想把文章的seo标题加上去的,苦于不懂得怎么写入数据库,

2018-10-29 @mipcms  mipcms优化mipcms

mipcms

MIPCMS是苏州三三云网络科技有限公司的核心产品之一,基于百度MIP移动加速器而开发的内容管理系统,移动版采用百度MIP标准页面,网站收录后,SEO排名将得到快速的提升。根据

2018-10-29 @建站百科  mipcms