模板开发快捷log

开发log

1. 创建theme文件夹
2. 创建index cate public style文件夹
3. 对应把文件分别放入上面的文件夹
4. index.html 替换静态的文件路径

底部的相关调用使用

$web_config     调用的是config/web.php中的内容
$theme_config   调用的是当前theme的setting的内容
$tpl_static  当前模板的静态文件的文件夹
{$tpl_static}

{$tpl_static}

{:get_cate_content($cate_res['cid'])}

/theme/yapeng/style/

tdk

<title>{$seo['title']}</title>
<meta name="keywords" content="{$seo['keywords']}" />
<meta name="description" content="{$seo['description']}" />

调用顶部菜单

前台调用顶部菜单(以栏目为菜单)

index/base.php 开启变量top_cid_now

页面调用

<li class="{$top_cid_now['cid']==0?'cur':''}"><a href="/">首页</a></li>
<?php foreach(get_cate_list(0) as $k=>$vo){ if($vo['pid']=='0'){ ?>
<li class="{$top_cid_now['cid']==$vo['cid']?'cur':''}">
    <a href="/cate/{$vo['cid']}.html">{$vo['name']}</a>
    <?php $_two_menu = get_cate_list($vo['cid']); if($_two_menu){  ?>
        <div class="navdown">
            <?php foreach($_two_menu as $kk=>$vv){ ?>
            <a href="/cate/{$vv['cid']}.html">{$vv['name']}</a>
            <?php } ?>
        </div>    
    <?php } ?>  
</li>
<?php }} ?>



三层
<?php foreach(get_cate_list(0) as $k =>$vo){ $_two_menu = get_cate_list($vo['cid']); if($_two_menu){ ?>
                <li>
                    <a href="javascript:;">{$vo['name']}</a>
                    <div class="navdown">
                       <div class="juzhong">     
                          <?php foreach($_two_menu as $k2 =>$vo2){ ?>
                            <span>
                                <?php $_three_menu = get_cate_list($vo2['cid']);  if($_three_menu){?>
                                    <a href="javascript:;">{$vo2['name']}</a>
                                    <div class="navdowndown">
                                        <div class="juzhong"> 
                                            <?php foreach($_three_menu as $k3 =>$vo3){ ?>
                                                <a href="/list/{$vo3['cid']}">{$vo3['name']|raw}</a>
                                            <?php } ?>
                                        </div>
                                    </div>
                                <?php }else{ ?>
                                    <a href="/list/{$vo2['cid']}">{$vo2['name']}</a>
                                <?php } ?>
                            </span>
                          <?php } ?>
                       </div>
                    </div>

                </li>
            <?php }else{ ?>
                <li><a href="/cate/{$vo['cid']}">{$vo['name']}</a></li>
            <?php }} ?>

菜单模式的使用

<?php $menu=get_menu_list('site001_menu',0); foreach($menu as $k=>$vo){   $_two_menu = get_menu_list('',$vo['id']); $is_top_menu_cur = is_top_menu_cur($vo,$_two_menu,$menu_type,$cid);  ?>
<li class="{$is_top_menu_cur?'cur':''}">
    <a href="{$vo['url']}">{$vo['name']}</a>
    <?php if($_two_menu){ ?>
        <div class="navdown">
            <?php foreach($_two_menu as $kk=>$vv){ ?>
                <a href="{$vv['url']}">{$vv['name']}</a>
            <?php } ?>
        </div>
    <?php } ?>
</li>
<?php }?>

分离模板 header.html footer.html

{include file='yapeng/public/header'}

对应的目录 yapeng/public/header.html

首页banner的调用

<?php $adv_list = get_adv_list('广告标识符'); if(isset($adv_list['list'])){ foreach($adv_list['list'] as $k=>$vo){ ?>
    <div class="swiper-slide">
        <img src="{$vo['pic']}" class="show">
        <img src="{$vo['pic_wap']}" class="none">
        <div class="bantxt">
          <div class="mainbox">
            <h2>{$vo['name']}</h2>
          </div>      
        </div>  
   </div>
<?php }} ?>

定义路由route.php

...

二级栏目的切换

<?php foreach(get_cate_list(2) as $k=>$vo) { ?>
    <li class="{$cid==$vo['cid']?'cur':''}"><a href="/cate/{$vo['cid']}.html">{$vo['name']}</a></li>
<?php } ?>

