100 likes | 345 Views
Ecshop(2). www.dodiphp.cn. Ecshop 教学大纲. 1、产品功能特性简介 2、安装产品并熟悉后台管理操作 3、模板管理与模板技巧 4、标签的使用 5、项目实训之模板嵌套 6、产品系统及购物流程 7、系统安全与二次开发指导实战 8、实训项目验收与点评. 3-1、模板管理. 模板机制 ecshop 模板技术是采用了 smarty 模板引擎来处理的, ecshop 就是通过 {} 对的标记 , 来进行模板语句处理和变量处理。包括逻辑判断 .
E N D
Ecshop(2) www.dodiphp.cn
Ecshop教学大纲 • 1、产品功能特性简介 • 2、安装产品并熟悉后台管理操作 • 3、模板管理与模板技巧 • 4、标签的使用 • 5、项目实训之模板嵌套 • 6、产品系统及购物流程 • 7、系统安全与二次开发指导实战 • 8、实训项目验收与点评
3-1、模板管理 • 模板机制 • ecshop模板技术是采用了smarty模板引擎来处理的,ecshop就是通过{}对的标记,来进行模板语句处理和变量处理。包括逻辑判断. • ecshop模板,有自己的命名规则,也有自己传递变量的方法,ecshop模板可以很大程度上共用公共内容,比如头部和底部,有些栏目也可以共享,这就是下次要讲述的lbi文件. • ecshop模板以dwt结尾,他位置于themes目录,,核心文件lbi结尾,位置于library文件夹.在后台模板文件为.htm格式的。这个都可以灵活定义. • 前台默认模板路径 themes\default • 前台默认模板库文件路径 themes\default\library • 后台模板文件 admin\templates
3-2、模板语法 • images 目录 存放模板图片目录 • library 目录 存放模板库文件目录 • screenshot.png 图片 用于“后台管理 -> 模板管理 -> 模板选择”显示模板缩略图。 • style.css css样式表 • 提醒: • 1, 更改模板文件里面库文件的内容是无效的,页面刷新时,程序自动重新载入库文件内容到模板文件里(以库文件内容为准)。 • 2, 模板内所有id值为 ECS_ 开头的都必须保留(和ajax相关)。 • 3, 非库文件内容不可放置到可编辑区域内,否则设置模板时,非库文件内容将被覆盖删除。
3-1、模板管理 1.Js文件插入 • 前台插入js js文件放在根目录下的js文件夹里 • {insert_scripts files='transport.js,utils.js'} • 后台插入js js文件放在admin/js文件夹里 • {insert_scripts files="../js/transport.js,common.js"} 2.插入库文件 <!-- #BeginLibraryItem "/library/page_header.lbi" --><!-- #EndLibraryItem -->
3-2、模板语法 • 1.foreach {foreachfrom=标签 item=输出别名} {$输出别名.属性} {/foreach} • 当需要用到控制时: {foreachname=标签名 from=标签 item=输出别名} {$输出别名.属性} {$smarty.foreach.标签名.iteration} {/foreach}
3-2、模板语法 • 当输出别名含有数组时,需要嵌套该结构: {foreachfrom=标签 item=输出别名1} {foreach from=$输出别名1 item=输出别名2} {$输出别名2.属性} {/foreach} {/foreach} • 2.assign • {assign var=变量名 value=值}
3-2、模板语法 • 3.if <!-- {if 条件} --> 代码////// <!-- {/if} --> == eq $a eq $b 等于 != ne,neq $a neq $b 不等于 > gt $a gt $b 大于 < lt $a lt $b 小于 >= gte,ge $a ge $b 大于等于 <= lte,le $a le $b 小于等于 === $a ==== $b 恒等,当两边都是常量或变量且值相等时为真,否则为假。 ! not not $a 逻辑非 % mod $a mod $b 取余数
3-2、模板语法 • 3.if • {if $name eq "fred"} • welcome sir. • {elseif $name eq "wilma"} • welcome ma'ma. • {else} • welcome • {/if} • {if $name eq "fred"} • .... • {/if}
4-7、模板嵌套流程总结 • 1、准备好静态模板页面(切图) • 2、新建一套新模板 themes/mytemplates/ • 3、将模板进行合理分切,如首页模板:Header+index+footer 其他模块的模板也可参考默认模板的分布形式 • 4、获取该模板中在默认模板中包含的标签 • 5、将标签嵌套进模板页面中,完成模板制作。