快捷添加文章: 添加完一篇之后,按backspace,随便点几下,然后点击确定
limit=0,1 从0开始输出1个,0代表id=1的栏目;
limit=1,2 从1开始输出2个,1代表id=2的栏目,此时输出的是第二个和第三个栏目;
limit=3,1 从3开始输出1个,3代表id=4的栏目。
3嵌套调用,频道封面页,必须使用channelartlist,首页获取当前栏目及其子栏目:多用于顶部或者底部的栏目展示
{dede:channelartlist typeid='top'}
<dl class="col-sm-2 intro-list">
<dt>{dede:field name='typename'/}</dt> 当前栏目名
{dede:channel}
<dd><a href="[field:typelink/]">[field:typename/]</a></dd>子栏目
{/dede:channel}
</dl>
{/dede:channelartlist}
Tip:
list 与arclist区别:
1 {dede:list}用于列表页的文章调用,通常用于list_xx.htm,可以分页,仅list_xx.htm页面可用
2 {dede:arclist}用于获取指定文档列表,一般会设置一个typeid,不分页,全局使用
频道与栏目的区别:
频道:A栏目>B栏目,A属于父级栏,目此时它就是频道,他的id就是频道id
栏目:A栏目,如果不是父栏目,他就是一个顶级栏目,
首页标题:{dede:global.cfg_webname/}
其他页面标题: <title>{dede:field.title/} - {dede:global.cfg_webname/}</title>
1 调用指定栏目的栏目名、栏目内容的sql语句: 首页用到的多
{dede:sql sql="SELECT typename FROM dede_arctype where id=6"}
[field:typename/]{/dede:sql}
{dede:sql sql='Select content from dede_arctype where id=7'}
[field:content/] {/dede:sql}
{dede:sql sql='Select content from dede_arctype where id=1'}
[field:content function='cn_substr(html2text(@me),800)'/]{/dede:sql}
3首页获取当前栏目及其子栏目:typeid=’top’,。
{dede:channelartlist typeid='top'}
<dl class="col-sm-2 intro-list">
<dt>{dede:field name='typename'/}</dt> 当前栏目名
{dede:channel}
<dd><a href="[field:typelink/]">[field:typename/]</a></dd>子栏目
{/dede:channel}
</dl>
{/dede:channelartlist}
4 调用当前栏目名称 :全局
|
|
{dede:field name='typename'/} |
6当前栏目子栏目获取方式:channel要指定类型
|
|
{dede:channel type ='son' } <a href="[field:typeurl/]">[field:typename/]</a> {/dede:channel} |
附加介绍一下各种栏目名称的调用方法:
1、{dede:field name="typename"} 这是调用当前栏目的名称
2、{dede:channel type='son' row='5'}
<a href="[field:typeurl/]">[field:typename/]</a> {/dede:channel} 这是调用该顶级频道下所有字栏目,row代表调用5条
3、{dede:type typeid='栏目id'} <a href="[field:typeurl/]">[field:typename/]</a> {/dede:type} 表示调用指定id的栏目,不过只能调用一个,要想多个调用就只能重复多次调用该标签
4、 {dede:channel type='top'}<a>[field:typename/]</a> {/dede:channel}调用子栏目的当前顶级栏目名称
1 内容页文章阅读数,点击数:不能复制粘贴,
<div class="article-info article-info2"> <span class="read">阅读:<em class="readnum">
<script src="{dede:field name='phpurl'/}/count.php?view=yes&aid={dede:field name='id'/}&mid={dede:field name='mid'/}"type='text/javascript' language="javascript"></script>
</em></span></div>
</div>
每一次刷新都会+1
2 友情链接
{dede:flink titlelen='8' row='2'} [field:link /] {/dede:flink}
3 栏目添加点击样式:新增class值为active,属性id为navbar-category的样式,外层改为单引号
{dede:channel row='4' type ='top'
currentstyle='<li class="active" id="navbar-category"><a href="~typelink~">~typename~</a></li>' }
<li id="navbar-category"><a href="[field:typelink/]">[field:typename/]</a></li>
{/dede:channel}
1 搜索实现:action必须有,search.php调用模板页面下的search.htm。 name=‘q’必须有
首先-form必须有
<h6>站内搜索</h6>
<div class="input-group">
<form method="get" action="/plus/search.php" class="form form-inline">
<input type="text" name="q" placeholder="请输入关键词" value=""
class="form-control input-search" />
<button type="submit" class="btn btn-primary btn-search">Search</button>
</form>
</div>
然后muban下面新建一个search.htm:这个文件最好弄一个列表页展示,因为搜索的结果就是列表展示。这是一个list_article.htm文件修改而成,把分页的style样式删除,不删除可能会错误。
Search.htm:
<div class="st-mainbody">
<div class="business-banner">
<div class="banner-bg">
<img src="/img/d8c4bbfb38bf033b263e21707c40d288.jpg" class="banner-img" alt="">
</div>
<div class="banner-info-box">
<h3>搜索结果</h3>
</div>
</div>
<div class="news-box">
<div class="message">
<div class="container">
{dede:list pagesize='2'} 列表展示搜索结果
<div class="row message-list wow fadeInUp">
<a href="[field:arcurl/]">
<div class="col-sm-2 col-xs-3 date">
<em>[field:pubdate function="MyDate('d',@me)"/]</em>
<p>[field:pubdate function="MyDate('Y-m',@me)"/]</p>
</div>
<div class=" col-sm-7 col-xs-9 message-txt">
<h6>[field:title/]</h6>
[field:description function="cn_substr(@me,200)"/]
</div>
<div class="col-sm-3 col-xs-12 message-image">
<div class="thumb cover p65">
<img src="[field:picname/]" alt="">
</div>
</div>
</a>
</div>
{/dede:list}
</div>
</div>
<div class="text-center yema">
<ul class="pagination">
<div class="pageccc" style="clear:both;">
<div class="plllko">{dede:pagelist listitem="index,end,pre,next,pageno" listsize="5"/}</div>
</div>
</ul>
</div>
</div>
</div>
2 锚链接跳转,通过id跳写法如下: 也就是htm页面的 <div id=’a17643’>跳转
typeid='top' limit=0,1 从0开始输出1个。显示第一个顶级栏目
{dede:channelartlist typeid='top' limit=0,1}
channelartlist获取当前频道 信息,顶级是频道,下级是栏目
<dl class="col-sm-2 intro-list">
<dt>{dede:field name='typename'/}</dt> 顶级栏目名
<dd><a href="{dede:field name='typeurl'/}#al7643">公司介绍</a></dd>
<dd><a href="{dede:field name='typeurl'/}#al7644">历史沿革</a></dd>
<dd><a href="{dede:field name='typeurl'/}#al7645">组织机构</a></dd>
<dd><a href="{dede:field name='typeurl'/}#al7646">领导关怀</a></dd>
<dd><a href="{dede:field name='typeurl'/}#al7647">资质荣誉</a></dd>
</dl>
栏目链接+id值跳转
{/dede:channelartlist}
获取limit(1,2)第一个和第二个,顶级栏目的栏目名和子栏目的栏目名与栏目链接
{dede:channelartlist typeid='top' limit=1,2} 操作当前栏目typeid=’top’,limit选择操作哪一个
<dl class="col-sm-2 intro-list">
<dt>{dede:field name='typename'/}</dt> 顶级栏目名
{dede:channel}
<dd><a href="[field:typelink/]">[field:typename/]</a></dd> 子栏目名和链接
{/dede:channel}
</dl>
{/dede:channelartlist}
源码:
{dede:channelartlist typeid='top' limit=0,1}
<dl class="col-sm-2 intro-list">
<dt>{dede:field name='typename'/}</dt>
<dd><a href="{dede:field name='typeurl'/}#al7643">公司介绍</a></dd>
<dd><a href="{dede:field name='typeurl'/}#al7644">历史沿革</a></dd>
<dd><a href="{dede:field name='typeurl'/}#al7645">组织机构</a></dd>
<dd><a href="{dede:field name='typeurl'/}#al7646">领导关怀</a></dd>
<dd><a href="{dede:field name='typeurl'/}#al7647">资质荣誉</a></dd>
</dl>
{/dede:channelartlist}
{dede:channelartlist typeid='top' limit=1,2}
<dl class="col-sm-2 intro-list">
<dt>{dede:field name='typename'/}</dt>
{dede:channel}
<dd><a href="[field:typelink/]">[field:typename/]</a></dd>
{/dede:channel}
</dl>
{/dede:channelartlist}
{dede:channelartlist typeid='top' limit=3,1}
<dl class="col-sm-2 intro-list">
<dt>{dede:field name='typename'/}</dt>
<dd><a href="{dede:field name='typeurl'/}#to7654">企业目标</a></dd>
<dd><a href="{dede:field name='typeurl'/}#to7655">经营理念</a></dd>
</dl>
{/dede:channelartlist}
{dede:channelartlist typeid='top' limit=4,1}
<dl class="col-sm-2 intro-list">
<dt>{dede:field name='typename'/}</dt>
<dd><a href="{dede:field name='typeurl'/}#to7754">人才招聘</a></dd>
<dd><a href="{dede:field name='typeurl'/}#to7755">联系方式</a></dd>
<dd><a href="{dede:field name='typeurl'/}#to7756">友情链接</a></dd>
</dl>
{/dede:channelartlist}
第一个,第二第三个,第四个,第五个
3 幻灯片制作:注意ischeck的值:0代表未审核,1代表内页,2代表首页
模板:
{dede:sql sql='select * from #@__flash where ischeck=2 order by sortrank asc limit 0,5'}
<li><a href="[field:url/]"><img src="[field:pic/]" alt="image01" /></a></li>[field:webname/]
{/dede:sql}
调用方式:
{dede:sql sql='select * from #@__flash where ischeck=2 order by sortrank asc limit 0,5'}
<div class=" lb swiper-slide">
<img src="[field:pic/]" alt="">
<div class="lb-text">
<div class="text-content wow fadeInUp" data-wow-duration="0.6s" data-wow-delay="0.3s">
<h2>[field:webname/]</h2>
[field:msg/]
<div class="line"></div>
</div>
</div>
</div>
{/dede:sql}
模块-幻灯广告-增加幻灯图片:
5为什么要改栏目列表模板:
不改模板显示的就不同
6父栏目啥也不需要显示,此时频道模板、列表模板都不好用,把url.htm复制到muban文件夹下,修改此栏目:频道封面-跳转子栏目-修改封面模板为url.htm 三个步骤结束,即可实现父栏目直接显示子栏目文章
7 列表页与文章页对应,文章内容页要使用全局标签
文章页多用全局属性{dede:field.xx/}
代码如下:
<div class="events-l-img">
<img src="{dede:field.picname/}" alt="">
</div>
<h3>{dede:field.title/}</h3>
<div class="events-date">
<div class="col-sm-4 col-xs-4 events-date-item">
<i class="iconfont iconico-day"></i>{dede:field.pubdate function="MyDate('Y-m-d',@me)"/}
</div>
<div class="col-sm-4 col-xs-4 events-date-item2">
<i class="iconfont iconico-company"></i>{dede:global.cfg_webname/} </div>
<div class="col-sm-4 col-xs-4 events-date-item3">
<i class="iconfont iconico-look"></i>{dede:field.click/} </div>
</div>
<div class="events-txt richtext">
{dede:field.description/}
</div>
<div class="btns row">
<div class="btns-left col-sm-10 col-xs-12">
<div class="pre-article ellipsis">
{dede:prenext get='pre'/}
</div>
<div class="next-article ellipsis">
{dede:prenext get='next'/}
</div>
</div>
<div class="returnList col-sm-2 col-xs-12">
<a href="javascript:history.back(-1)">返回列表</a>
</div>
</div>
如下图文字内容一一对应
7返回,以及回到顶部
<div class="back">
<a href="javascript:history.back(-1)">返回</a>
<a href="#top">顶部</a>
<a href="javascript:history.back(-1)">返回列表</a>
</div>
8 arclist如何输出文章内容,简要输出:使用cn_substr()
{dede:arclist}
<a href="[field:arcurl/]">
<div class="row lastest-list">
<div class="col-sm-4 col-xs-4 lastest-l">
<img src="[field:picname/]" alt="">
</div>
<div class="col-sm-8 col-xs-8 lastest-r">
<h5 class="overflow-elipsis">[field:title/]</h5>
[field:description function="cn_substr(@me,50)"/]......
</div>
</div>
</a>
{/dede:arclist}
9 新建模型,人才招聘,然后新建栏目,选择人才招聘,之后添加文章,进行调用
核心-频道模型-内容模型管理-添加新模型
频道名称:随便写
文字标识:随便写
点击确定
添加完点击其名称-字段管理-添加新字段:注意岗位要求弄成html文本格式好,因为是复制粘贴网页内容。
使得字段可以在列表底层模板获取,必须点使字段可以在列表的底层模板中获得
{dede:arclist addfields='zprs,gzdd,bm' channelid='17' orderby='pubdate'}
<div class="swiper-slide ">
<div class="">
<a href="">
<div class="job-list">
<h3 class="job-type">[field:title/]</h3>
<div class="jobs-detail">
<div class="address">
<h6>招聘人数</h6>
<p>[field:zprs/]</p>
</div>
<div class="address">
<h6>地址</h6>
<p>[field:gzdd/]</p>
</div>
<div class="address">
<h6>部门</h6>
<p>[field:bm/]</p>
</div>
</div>
<p class="job-date">[field:pubdate function="MyDate('Y-m-d',@me)"/]</p>
</div>
</a>
</div>
</div>
{/dede:arclist}
新增列表页内容调用如上。
不能直接从这里拷贝,网页会显示不出来
1 地图展示如下:第二种方式好
第一种方式 qq地图:系统基本参数里设置:mapx,mapy即可
<iframe width="100%" height="420" frameborder="0"
src="http://3gimg.qq.com/lightmap/v1/wxmarker/index.html?marker=coord:{dede:global.cfg_mapy/},{dede:global.cfg_mapx/};">
</iframe>
第二种方式 百度地图:设置mapx,mapy
1 首先网址打开:http://api.map.baidu.com/lbsapi/createmap/index.html获取代码
2 修改秘钥:7GAxnzcDaWjbiLx19K3Hge1OKBuK5alo
第一块:
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=7GAxnzcDaWjbiLx19K3Hge1OKBuK5alo"></script>
第二块:宽度可以修改
<div style="width:100%;height:550px;border:#ccc solid 1px;font-size:12px" id="map"></div>
第三块:
<script type="text/javascript">
//创建和初始化地图函数:
function initMap(){
createMap();//创建地图
setMapEvent();//设置地图事件
addMapControl();//向地图添加控件
addMapOverlay();//向地图添加覆盖物
}
function createMap(){
map = new BMap.Map("map");
map.centerAndZoom(new BMap.Point({dede:global.cfg_mapx/},{dede:global.cfg_mapy/}),15);此处不能格式化,否则显示不出来地图
}
function setMapEvent(){
map.enableScrollWheelZoom();
map.enableKeyboard();
map.enableDragging();
map.enableDoubleClickZoom()
}
function addClickHandler(target,window){
target.addEventListener("click",function(){
target.openInfoWindow(window);
});
}
function addMapOverlay(){
var markers = [
{content:"我的备注",title:"我的标记",imageOffset: {width:0,height:3},position:{lat:{dede:global.cfg_mapy/},lng:{dede:global.cfg_mapx/}}}
];
for(var index = 0; index < markers.length; index++ ){
var point = new BMap.Point(markers[index].position.lng,markers[index].position.lat);
var marker = new BMap.Marker(point,{icon:new BMap.Icon("http://api.map.baidu.com/lbsapi/createmap/images/icon.png",new BMap.Size(20,25),{
imageOffset: new BMap.Size(markers[index].imageOffset.width,markers[index].imageOffset.height)
})});
var label = new BMap.Label(markers[index].title,{offset: new BMap.Size(25,5)});
var opts = {
width: 200,
title: markers[index].title,
enableMessage: false
};
var infoWindow = new BMap.InfoWindow(markers[index].content,opts);
marker.setLabel(label);
addClickHandler(marker,infoWindow);
map.addOverlay(marker);
};
}
//向地图添加控件
function addMapControl(){
var scaleControl = new BMap.ScaleControl({anchor:BMAP_ANCHOR_BOTTOM_LEFT});
scaleControl.setUnit(BMAP_UNIT_IMPERIAL);
map.addControl(scaleControl);
var navControl = new BMap.NavigationControl({anchor:BMAP_ANCHOR_TOP_LEFT,type:BMAP_NAVIGATION_CONTROL_LARGE});
map.addControl(navControl);
var overviewControl = new BMap.OverviewMapControl({anchor:BMAP_ANCHOR_BOTTOM_RIGHT,isOpen:true});
map.addControl(overviewControl);
}
var map;
initMap();
</script>
10 表单添加验证码: 先把后台验证码加上,然后f12查看form,看看验证码怎么弄的,复制粘贴到前端。
前端页面部分:
<form action="/plus/diy.php" enctype="multipart/form-data" method="post" class='form'>
<input type="hidden" name="action" value="post" />
<input type="hidden" name="diyid" value="1" />
<input type="hidden" name="do" value="2" />
。。。
。。。
。。。
<div class="col-sm-8 yzm">
<div class=" col-sm-5 yzm-btn">
<i class="iconfont iconyzm input-ico"></i>
<input type="text" name="vdcode" class="form-control" placeholder="验证码" valid="required"
errortext="">
</div>
<div class="col-sm-4 yzm-pic">
<img id="vdimgck" style="cursor:pointer" title=" 验证码刷新" src="../include/vdimgck.php" onClick="this.src=this.src+'?'" />
</div>
<p class="col-sm-3 yzm-txt">看不清,换一张</p>
</div>
<input type="hidden" name="dede_fields" value="company,text;name,text;phone,text;email,text;content,multitext" />
<input type="hidden" name="dede_fieldshash" value="64df0796b82a80e906796eb758b204cd" />