面包屑 /上下页

面包屑 {$currentPath|raw}
上一页{$prev|raw}
下一页{$next|raw}

产品详情页

图集的使用
<?php $pics = explode(',',$content['album']);if(is_array($pics)){ foreach($pics as $K=>$vo){ ?>
    <div class="swiper-slide">
       <img src="{$vo}">
    </div>
<?php }} ?>

相关联产品 $relevant

版权自定义(站点授权) 使用授权版自定义版权位置 ZFCOPY 并且使用[]包裹

theme_config

使用模板数据

$theme_config
{$theme_config['copyright']}<a href="https://beian.miit.gov.cn/" target="_blank">{$theme_config['icp']}</a>


统计代码
统计代码的使用,使用了base64加密
<?php echo isset($theme_config['tongji_code']) ? json_decode(($theme_config['tongji_code'])):'';?>

<?php echo isset($theme_config['tongji_code']) ? ($theme_config['tongji_code']):'';?>

访问未登录,保存路径

$fl_arr = [
    'my'
];
if(!$user && !in_array(request()->route()['menu_type'],$fl_arr)){
    if(request()->isAjax()){
        session('tap_login_url',$_SERVER['HTTP_REFERER']); //上一个页面的
        return jserror('请先登录');
    }else{
        $this->redirect('/');

    }
}



如果是本页面的
session('tap_login_url',request()->url());

后台关联产品的写法

<?php if($act=='add'){ ?>
  {$form_widget->form_select(['title'=>'关联产品','name'=>'post_id','data'=>'','list_arr'=>get_post_list(1,999,'post','',1),'id_t'=>'id','name_t'=>'title','theme'=>3])|raw}
  {$form_widget->form_input(['title'=>'排序','name'=>'sort','data'=>0,'theme'=>1])|raw}

<?php }else{ ?>
  {$form_widget->form_select(['title'=>'关联产品','name'=>'post_id','data'=>$data_res['post_id'],'list_arr'=>get_post_list(1,999,'post','',1),'id_t'=>'id','name_t'=>'title','theme'=>3])|raw}
  {$form_widget->form_input(['title'=>'排序','name'=>'sort','data'=>$data_res['sort'],'theme'=>1])|raw}

 <?php } ?> 

热门文章

<?php $post_hits = get_post_list(0,10,'post','','1','','','p.hits desc'); foreach($post_hits as $k=>$vo){ ?>
  <div class="layui-field-box" style="padding: 6px 15px;">
      <a title="{$vo['title']}" target="_blank" href="/detail/{$vo['id']}"><span>{$vo['title']}</span></a>
  </div>
<?php } ?>

友情链接

<?php foreach(get_links_list() as $k=>$vo){ ?>
    <div  class="layui-field-box" style="padding: 6px 15px;">
        <a target="_blank" href="{$vo['url']}"><span>{$vo['name']}</span></a>
    </div>
<?php } ?>

page样式

<style>
    .pagination{
        text-align: center;
        margin-top: 20px;
        font-size: 20px;
    }
    .pagination li{
        width: 32px;
        height: 32px;
        /*background: #dddddd;*/
        text-align: center;
        line-height: 32px;
        display: inline-block;
        margin: 0px 10px;
    }
    .pagination .active{
        background: #1c5e90;
        color: #fff;
    }
</style>
<div>
        {$page|raw}
</div>

提交留言(因为会被解析,下面的代码有所省略)

<form class="info_tj">
    <ul class="clearfix">
        提交的数据  name==>value
        <a class="tijiaos tijiao">提交</a>
    </ul>
</form>


script ====>  src=__STATIC__/style/layer/layer.js


$('.tijiao').on('click',function(){ 
 var index = layer.load(1);
  var data = $('.info_tj input,.info_tj textarea,.info_tj select').serialize();    
  $.ajax({ 
    type:'post', 
    data:data, 
    url:'/liuyan?t=1',
    dataType:'json', 
    success:function(res){ 
      layer.close(index); 
      if(res.result==1){ 
        layer.msg('提交成功', { 
          offset: '15px' 
          ,icon: 1 
          ,time: 1000 
        }, function(){ 
          location.href = '';  
        }); 
      }else{ 
        layer.msg(res.msg,{icon:2}) 
      } 
    } 
  }) 
}) 

其他功能待填充