电子商务 iwebshop 二次开发文档(简单版).docx
-
资源ID:1673055
资源大小:1.43MB
全文页数:9页
- 资源格式: DOCX
下载积分:16金币
友情提示
2、PDF文件下载后,可能会被浏览器默认打开,此种情况可以点击浏览器菜单,保存网页到桌面,就可以正常下载了。
3、本站不支持迅雷下载,请使用电脑自带的IE浏览器,或者360浏览器、谷歌浏览器下载即可。
4、本站资源下载后的文档和图纸-无水印,预览文档经过压缩,下载后原文更清晰。
5、试题试卷类文档,如果标题没有明确说明有答案则都视为没有答案,请知晓。
|
电子商务 iwebshop 二次开发文档(简单版).docx
模板目录与初始文件模路径与文件在开始制作之前,我们先来了解下SHOP的模板路径与文件SHOP的模板文件与皮肤放置在不同的目录下模板存放在./templates目录下皮肤存放在./skin目录下下面针对默认模板做一下结构说明默认模板存放在 ./templates/default目录下1、 模块文件,文件夹中存放着可重复调用文件、模块,一般有头部、底部、侧栏等2、 框架文件,网站功能的整体框架页面对应的默认风格存放在./skin/default目录下1、文件夹中存放对应模板方案的图片、样式表、JS等文件初始文件新建立一套模板的方法,复制一份默认模板方案与默认风格文件夹,放在相应的目录内,给新模板起一个名字,把两个文件夹同时更改成该名称。或者直接在./templates与./skin建立空的文件夹,然后把做好的 html 页面按照 iweb_sns 模板命名规则命名并存放到模板目录。登陆后台全局设置模板管理,找到你刚才建立的新模板选择应用模板,这样你就可以启用新的风格了建立网站框架、划分结构以默认模板为例子下面是首页设计好的效果图,我们来做一下区域划分,与常规的制作一样,成静态页面后把公共的部分分离出来,常见的有头部、底部与侧栏,引用他们到框架,用这样的语句inc: include("shop/独立出来的文件名");/我们可以根据上面的划分,规划出简单的布局框架如下:inc: include("shop/header.html");/<div class=”main”><div class=”focus”></div><div class=”sidebar”></div><div class=”content”></div></div>inc: include("shop/footer.html);/这段代码放置于index.html内,调用了头部文件header.html与底部文件footer.html。这样之后,我们需要在每个详细的区域来写入我们的模块布局,然后再把IWEBSHOP标签套入进去。下面是几个公共的框架页结构,分别负责不同的功能页面,这些页面往往是网站的基础功能,Index.html网站首页brand.html品牌专区页brand_list.html品牌详细页compare.html商品对比页inquiry.html查询页login.html登陆页search.html搜索结果页search_ad.html高级搜索页search_tag.html搜索标签页下面的页面存放于模板的SHOP目录下article.html文章详细article_list.html文章列表页auction.html拍卖详细auction_list.html拍卖列表error.html错误页exchange.html商品兑换exchange_list.html商品兑换列表goods.html产品详细页groupbuy.html团购页groupbuy_list.html团购列表页payrespond.html支付回应special.html活动专题页special_list.html活动专题列表页可以根据上面的页面说明来更改你想改变的功能页面的风格,也可以新建空白HTML文件来放入自己的布局,然后把IWEBSHOP的标签套到你的布局里,但HTML文件名和结构必须与默认模板一致。其他如头部、底部文件等公共存放在modules下,注册与会员中心分别在modules下的reg与user目录下,商品分类则在categrouop目录下可以根据自己的需要更改相应的HTML文件,同时,如功能页一样,你也可以 新建立空白的HTML文件来放入自己的全新布局,然后在套入IWEBSHOP标签,HTML文件名必须与默认模板一致。这时候如果你后台启用了你更改的模板,就可以在前台查看实际效果了。建议这时使用DEBUG模式,如果未使用需要你每更改一次模板,需要后台编译后才能看到效果。CSS,IMAGES,JS文件的引入与路径处理通常我们静态路径是这样的,<link href="./css/layout.css" type="text/css" rel="stylesheet" />在IWEBSHOP里,需要更改成<link href="skin/echo: $SYSINFO'templates'/css/layout.css" type="text/css" rel="stylesheet" />同样,IMAGES,JS也需要这样的路径。标签数据调用IWEBSHOP使用标签化来灵活的调用数据,我们来以上面的默认风格为例,讲一下IWEBSHOP的标签调用。首先我们根据目录找到对应首页的index.html文件,用编辑器打开它,头部信息我们可以看到我们的HTML里套上了IWEBSHOP的标签如<title>echo: $header'title'/</title>我们给静态页的TITLE套上了标题输出echo: $header'title'/标签,这样我们就可以动态输出页面的标题了页面关键字echo: $header'keywords'/介绍echo: $header'description'/网站地址echo: $baseUrl;/模板文件夹名称echo: $SYSINFO'templates'/网站头部(公共)网站名称echo: $SYSINFO'sys_name'/网站底部(公共)帮助文章标签系统帮助文章分类地址echo:article_list_url($value'cat_id');/系统帮助文章分类名称echo:$value'cat_name'/系统帮助文章地址echo:article_url($v'article_id');/系统帮助文章名称echo:$v'title'/语法sta:if($catlist)exc sta:foreach($catlist as $value)loop文章分类内容sta:foreach($result as $v)if($v'cat_id' = $value'cat_id')exc文章内容end:foreach/end:foreach/end:if/关于商城文章标签文章地址echo:article_url($value'article_id');/文章名称echo:$value'title'/语法sta:if($about) foreach($about as $value)loop内容sta:if($value!=end($about)echo "|"if/版权标签公司名称echo: $SYSINFO'sys_company'/版权信息echo: $SYSINFO'sys_copyright'/ICP备案echo: $SYSINFO'sys_icp'/内容区域(index.html)幻灯片标签幻灯片图片链接echo:$value'images_link'/幻灯片图片URLecho:$value'images_url'/幻灯图片ALTecho:$value'name'/语法我们会用到这样的语法来开始和结束这段调用sta:foreach($images_info as $value)exc幻灯片内容end:if/标签幻灯片数字echo:$i;/语法sta:for($i=1;$i<=count($images_info);$i+)loop内容end:for/以幻灯片图片调用为例顺便讲一下套用的方法这是我们切好的HTML静态页面的幻灯片布局<div><ul><li><a href=”#”><img src=”#” alt=”#” /></a></li><li><a href=”#”><img src=”#” alt=”#” /></a></li><li><a href=”#”><img src=”#” alt=”#” /></a></li></ul></div>根据上面我们的标签说明与语法,我们将标签套成动态的就是这样<div><ul>sta:foreach($images_info as $value)exc<li><a href=”echo:$value'images_link'/”><img src=” echo:$value'images_url'/” alt=” echo:$value'name'/” /></a></li>end:if/</ul></div>商品分类标签商品分类的IDecho:$cat'cat_id'/商品分类的名称echo: $cat'cat_name'/商品子分类的IDecho:$subcat'cat_id'/商品子分类的名称echo: $subcat'cat_name'/语法sta: foreach($CATEGORY0 as $cat)loop商品主分类内容sta:if(isset($CATEGORY$cat'cat_id') && $CATEGORY$cat'cat_id')excsta: foreach($CATEGORY$cat'cat_id' as $subcat)loop商品子分类的内容end:foreach/end:if/网站公告文章标签文章URLecho: article_url($value'article_id');/文章名称echo: $value'title'/截取字符长度的文章名称echo: sub_str($value'title',22,false);/(更改字符长度可以更改标签中的数字部分22)语法sta: foreach($notice as $value)loop内容end:foreach/品牌推荐标签品牌地址echo:brand_list_url($value'brand_id');/品牌图片地址echo:$value'brand_logo'/品牌名称echo:$value'brand_name'/语法sta: foreach($brand_rs as $value)loop内容end:foreach/商品标签商品地址echo: goods_url($value'goods_id');/商品图片地址echo: $value'is_set_image' ? $value'goods_thumb' : 'skin/default/images/nopic_small.gif'/商品名称echo: $value'goods_name'/带字符限制的商品名称echo: sub_str($value'goods_name',52,false);/(同样你也可以更改标签中的数字52来更改字符数量)收藏人气echo:$value'favpv'商品价格echo:$value'goods_price'/语法推荐商品语法sta: foreach($goods_best as $value)loop内容end:foreach/热门商品语法sta: foreach($goods_hot as $value)loop内容end:foreach/商品数量的变更方法在网站的根目录下找到models文件夹中的index.php文件打开,查找第51行和52行,分别是促销与热门商品,更改它们末尾的数字8为你想要显示的商品数量。同样道理你可以继续找到第55行和56行,分别是推荐品牌与公告文章,更改他们末尾的数字10和4为你想显示的数量