快捷添加文章: 添加完一篇之后,按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" />

 

 

相关文章:

  • 2021-10-04
  • 2022-12-23
  • 2021-07-26
  • 2021-05-30
  • 2021-08-12
  • 2021-06-22
  • 2021-08-15
猜你喜欢
  • 2021-06-27
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-02-24
  • 2021-05-10
相关资源
相似解决方案