模板开发说明-模板引擎使用方法乐众主机

源码技术

模板开发说明-模板引擎使用方法乐众主机
【开发者帮助】模板开发说明-模板引擎使用方法
首先需要导入数据库插入一条数据，表名称 lzsys_system_view 参数如下：
20240304-lzsys62773.png
可使用下面的SQL语句快速插入  请修改对应值后在执行SQL语句：
INSERT INTO `idc_lzsys_com`.`lzsys_system_view` (`view_id`, `view_name`, `view_file`, `view_status`, `view_type`, `view_port`, `app_id`, `view_imges`) VALUES (null, '首页自适应1号', 'lzsys_xxx', 1, 'pc', 'index', 10016, 'https://www.lzsys.com/file/imges/20231024/20231024-lzsys54422.png');
如开发首页模板：
1、在 view/index/index/ 新建文件夹 改名为 lzsys_xxx （这里的xxx请自己定义）
2、然后进入该文件夹里面 创建一个文件 index.html  如果你已经插入了该模板信息，请到后台 应用中心 我的模板中 使用此模板
#3、编辑 index.html  输入  
<!--{$app_config.app_name}-->
4、浏览器访问你的网站首页，如果出现 你的网站名称  则表示模板初步配置成功
5、可以把公共库文件统一放一个位置，比如 头部文件，底部文件 公共js、css、图片等（放到 view/index/default/lzsys_xxx 下面）
接下来查看模板引擎规则和调用代码
模板标签以 <!--{  为左边  }--> 为 右边 中间乃是读取变量的内容
采用的 smarty3.0 模板引擎库
#引入文件方式（必须是html文件）：
<!--{include file="nav.html"}-->

#循环方式：
<!--{foreach $array item=value}-->
<!--{/foreach}-->

#判断方式：
<!--{if $var=="1"}-->
<!--{else}-->
<!--{/if}-->

#模板中定义变量
<!--{assign var="var1" value=10}-->

#输出上面定义的变量
<!--{$var1}--> 同等于 PHP的 echo $var1;

#格式化事件
<!--{$smarty.now|date_format:"Y-m-d H:i:s"}-->  $smarty.now是获取当前时间戳 也可以改成其他时间戳变量

# $_SERVER 变量
<!--{$smarty.server}--> 如调用 <!--{$smarty.server.HTTP_HOST}-->

# $_POST 变量
<!--{$smarty.post}--> 如调用 <!--{$smarty.post.data}-->

# $_GET 变量
<!--{$smarty.get}--> 如调用 <!--{$smarty.get.data}-->


#如引入头部文件
<!--{include file="../../default/lzsys_xxx/header.html"}-->



#假设在公共文件库里面放了个 logo.png 文件 可通过下面方法访问该文件：
<!--{$view_default}-->lzsys_xxx/img/logo.png
<!--{$view_default}--> 储存的是公共库的上级主地址

系统变量
<!--{$app_config}--> 里面包含了 网站名称 关键词 描述 QQ logo等信息 具体如下：

20240304-lzsys83444.png


输出友情链接：


                    <!--{foreach $set_url item=value}-->
                    <!--{if $value.target=="_blank"}-->
                    <a href="<!--{$value.set_url}-->"  target="_blank"><!--{$value.set_name}-->（新窗口）</a>
                    <!--{else}-->
                    <a href="<!--{$value.set_url}-->"  ><!--{$value.set_name}-->（原窗口）</a>
                    <!--{/if}-->
                    
                    <!--{/foreach}-->
                    

输出排序第一到第五的五个品牌：


    <!--{foreach $shop_brand item=value}-->
    <a href="/shop/<!--{$value.shop_brand_id}-->.html" class="flex"><!--{$value.brand_name}--></a>
    <!--{/foreach}-->

输出排序第六到第九的四个品牌：


    <!--{foreach $shop_brand2 item=value}-->
    <a href="/shop/<!--{$value.shop_brand_id}-->.html" class="flex"><!--{$value.brand_name}--></a>
    <!--{/foreach}-->
   

输出导航菜单：

                    <!--{foreach $set_nav item=value}-->
                    <!--{if $value.target=="_blank"}-->
                                <a href="<!--{$value.set_url}-->" target="_blank" ><!--{$value.set_name}-->-新窗口</a>            
                    <!--{else}-->
                                <a href="<!--{$value.set_url}-->"  ><!--{$value.set_name}-->-原窗口</a></div>   
                    <!--{/if}-->
                    <!--{/foreach}-->

输出文章栏目：

                            <!--{foreach $news_class item=value}-->         
                                <a href="/class/<!--{$value.class_id}-->.html"><!--{$value.class_name}--></a>
                            <!--{/foreach}-->

输出文章列表：

<!--{foreach $news item=value}-->
    <a href="/news/<!--{$value.news_id}-->.html" title="【<!--{$value.class_name}-->】<!--{$value.news_name}-->">【<!--{$value.class_name}-->】<!--{$value.news_name}-->    </a>
<!--{/foreach}-->

首页输出排序第一的栏目并且输出下面四个文章：

            <!--{foreach $new_class1 item=value}-->
                                                <li>
                    <a href="/news/<!--{$value.news_id}-->.html" target="_blank" title="<!--{$value.news_name}-->" >
                        <p><span><!--{$value.news_name}--></span></p>
                        <span><!--{$value.create_time|date_format:"Y-m-d"}--></span>
                    </a></li>
            <!--{/foreach}-->

