模板开发说明-模板引擎使用方法乐众主机
模板开发说明-模板引擎使用方法乐众主机【开发者帮助】模板开发说明-模板引擎使用方法
首先需要导入数据库插入一条数据,表名称 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}-->
页:
[1]