smarty模板html片段,七. 已有模板(纯html)与smarty结合

1. 模板文件引入css、js、img文件

路径相对“入口程序”文件设置

2. 设置css样式文件本身的图片路径

路径相对css文件本身设置

![](https://box.kancloud.cn/e06fbbd2dd032197a0b7ceab3dccb81a_553x293.png)

通过上图可以看出来,css文件本身的图片路径必须相对于css文件本身设置。

结合具体步骤:

①把模板复制到View目录

②复制js、css、img静态资源文件到public指定目录

③在模板文件中设置路径引入静态资源(js/css/img)文件,路径相对入口文件设置

④css文件本身有引入img图片,其路径相对css文件设置

⑤在入口php文件获得变量信息用于模板显示

![](https://box.kancloud.cn/a2c56b2cbe94bd2b178f6bf0a91f43b5_1107x175.png)

![](https://box.kancloud.cn/b16798453f0be26cfcc63b5620a15aa5_1102x225.png)

总结:

1.迷你版模板引擎开发

核心:{}模板标记替换为php语法标记

assign()

compile()

display()

2.使用成熟的smarty

assign()

display()

$smarty->setTemplateDir(模板目录名称)

$smarty -> setCompileDir(混编目录名称)

3.可以使用的变量信息

①assign变量信息

②保留变量信息

{$smarty.get.名称} session cookies post server env

now template

③配置变量信息

使用: {#名称#} {$smarty.config.名称}

设置各个段设置配置变量

[段名称]

名称=值

{config_load file=”配置文件” section=”段名称”}

4.数组的使用

①元素使用 {$数组.下标} {$数组[下标]}

②遍历:{foreach $数组 as $k => $v}

{$v@iteration}

{$v@index}

{$v@first}

{$v@last}

{foreachelse}

{/foreach}

5.分支结构

{if 条件}

{elseif条件}

{else条件}

{/if}

6.快捷应用

复选框:{html_checkboxes name=”名称” options=”值-显示数组” selected=”默认选中项目” label_ids=true}

下拉列表:{html_options name=”名称” options=” 值-显示数组” selected=”默认选中项目”}

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值