首页输出排序第二的栏目并且输出下面四个文章：

            <!--{foreach $new_class2 item=value}-->
                                                <li>
                    <a href="/news/<!--{$value.news_id}-->.html" target="_blank" title="<!--{$value.news_name}-->" >
                        <p><span><!--{$value.news_name}--></span></p>
                        <span><!--{$value.create_time|date_format:"Y-m-d"}--></span>
                    </a></li>
            <!--{/foreach}-->

首页输出排序第三的栏目并且输出下面四个文章：

            <!--{foreach $new_class3 item=value}-->
                                                <li>
                    <a href="/news/<!--{$value.news_id}-->.html" target="_blank" title="<!--{$value.news_name}-->" >
                        <p><span><!--{$value.news_name}--></span></p>
                        <span><!--{$value.create_time|date_format:"Y-m-d"}--></span>
                    </a></li>
            <!--{/foreach}-->

首页输出排序第四的栏目并且输出下面四个文章：

            <!--{foreach $new_class4 item=value}-->
                                                <li>
                    <a href="/news/<!--{$value.news_id}-->.html" target="_blank" title="<!--{$value.news_name}-->" >
                        <p><span><!--{$value.news_name}--></span></p>
                        <span><!--{$value.create_time|date_format:"Y-m-d"}--></span>
                    </a></li>
            <!--{/foreach}-->

接下来 测试输出商品（先看最上面的说明 插入商品模板数据库）

到 view/index/product/目录下面新建模板文件夹名称 lzsys_xxx   然后在下面新建文件 product.html

输出品牌：

            <!--{foreach $shop_brand_all item=value}-->
             <a href="/shop/<!--{$value.shop_brand_id}-->.html"  title="<!--{$value.brand_name}-->"><!--{$value.brand_name}--></a>
            <!--{/foreach}-->
            
            #下面是注释说明
            <!--{$value.shop_brand_id}-->  品牌的ID
            <!--{$value.brand_name}-->  品牌的名称
            <!--{$brand_default.brand_describe}--> 品牌的介绍
            其他参数看下面截图

20240305-lzsys61016.png

品牌输出结果：

20240305-lzsys83729.png


输出可用区/地域：

             <!--{foreach $shop_region item=value}-->
<a href="/shop/<!--{$brand_default.shop_brand_id}-->/<!--{$value.shop_region_id}-->.html">
<!--{$value.region_code}-->
<!--{$value.region_name}-->
</a>

            <!--{/foreach}-->
            
            #下面注释说明
            <!--{$value.region_code}--> 这个表示的是图标
            其他参数看下面截图

20240305-lzsys49222.png


地区输出结果：地区必须是你点击品牌之后，品牌下面有地区才会输出

20240305-lzsys40746.png


输出大区：

             <!--{foreach $shop_available item=value}-->
<a href="/shop/<!--{$brand_default.shop_brand_id}-->/<!--{$region_default.shop_region_id}-->/<!--{$value.shop_available_id}-->.html" >
<!--{$value.available_code}-->
<!--{$value.available_name}-->
</a>
            <!--{/foreach}-->
            #参数说明看下面截图

20240305-lzsys43353.png


输出商品列表：（模板引擎输出方式）

弹性套餐商品输出

        <!--{if $shop_product.product_default=="1"}-->
        <!-- 弹性套餐开始-->
        <!--{foreach $buy_shop item=value}-->


               
                    <a href="javascript:;"
                        style="color: #07164e;margin-top: 5px;margin-left: 12px;display: inline-block;width: 90px;"><!--{$value.text}-->：</a>
                    <a href="javascript:dell_show_<!--{$value.name}-->();" class="a_btn" style="color:#fff">-</a>
                     
                    <input type="text" value="<!--{$shop_product.product_remark[$value.default]}-->"
                        id="show_<!--{$value.name}-->" name="show_<!--{$value.name}-->"
                        style="width:40px;height:30px;text-align:center;border-radius: 10px;" value="150"
                       >
                    <a href="javascript:;"
                        style="color: #07164e;margin-top: 5px;margin-left: 1px;"><!--{$value.unit}--></a>
                     
                    <a class="a_btn" style="color:#fff" href="javascript:add_show_<!--{$value.name}-->();"> + </a>
               
                <input type="range" step="<!--{$shop_product.product_remark[$value.step]}-->"
                    min="<!--{$shop_product.product_remark[$value.min]}-->"
                    max="<!--{$shop_product.product_remark[$value.max]}-->"
                    value="<!--{$shop_product.product_remark[$value.default]}-->" style="width1:100%!important"
                    id="range_<!--{$value.name}-->" />



        <input type="hidden" id="price_<!--{$value.name}-->" value="<!--{$shop_product.product_remark[$value.price]}-->" />

        <br>
        <br>
        <!--{/foreach}-->
        <!--{include file="../../default/js1.html"}--> <!--这里是弹性套餐的JS控制文件，无需改动，但必须引入-->
        
        <!-- 弹性套餐结束-->
        <!--{else}-->
        <!-- 固定套餐开始-->
        
        
        
        <!-- 固定套餐结束-->
        <!--{/if}-->