《电子商务 iwebshop 二次开发文档(简单版)》由会员分享，可在线阅读，更多相关《电子商务 iwebshop 二次开发文档(简单版)（12页珍藏版）》请在金锄头文库上搜索。
1、电子商务 iwebshop 二次开发文档(简单版) iwebshop电子商务软件 二次开发文档 模板名目与初始文件 模路径与文件 在开头制作之前，我们先来了解下SHOP的模板路径与文件 SHOP的模板文件与皮肤放置在不同的名目下 模板存放在./templates名目下 皮肤存放在./skin名目下 下面针对默认模板做一下结构说明 默认模板存放在 ./templates/default名目下 1、 模块文件，文件夹中存放着可重复调用文件、模块，一般有头部、底部、侧栏等 2、 框架文件，网站功能的整体框架页面 对应的默认风格存放在./skin/default名目下 1、文件夹中存放对应模板方案的图
2、片、样式表、JS等文件 初始文件 新建立一套模板的方法，复制一份默认模板方案与默认风格文件夹，放在相应的名目内，给新模板起一个名字，把两个文件夹同时更改成该名称。或者直接在./templates与./skin建立空的文件夹，然后把做好的 html 页面根据 iweb_sns 模板命名规章命名并存放到模板名目。 登陆后台全局设置模板管理，找到你刚才建立的新模板选择应用模板，这样你就可以启 iwebshop电子商务软件 二次开发文档 用新的风格了 建立网站框架、划分结构 以默认模板为例子 下面是首页设计好的效果图，我们来做一下区域划分， iwebshop电子商务软件 二次开发文档 iwebshop
3、电子商务软件 二次开发文档 iwebshop电子商务软件 二次开发文档 与常规的制作一样，成静态页面后 把公共的部分分别出来，常见的有头部、底部与侧栏，引用他们到框架，用这样的语句 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.
4、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
5、.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活动专题列表页 可以依据上面的页面说明来更改
6、你想转变的功能页面的风格，也可以新建空白HTML文件来放入自己的布局，然后把IWEBSHOP的标签套到你的布局里，但HTML文件名和结构必 iwebshop电子商务软件 二次开发文档 须与默认模板全都。 其他如头部、底部文件等公共存放在modules下,注册与会员中心分别在modules下的reg与user名目下,商品分类则在categrouop名目下 可以依据自己的需要更改相应的HTML文件，同时，如功能页一样，你也可以 新建立空白的HTML文件来放入自己的全新布局，然后在套入IWEBSHOP标签，HTML文件名必需与默认模板全都。 这时候假如你后台启用了你更改的模板，就可以在前台查看实际效
7、果了。 建议这时使用DEBUG模式，假如未使用需要你每更改一次模板，需要后台编译后才能看到效果。 CSS，IMAGES，JS文件的引入与路径处理 通常我们静态路径是这样的， link href=./css/layout.css type=text/css rel=stylesheet / 在IWEBSHOP里，需要更改成 link href=skin/echo: $SYSINFOtemplates;/css/layout.css type=text/css rel=stylesheet / 同样，IMAGES，JS也需要这样的路径。 标签数据调用 IWEBSHOP使用标签化来敏捷的调用数据，我
8、们来以上面的默认风格为例，讲一下IWEBSHOP的标签调用。 首先我们依据名目找到对应首页的index.html文件，用编辑器打开它， 头部信息 我们可以看到我们的HTML里套上了IWEBSHOP的标签 如titleecho: $headertitle;/title 我们给静态页的TITLE套上了 标题输出echo: $headertitle;/ 标签，这样我们就可以动态输出页面的标题了 页面关键字echo: $headerkeywords;/ 介绍echo: $headerdescription;/ 网站地址echo: $baseUrl;/ 模板文件夹名称echo: $SYSINFOtemp
9、lates;/ 网站头部（公共） 网站名称echo: $SYSINFOsys_name;/ 网站底部（公共） 关心文章 标签 系统关心文章分类地址echo:article_list_url($valuecat_id);/ 系统关心文章分类名称echo:$valuecat_name;/ 系统关心文章地址echo:article_url($varticle_id);/ 系统关心文章名称echo:$vtitle;/ 语法 sta:if($catlist)exc iwebshop电子商务软件 二次开发文档 sta:foreach($catlist as $value)loop 文章分类内容 sta:f
10、oreach($result as $v)if($vcat_id = $valuecat_id)exc 文章内容 end:foreach/ end:foreach/ end:if/ 关于商城文章 标签 文章地址echo:article_url($valuearticle_id);/ 文章名称echo:$valuetitle;/ 语法 sta:if($about) foreach($about as $value)loop 内容 sta:if($value!=end($about)echo |; if/ 版权 标签 公司名称echo: $SYSINFOsys_company;/ 版权信息echo
11、: $SYSINFOsys_copyright;/ ICP备案echo: $SYSINFOsys_icp;/ 内容区域（index.html） 幻灯片 标签 幻灯片图片链接echo:$valueimages_link;/ 幻灯片图片URLecho:$valueimages_url;/ 幻灯图片ALTecho:$valuename;/ 语法 我们会用到这样的语法来开头和结束这段调用 sta:foreach($images_info as $value)exc 幻灯片内容 end:if/ 标签 幻灯片数字echo:$i;/ 语法 sta:for($i=1;$i=count($images_info
12、);$i+)loop 内容 end:for/ 以幻灯片图片调用为例顺便讲一下套用的方法 这是我们切好的HTML静态页面的幻灯片布局 div ul lia href=”#”img src=”#” alt=”#” /a/li iwebshop电子商务软件 二次开发文档 lia href=”#”img src=”#” alt=”#” /a/li lia href=”#”img src=”#” alt=”#” /a/li /ul /div 依据上面我们的标签说明与语法，我们将标签套成动态的就是这样 div ul sta:foreach($images_info as $value)exc lia hr
13、ef=”echo:$valueimages_link;/” img src=” echo:$valueimages_url;/” alt=” echo:$valuename;/” /a /li end:if/ /ul /div 商品分类 标签 商品分类的IDecho:$catcat_id;/ 商品分类的名称echo: $catcat_name;/ 商品子分类的IDecho:$subcatcat_id;/ 商品子分类的名称echo: $subcatcat_name;/ 语法 sta: foreach($CATEGORY0 as $cat)loop 商品主分类内容 sta:if(isset($CATEGORY$catcat_id) $CATEGORY$catcat_id)exc sta: foreach($CATEGORY$ca
