ecstore企业版模板机制技术交付文案_第1页
ecstore企业版模板机制技术交付文案_第2页
ecstore企业版模板机制技术交付文案_第3页
ecstore企业版模板机制技术交付文案_第4页
ecstore企业版模板机制技术交付文案_第5页
已阅读5页,还剩26页未读 继续免费阅读

付费下载

下载本文档

版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领

文档简介

1112挂件区域2挂件2边框2系统级区域22441.45678899 模板开发测试环 模板包的首次加 完善模板 重用框 重用系统级样式 优势和创新以在管理进行所见即所得的网店2.模板缓存、自定义URL帮你分担后端3.挂件机制可以满足你站外嵌入的需模板机制中的挂件是ShopEx模板机制中的一个重要角色,它能根据条件从后端取得数据然后根据“挂件级页面模板”来包装成一个小板描述文件(themexml)中,以便可视化编辑时改变一个板块的风格。 系统级区域用于输出系统的交互流程。这些区域的html\javascript是不能在模板包中直接定义的,模板包唯一能影响到这些系统级区域的是css样式定义,因为模板包的样式表是在系统级样式之后加载。默认模板页是在模板包中未定义某个页面的布局时,默认调用的页面布局。例如你的模板包中只包含了两个页面的定义: 创建一个模板包id保持一致,并且应该由数字和英文小写组成。<?xml<?xmlversion="1.0"encoding="UTF-8" <setkey="边栏样式tpl="borders/border1html<setkey="商品分类tpl="borders/border2html<setkey="商店公告tpl="borders/border3html<setkey="品牌热 "tpl="borders/border4html"<setkey="热 "tpl="borders/border5html"<setkey="首页商品列表tpl="borders/border6html<setkey="页尾文章列表tpl="borders/border9html<set ""/>xml模板包的名称,将会出现在管理模板列表模板含的边框定义描widgets每个模板页将用到的公共页面(headerhtml、footer<!doctype<!doctype}>将输出系统级<linkrel="stylesheet"type="text/css"href="images/fsgw-style.css"<!--模板包样式的引入,(”images/”是必须的,因为在页面渲染时,它会被替换为绝对路径)<div<div<divclass=”top-bar<divclass=”span- <divclass=”span-auto<{widgetsid=”header-login<!--一个挂件区域,(id是唯一的)<div<{widgetsid=”header-nav”}><!--一个挂件区域,(id是唯一的)<div<div<div<{widgetsid="footer-<!--一个挂件区域,(id是唯一的)<{footer<!--javascript\用户自定义的底部信息例如:(footer首页模板(indexhtml)<{require<{requirefile="headerhtml"}><!--引入公共的头部(头部的挂件区块会被解析)<div<div <divclass=”contentc-1<divclass=”span-4m-<div<divclass=”t”>商品分类<div<divclass=”span-10m-"}><{require<{requirefile="headerhtml"}><!--引入公共的头部(头部的挂件区块会被解析)<div<divclass=”content<divclass=”span-4m-<{widgetsid=‘m-<divclass=”span-10m-"}>bordershtml,html<div<divclass="border1<{$widgets_classname}>" 定义的边框className、id-- }>例如:borders/border1存放模板资源文件,例如css\js\、模板效果图是一张直观的模板效果(120*160px),可以在管理模板列表看到它以区分模板theme.xmltheme_bak.xml在上述中themexmltheme_bak.xml(如下图,一个新模板包内只有themexml文件,当使用了在管理通过模板列表上的“备份模板”,“模板还原”下拉框中会增加一个“最近一次备份”节点。)xml(如下为themexml内的代码<?xml<?xmlversion="1.0"encoding="UTF-8" <setkey="111111tpl="borders/border1.html<setkey="商品分类tpl="borders/border2html<setkey="商店公告tpl="borders/border3html<setkey="品牌热 "tpl="borders/border4html"<setkey="热 "tpl="borders/border5html"<setkey="首页商品列表tpl="borders/border6html<setkey="页尾文章列表tpl="borders/border9html(如下为theme_bak.xml内的代码 通过模板列表上的“模板还原”至“默认”节<?xmlversion="1.0"encoding="UTF-8" <setkey="222222tpl="borders/border1.html<setkey="商品分类tpl="borders/border2html<setkey="商店公告tpl="borders/border3html<setkey="品牌热 "tpl="borders/border4html"<setkey="热 "tpl="borders/border5html"<setkey="首页商品列表tpl="borders/border6html<setkey="页尾文章列表tpl="borders/border9html“模板还原”至“最近一次备份”每一次的“备份模板”的操作,是以数据库的信息备份以及配置覆盖到theme_bak.xml文件内,而此操作是不对原始的themexml文件进行修改,覆盖。你可以生成一个基础的模板 模板包的首次加载如果你在板的开发,请先在管理应用中心安装一个应用程序:《开发者工具》安装方法:点击管理右上“应用中心”,找到“开发者工具”,进行安装之后,你将在模板列表上方看到”“按钮当首次构建好基础模板包。此刻应将模板文件夹到网店模板既:/themes下首次的模板加载应通过文件夹的方式放置到指定位置(/themes/)下。完善模板包名称可以理解为对文件的备注,文件名会自动追加html后缀,页面源码会模板默认布局页源码在此可以修改html源码页可以只输入名称和文件名先生成html()$ile))(casme))如果要在源码编辑删除一个<{widgets}>(挂件版块区域),请先在可视化编辑中删除此区域中的所有的挂件实例。配置页(_config[如果配置页不需要从系统内取得数据,则此器无需制作。挂件渲染模板 (_preview.html)[可选mywidget挂件的目的是实现一个根据管理员的配置台显示一组商品信息 建立widgets文件在widgets文件夹内创建mywidget ='1';//是否出现在挂件中心首页 te']='flash.html'=>’用flash展示);<!-<!-编写挂件配置页html时候,不需要body\titleform。此代码块共享管 的资源(javascript\css\)_confightml代码块只是挂件配 下列代码中的$data数组由挂件配置 器返回,smarty协助抛向页面$settingsmarty--<div<h4>商品展示规则<select<{foreachfrom=$dataitem=orderby<optionvalue="<{$key}>"<{if<inputname=”limit”value=”<{$setting.limit}>”_config.html(命名规则定死“theme_widget_cfg_”modelfunction$appapp::get(‘b2c’);//app实例,b2capp下的goodsmodel所有创建b2capp$model_goods=$app->model('goods');//goodsmodelreturn$model_goods->orderBy();//返回商品排序规则datemap,在挂件配置模板 $date} defaultdefaulthtml(命名规则应与widget.php挂件描述文件中 te']保持一致<!-挂件模板同挂件配置模板页一样,都是一个代码片段,无需加入body\title\等html 挂件模板中的<style></style>中定义将会合并到一个css文件中被引入到<head>头部(mywidget)挂件模板中的‘image/‘将会被替换为绝对路径,你可以在挂件包中创建一个images文件夹用来存放<style>#<{widgets_id}>_mywidge{background:url(‘images/bg.pngstyle>,在渲染到前台时,系统将自动替换images/为绝对路径。--<divclass="GoodsListWrapGoodsListGoodsShow"<{ifcount($data.goods)><{foreachfrom=$data.goodsitem=product商品名称:<{$productname}><br创建挂件“theme_widget_”开头,挂件包名结尾。function{$app=$o=&app-$limit=$filter=$data['goods']=$o-return //}(_preview.html命名规则定死<!-<!---<div当创建好一个模板级挂件。可以在管理通过模板列表上面的“”按钮绑定挂件到模板(如下图,经过绑定后下图为挂件配置框,上文提到,_config.html正式挂件版块配置时的一部分,在挂入到模板挂件区域时,你还可以包装系统级资源的重用在制作模板、挂件的过程中,你可以随时使用框架Mootools的公开接口,它提供了强大的节点寻找、强化javascript我们台引入了一个简单的样式表封装(frameworks.css)、里面有常用的布局、浮动、字体、内外补丁等class定义前台有一个强大的效果库封装(switchable.js),它提供了大部分效果的轻松实现机制。还提供了区块、延迟加系统级区域<{main}>的修改 建立customsite文件夹在customsite(product1html和规格页spec1<div<div<{if$goods.spec//theme:路径下的customsite文件夹下的spec1修改模板文件夹的themexml<?xml<?xmlversion="1.0"encoding="UTF-8" <setkey="边栏样式tpl="b

温馨提示

  • 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

评论

0/150

提交评论