电子商务 iwebshop 二次开发文档(简单版)

iwebshop电子商务软件 二次开发文档

模板目录与初始文件

模路径与文件

在开始制作之前，我们先来了解下SHOP的模板路径与文件

SHOP的模板文件与皮肤放置在不同的目录下

模板存放在./templates目录下

皮肤存放在./skin目录下

下面针对默认模板做一下结构说明

默认模板存放在 ./templates/default目录下

1、 模块文件，文件夹中存放着可重复调用文件、模块，一般有头部、底部、侧栏等

2、 框架文件，网站功能的整体框架页面

对应的默认风格存放在./skin/default目录下

1、文件夹中存放对应模板方案的图片、样式表、JS等文件

初始文件

新建立一套模板的方法，复制一份默认模板方案与默认风格文件夹，放在相应的目录内，给新模板起一个名字，把两个文件夹同时更改成该名称。或者直接在./templates与./skin建立空的文件夹，然后把做好的 html 页面按照 iweb_sns 模板命名规则命名并存放到模板目录。

登陆后台→全局设置→模板管理，找到你刚才建立的新模板选择应用模板，这样你就可以启

iwebshop电子商务软件 二次开发文档

用新的风格了

建立网站框架、划分结构

以默认模板为例子

下面是首页设计好的效果图，我们来做一下区域划分，

iwebshop电子商务软件 二次开发文档

iwebshop电子商务软件 二次开发文档

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.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文件名和结构必

iwebshop电子商务软件 二次开发文档

须与默认模板一致。

其他如头部、底部文件等公共存放在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]}

iwebshop电子商务软件 二次开发文档

{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'];/}

幻灯片图片URL{echo:$value['images_url'];/}

幻灯图片ALT{echo:$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>

iwebshop电子商务软件 二次开发文档

<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>

商品分类

标签

商品分类的ID{echo:$cat['cat_id'];/}

商品分类的名称{echo: $cat['cat_name'];/}

商品子分类的ID{echo:$subcat['cat_id'];/}

商品子分类的名称{echo: $subcat['cat_name'];/}

语法

{sta: foreach($CATEGORY[0] as $cat)[loop]}

商品主分类内容

{sta:if(isset($CATEGORY[$cat['cat_id']]) && $CATEGORY[$cat['cat_id']])[exc]}

{sta: foreach($CATEGORY[$cat['cat_id']] as $subcat)[loop]}

商品子分类的内容

{end:foreach/}

{end:if/}

网站公告文章

标签

文章URL{echo: 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']);/}

iwebshop电子商务软件 二次开发文档

品牌图片地址{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为你想显示的数量

本文来源：https://www.bwwdw.com/article/duf1.html